@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=9ac28642-e1dc-4931-bc6a-0b65f47c0f5d);
.Button{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;display:inline-flex;align-items:center;vertical-align:middle;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,0);border:0;height:2.25rem;white-space:nowrap;transition:background-color 100ms linear,color 100ms linear}.Button:hover{text-decoration:none}.Button--primary{font-size:14px;text-transform:uppercase;padding:0 1.5rem;border-radius:10rem}.Button--default{text-transform:none;padding:0 1rem;border-radius:4px}.Button--default.btnSmall{font-size:14px;height:2rem;padding:0 1rem}.Button--default.btnSmall .Icon{width:1.25rem;height:1.25rem}.Button--default.btnSmall.hideLabel{width:2rem}.Button--default.btnXS{font-size:12px;height:2rem;padding:0 1rem}.Button--default.btnXS .Icon{width:1rem;height:1rem}.Button--default.btnXS.hideLabel{padding:8px;width:2rem}.Button--default.rounded{border-radius:25px !important}.Button--default.outline{border:1px solid #ebebeb}.Button--default.hideLabel{padding:6px;width:2.25rem}.Button--default.hideLabel.rounded{border-radius:50% !important}.Button--purple{background-color:#990ae3;color:#fff}.Button--purple>svg{fill:#fff}.Button--purple:hover,.Button--purple.hover{color:#fff;background-color:rgb(181.56,78.6,234.84);border-color:rgba(0,0,0,0)}.Button--purple:hover>svg,.Button--purple.hover>svg{fill:#fff}.Button--purple.disabled,.Button--purple:disabled{color:#c6c6c6;background-color:rgb(247.2,247.2,247.2);border-color:rgba(0,0,0,0)}.Button--purple.disabled .Icon,.Button--purple:disabled .Icon{fill:#c6c6c6}.Button--purple:not(:disabled):not(.disabled):active,.Button--purple:not(:disabled):not(.disabled).active,.show>.Button--purple.dropdown-toggle{color:#fff;background-color:rgb(193.8,108,238.2)}.Button--grey{background-color:#ebebeb;color:#222}.Button--grey>svg{fill:#222}.Button--grey:hover,.Button--grey.hover{color:#222;background-color:hsl(0,0%,96.5333333333%);border-color:rgba(0,0,0,0)}.Button--grey:hover>svg,.Button--grey.hover>svg{fill:#222}.Button--grey.disabled,.Button--grey:disabled{color:#c6c6c6;background-color:rgb(247.2,247.2,247.2);border-color:rgba(0,0,0,0)}.Button--grey.disabled .Icon,.Button--grey:disabled .Icon{fill:#c6c6c6}.Button--grey:not(:disabled):not(.disabled):active,.Button--grey:not(:disabled):not(.disabled).active,.show>.Button--grey.dropdown-toggle{color:#222;background-color:rgb(210.8,210.8,210.8)}.Button--dark{background-color:#fff;color:#222}.Button--dark>svg{fill:#222}.Button--dark:hover,.Button--dark.hover{color:#222;background-color:hsl(0,0%,96.5333333333%);border-color:rgba(0,0,0,0)}.Button--dark:hover>svg,.Button--dark.hover>svg{fill:#222}.Button--dark.disabled,.Button--dark:disabled{color:#c6c6c6;background-color:rgb(247.2,247.2,247.2);border-color:rgba(0,0,0,0)}.Button--dark.disabled .Icon,.Button--dark:disabled .Icon{fill:#c6c6c6}.Button--dark:not(:disabled):not(.disabled):active,.Button--dark:not(:disabled):not(.disabled).active,.show>.Button--dark.dropdown-toggle{color:#222;background-color:hsl(0,0%,89.6%)}.Button--dark.transparent{background-color:rgba(0,0,0,0);color:#222}.Button--dark.transparent>svg{fill:#222}.Button--dark.transparent:hover,.Button--dark.transparent.hover{color:#222;background-color:hsl(0,0%,96.5333333333%);border-color:rgba(0,0,0,0)}.Button--dark.transparent:hover>svg,.Button--dark.transparent.hover>svg{fill:#222}.Button--dark.transparent.disabled,.Button--dark.transparent:disabled{color:#c6c6c6;background-color:rgb(247.2,247.2,247.2);border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.Button--dark.transparent.disabled .Icon,.Button--dark.transparent:disabled .Icon{fill:#c6c6c6}.Button--dark.transparent:not(:disabled):not(.disabled):active,.Button--dark.transparent:not(:disabled):not(.disabled).active,.show>.Button--dark.transparent.dropdown-toggle{color:#222;background-color:hsl(0,0%,89.6%)}.Button--white{background-color:#fff;color:#990ae3}.Button--white>svg{fill:#990ae3}.Button--white:hover,.Button--white.hover{color:#990ae3;background-color:rgb(248.88,240.3,253.32);border-color:rgba(0,0,0,0)}.Button--white:hover>svg,.Button--white.hover>svg{fill:#990ae3}.Button--white.disabled,.Button--white:disabled{color:#c6c6c6;background-color:rgb(247.2,247.2,247.2);border-color:rgba(0,0,0,0)}.Button--white.disabled .Icon,.Button--white:disabled .Icon{fill:#c6c6c6}.Button--white:not(:disabled):not(.disabled):active,.Button--white:not(:disabled):not(.disabled).active,.show>.Button--white.dropdown-toggle{color:#990ae3;background-color:rgb(238.68,215.8,250.52)}.Button--white.transparent{background-color:rgba(0,0,0,0);color:#990ae3}.Button--white.transparent>svg{fill:#990ae3}.Button--white.transparent:hover,.Button--white.transparent.hover{color:#990ae3;background-color:rgb(248.88,240.3,253.32);border-color:rgba(0,0,0,0)}.Button--white.transparent:hover>svg,.Button--white.transparent.hover>svg{fill:#990ae3}.Button--white.transparent.disabled,.Button--white.transparent:disabled{color:#c6c6c6;background-color:rgb(247.2,247.2,247.2);border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.Button--white.transparent.disabled .Icon,.Button--white.transparent:disabled .Icon{fill:#c6c6c6}.Button--white.transparent:not(:disabled):not(.disabled):active,.Button--white.transparent:not(:disabled):not(.disabled).active,.show>.Button--white.transparent.dropdown-toggle{color:#990ae3;background-color:rgb(238.68,215.8,250.52)}
.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff; }
  .Toastify__toast-container--top-left {
    top: 1em;
    left: 1em; }
  .Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    margin-left: -160px; }
  .Toastify__toast-container--top-right {
    top: 1em;
    right: 1em; }
  .Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em; }
  .Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    margin-left: -160px; }
  .Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em; }

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0; }
    .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
      top: 0; }
    .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
      bottom: 0; }
    .Toastify__toast-container--rtl {
      right: 0;
      left: auto;
      left: initial; } }

.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr; }
  .Toastify__toast--rtl {
    direction: rtl; }
  .Toastify__toast--default {
    background: #fff;
    color: #aaa; }
  .Toastify__toast--info {
    background: #3498db; }
  .Toastify__toast--success {
    background: #07bc0c; }
  .Toastify__toast--warning {
    background: #f1c40f; }
  .Toastify__toast--error {
    background: #e74c3c; }
  .Toastify__toast-body {
    margin: auto 0;
    flex: 1 1; }

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0; } }

.Toastify__close-button {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start; }
  .Toastify__close-button--default {
    color: #000;
    opacity: 0.3; }
  .Toastify__close-button:hover, .Toastify__close-button:focus {
    opacity: 1; }

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(0); } }

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left; }
  .Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards; }
  .Toastify__progress-bar--controlled {
    transition: transform .2s; }
  .Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    left: initial;
    transform-origin: right; }
  .Toastify__progress-bar--default {
    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); }

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft; }

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight; }

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown; }

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp; }

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft; }

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight; }

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp; }

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown; }

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes Toastify__zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn; }

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut; }

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.Toastify__flip-enter {
  animation-name: Toastify__flipIn; }

.Toastify__flip-exit {
  animation-name: Toastify__flipOut; }

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0); } }

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0); } }

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0); } }

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0); } }

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft; }

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight; }

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown; }

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp; }

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft; }

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight; }

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp; }

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown; }

/*# sourceMappingURL=ReactToastify.css.map */
.toast{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;background-color:#fff;font-weight:500;height:100%}.toast>*{height:100%}.toast .stripe{height:100%;width:4px}.toast-success{color:#099}.toast-success .stripe{background-color:#099}.toast-error{color:#e4175c}.toast-error .stripe{background-color:#e4175c}.toast-warning{color:#ff9b00}.toast-warning .stripe{background-color:#ff9b00}.toast p{margin:0px;padding-top:2px;padding-bottom:2px;padding-right:.25rem;width:80%}.toast-container{padding:0px;width:320px;min-height:64px;border:1px solid #f2f2f2;box-shadow:0px 1px 4px 0px rgba(0,0,0,.04);border-radius:6px}.toast-container .Toastify__toast-body{margin:0}
.Attribute-block span{display:block}.Attribute-label{color:#595959}.Attribute-label::after{content:": "}
.Attributes{list-style-type:none;margin:0;padding:0;margin-top:-0.5rem}.Attributes .Attribute{margin-top:.5rem}.Attributes--inline{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;margin-top:0}.Attributes--inline .Attribute{margin-top:0;margin-right:1rem}
.Badge{color:#595959;padding:2px 8px;border-radius:2px;display:inline-block;border:1px solid #ebebeb}.Badge-content{display:inline-flex;align-items:center;font-size:12px;vertical-align:middle}.Badge-content .Icon{height:1rem;width:1rem}.Badges{display:inline-flex;flex-wrap:wrap;flex-direction:column;margin:-0.25rem -0.25rem}.Badges .Badge{margin:.25rem .25rem}.Badges--inline{flex-direction:row}
.BodyCard{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;background-color:#fff}.BodyCard--borders{border:1px solid #ebebeb;border-radius:4px;padding:1.5rem}.BodyCard.noGutter{padding:0}.BodyCard--boxShadow--1{box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02)}.BodyCard--boxShadow--4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14)}.BodyCard--boxShadow--24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 9px 46px 8px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.14)}.BodyCard h2{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:22px;line-height:30px;font-weight:400;text-transform:none;margin-bottom:1rem}.BodyCard h3{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;font-weight:700}.BodyCard+.BodyCard{margin-top:1.5rem}.BodyCard .CardBody:first-of-type{padding-top:1.5rem}.BodyCard .CardBody:last-of-type{padding-bottom:1.5rem}.CardHeader{padding:1.5rem 1.5rem 0 1.5rem}.CardHeader>h1,.CardHeader>h2,.CardHeader>h3,.CardHeader>h4,.CardHeader>h5{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:22px;line-height:30px;font-weight:400;text-transform:none;margin:0}.CardHeader>p{color:#595959;font-size:14px}.CardBody{padding:0 1.5rem}.CardBody--noGutter{padding:0}.CardFooter{padding:0 1rem}.CardFooter-divider{width:auto;margin:0 .5rem;background-color:#ebebeb;border:0;height:1px}.CardFooter-content{padding:1rem 0}.CardFooter--noSpacing,.CardFooter--noSpacing .CardFooter-divider,.CardFooter--noSpacing .CardFooter-content{margin:0;padding:0}.CardDivider{background-color:#ebebeb;border:0;height:1px;margin-right:1.5rem;margin-left:1.5rem;width:auto}.CardDivider--noGutter{width:100%;margin:0}
.Breadcrumbs{padding:0;margin:0;list-style:none}.Breadcrumbs>li{display:inline;font-weight:500;font-size:1rem !important;color:#595959;font-size:14px;line-height:21px;text-transform:capitalize;cursor:pointer}.Breadcrumbs>li>a{color:inherit}.Breadcrumbs>li>a:hover{text-decoration:none}.Breadcrumbs>li:last-child{color:#595959}.Breadcrumbs>li::before{content:">";color:#595959;padding:0 5px}.Breadcrumbs>li:first-child::before{content:""}
.ButtonCard{display:block;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;border:1px solid #ebebeb;border-radius:4px;padding:1.125rem;box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02);text-decoration:none;transition:box-shadow 200ms;display:flex;flex-direction:column;align-items:center;width:184px;height:184px;font-size:1rem;font-weight:500;line-height:1.5rem}.ButtonCard-icon{margin:0 0 .5rem 0}.ButtonCard-flexWrapper{width:100%;flex:1 1}.ButtonCard-divider{width:40px;height:2px;border-top:2px solid #ebebeb;margin:.5rem auto;text-align:center}.ButtonCard-helpText{color:#595959;font-size:14px;font-weight:normal}.ButtonCard--horizontal{width:100%;height:auto;flex-direction:row;text-align:left}.ButtonCard--horizontal .ButtonCard-icon{width:auto;margin:0 1rem 0 0}.ButtonCard--horizontal .ButtonCard-divider{display:none}@media(max-width: 767.98px){.ButtonCard{width:100%;height:auto;flex-direction:row;text-align:left}.ButtonCard .ButtonCard-icon{width:auto;margin:0 1rem 0 0}.ButtonCard .ButtonCard-divider{display:none}}.ButtonCard--purple{color:#990ae3}.ButtonCard--dark{color:#222}body:not(.user-is-tabbing) .ButtonCard:focus{box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02)}body:not(.user-is-tabbing) .ButtonCard--purple:hover{color:#990ae3}body:not(.user-is-tabbing) .ButtonCard--dark:hover{color:#222}body:not(.user-is-tabbing) .ButtonCard:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14);text-decoration:none}body:not(.user-is-tabbing) .ButtonCard:active{box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02)}
.Card{list-style:none;padding-left:0;background-color:#fff}.Card--border{border:1px solid #ebebeb;border-radius:4px}.Card--transparent{background-color:rgba(0,0,0,0)}.Card.shadow-1{border-radius:4px;box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02)}.Card.shadow-4{border-radius:4px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14)}.Card.shadow-24{border-radius:4px;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 9px 46px 8px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.14)}.Card.clickable:hover{cursor:pointer}.Card--link{text-decoration:none;color:#222}.Card--link:hover{background-color:#f9f9f9;cursor:pointer;text-decoration:none;color:#222}
.Chip{line-height:2rem;height:2rem;border-radius:1rem;padding:0 .75rem;display:inline-flex;align-items:center;vertical-align:bottom;border:1px solid #ebebeb;background-color:#fff;color:#222;cursor:pointer;max-width:100%;overflow:hidden}.Chip:hover{background-color:rgb(248.88,240.3,253.32);border-color:rgb(248.88,240.3,253.32);color:#990ae3}.Chip-label{display:inline-flex;overflow:hidden;text-align:start;font-size:14px;line-height:21px}.Chip.active{background-color:rgb(244.8,230.5,252.2);border-color:rgb(244.8,230.5,252.2);color:#990ae3}.Chip.active.Chip--select{cursor:default}.Chip.active.Chip--filter:hover{background-color:rgb(248.88,240.3,253.32);border-color:rgb(248.88,240.3,253.32);color:#990ae3}.Chip.disabled{pointer-events:none;color:#595959;background-color:#fff}
.Checkbox{display:inline-flex;align-items:center}.Checkbox .Checkbox-hover{cursor:pointer;width:2.5rem;min-width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.Checkbox .Checkbox-hover:hover{background-color:#f2f2f2}.Checkbox .Checkbox-hover:hover .Checkbox-input{background-color:#f2f2f2}.Checkbox .Checkbox-input{height:1.25rem;width:1.25rem;border:2px solid #a0a0a0;border-radius:2px;position:relative;color:#595959;transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.Checkbox .Checkbox-input svg{transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);position:absolute;margin:-1px -2px;padding:0 2px}.Checkbox-label{cursor:pointer;margin:0;color:#222}.Checkbox.checked .Checkbox-input,.Checkbox.indeterminate .Checkbox-input{background-color:#990ae3;border-color:#990ae3}.Checkbox.checked .Checkbox-hover:hover,.Checkbox.indeterminate .Checkbox-hover:hover{background-color:rgba(153,10,227,.05)}.Checkbox.checked .Checkbox-hover:hover .Checkbox-input,.Checkbox.indeterminate .Checkbox-hover:hover .Checkbox-input{background-color:#990ae3}.Checkbox.disabled{pointer-events:none}.Checkbox.disabled .Checkbox-input{background-color:#f2f2f2;border-color:#f2f2f2}.Checkbox.disabled.checked .Checkbox-input{background-color:#fff;border-color:#a0a0a0}.Checkbox-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.Checkboxes-heading{margin-bottom:.5rem}.Checkboxes-body{display:flex;flex-direction:row}.Checkboxes-body .Checkbox{margin-right:1rem}.Checkboxes-body.block{flex-direction:column;margin-right:0}
@keyframes Spinner_rotate360__wyVSO{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes Spinner_loading-circle__2JkXJ{0%{stroke-dashoffset:600}100%{stroke-dashoffset:0}}.Spinner_Spinner__O8IDo{width:40px;height:40px;line-height:0}.Spinner_Spinner--xs__mQNaC{width:20px;height:20px}.Spinner_Spinner--md__qrK-R{width:30px;height:30px}.Spinner_Spinner-svg__575jS{animation:Spinner_rotate360__wyVSO 2s linear infinite}.Spinner_Spinner-circle__LaIcb{stroke-dashoffset:600;stroke-dasharray:300;stroke-width:12;stroke-miterlimit:10;stroke-linecap:round;animation:Spinner_loading-circle__2JkXJ 1.6s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;stroke:rgba(153,10,227,.3);fill:rgba(0,0,0,0)}.Spinner_Spinner-css__Z2uIA{width:40px;height:40px;margin:20px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:6px solid rgba(0,0,0,.2);border-right:6px solid rgba(0,0,0,.2);border-bottom:6px solid rgba(0,0,0,.2);border-left:6px solid #000;border-radius:20px;transform:translateZ(0);animation:Spinner_rotate360__wyVSO .6s infinite linear}
.CircleIcon{color:#990ae3}.CircleIcon-filled{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:rgb(248.88,240.3,253.32)}.CircleIcon-filled--small{width:2rem;height:2rem}.CircleIcon-filled--small .Icon{width:1.25rem;height:1.25rem}.CircleIcon-filled.warning{background-color:rgba(255,155,0,.12)}.CircleIcon-filled.success{background-color:rgba(0,153,153,.16)}.CircleIcon-filled.default{background-color:hsl(0,0%,96.5333333333%)}.CircleIcon-filled.danger{background-color:rgba(228,23,92,.08)}.CircleIcon-filled.muted{background-color:#f9f9f9}.CircleIcon .Spinner-circle{stroke:#990ae3}.CircleIcon.warning{color:#ff9b00}.CircleIcon.warning .Spinner-circle{stroke:#ff9b00}.CircleIcon.success{color:#099}.CircleIcon.success .Spinner-circle{stroke:#099}.CircleIcon.default{color:#595959 !important}.CircleIcon.default .Spinner-circle{stroke:#595959}.CircleIcon.danger{color:#e4175c !important}.CircleIcon.danger .Spinner-circle{stroke:#e4175c}.CircleIcon.muted{color:#a0a0a0 !important}.CircleIcon.muted .Spinner-circle{stroke:#a0a0a0}
.DetailCard{border:1px solid #ebebeb;border-radius:4px;height:-webkit-fit-content;height:fit-content;margin-bottom:1rem}.DetailCard h2{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:22px;line-height:30px;font-weight:400;text-transform:none;margin-bottom:1rem}.DetailCard h3{font-size:14px;line-height:21px;font-weight:700}.DetailCard--white{background-color:#fff}.DetailCard__heading{padding:1rem;padding-bottom:0}
.ExpandButton-iconWrapper{border:solid 1px hsl(232,31%,85%);background-color:#fff;border-radius:100px;height:24px;width:24px;box-shadow:0 1px 4px 0 rgba(0,0,0,.12);display:flex;align-items:center;justify-content:space-around}.ExpandButton-iconWrapper i{font-size:18px;color:#1a64e4;line-height:normal}.ExpandButton-iconWrapper-rounded{border-radius:2.5rem}
.FilterButton{border-color:#ebebeb}.FilterButton:hover{color:#990ae3;background-color:rgb(248.88,240.3,253.32);border-color:rgba(0,0,0,0)}.FilterButton.checked{color:#fff;background-color:#990ae3;border-color:#990ae3}.FilterButton.checked:hover{border-color:rgb(120.0759493671,7.8481012658,178.1518987342);background-color:rgb(120.0759493671,7.8481012658,178.1518987342)}.FilterButton:not(:disabled):not(.disabled):active,.FilterButton:not(:disabled):not(.disabled).active,.show>.FilterButton.dropdown-toggle{color:#990ae3;background-color:rgb(238.68,215.8,250.52);border-color:rgba(0,0,0,0)}
.OptionSelectMenu{max-height:300px;width:280px;font-size:14px;overflow-y:scroll;flex-direction:column}.OptionSelectMenu-item{background-color:#fff;border:none;text-align:left;width:100%}.OptionSelectMenu-item>span{overflow:hidden}.OptionSelectMenu-item-subLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.OptionSelectMenu-item-subLabel{font-size:14px;line-height:21px;color:#595959}.OptionSelectMenu-item:active{color:#222}.OptionSelectMenu-item:hover,.OptionSelectMenu-item.active{background-color:#f2f2f2}.OptionSelectMenu-item.selected:not(.OptionSelectMenu--allow-multiple){color:#990ae3}.OptionSelectMenu-item .Icon{height:1.25rem;width:1.25rem}.OptionSelectMenu-item.negative{color:#595959}.OptionSelectMenu-item.negative:hover{color:#222}.OptionSelectMenu-item.negative.selected:not(.OptionSelectMenu--allow-multiple){color:#990ae3}.OptionSelectMenu-item.negative+.OptionSelectMenu-item:not(.negative){border-top:1px solid #f2f2f2}
.SearchInput{border-radius:.3rem;background-color:#fff;border:1px solid #ebebeb;color:#595959;box-shadow:0;transition:box-shadow .3s cubic-bezier(0.25, 0.8, 0.25, 1)}.SearchInput .Icon{fill:#595959}.SearchInput :-ms-input-placeholder{color:#595959}.SearchInput ::placeholder{color:#595959}.SearchInput :-ms-input-placeholder{color:#595959}.SearchInput ::-ms-input-placeholder{color:#595959}.SearchInput--dark .input-group-append>.input-group-text,.SearchInput--dark .input-group-prepend>.input-group-text,.SearchInput--dark .SearchInput-input{background-color:#ebebeb}.SearchInput--open{border-bottom-left-radius:0;border-bottom-right-radius:0;border:none}.SearchInput .input-group-append>.input-group-text{padding:0;border-right:0}.SearchInput .input-group-append>.input-group-text button{margin:0 .25rem}.SearchInput .input-group-prepend>.input-group-text{padding:0}.SearchInput .input-group-prepend>.input-group-text .Icon{border-right:0}.SearchInput .input-group-prepend>.input-group-text button{margin:0 .25rem}.SearchInput .input-group-prepend>.input-group-text button>.Icon{padding:0}.SearchInput .input-group-prepend>.input-group-text.disabled{background-color:#ebebeb}.SearchInput .Button:focus{box-shadow:none}.SearchInput .input-group-text{border:0;border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.SearchInput .form-control{border:0;font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;padding-left:0}.SearchInput .form-control:focus{box-shadow:none}.SearchInput.narrow .form-control{font-size:14px;line-height:21px}.SearchInput.focus{color:#222;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14)}.SearchInput.focus .Icon{color:#222}input::-ms-clear,input::-ms-reveal{display:none;width:0;height:0}.SearchInput-wrapper .hide{visibility:hidden}.SearchInput-wrapper--important .SearchInput{cursor:pointer;border:1px solid #990ae3}.SearchInput-wrapper--important .SearchInput .Icon{fill:#990ae3}.SearchInput-wrapper--important .SearchInput :-ms-input-placeholder{color:#990ae3}.SearchInput-wrapper--important .SearchInput ::placeholder{color:#990ae3}.SearchInput-wrapper--important .SearchInput :-ms-input-placeholder{color:#990ae3}.SearchInput-wrapper--important .SearchInput ::-ms-input-placeholder{color:#990ae3}.SearchInput-wrapper--important .SearchInput.focus{border:1px solid #ebebeb}.SearchInput-wrapper--important .SearchInput.focus .Icon{fill:#595959}.SearchInput-wrapper--important .SearchInput.focus :-ms-input-placeholder{color:#595959}.SearchInput-wrapper--important .SearchInput.focus ::placeholder{color:#595959}.SearchInput-wrapper--important .SearchInput.focus :-ms-input-placeholder{color:#595959}.SearchInput-wrapper--important .SearchInput.focus ::-ms-input-placeholder{color:#595959}.dropdown .SearchInput{border:none;border-radius:4px 4px 0 0;border-bottom:1px solid #f2f2f2}.dropdown .SearchInput.focus{box-shadow:none}
.Select .Button.inUse:not(:hover){border-color:#222}.Select .Button.open{border-color:rgba(0,0,0,0);background-color:rgb(210.8,210.8,210.8)}
.FilterToggles .FilterButton{margin-bottom:.25rem}.FilterToggles .FilterButton:not(:last-child){margin-right:.25rem}
.Fullscreen{position:fixed;top:0;bottom:0;left:0;right:0;min-width:100vw;overflow:auto;background:#fff;z-index:1001}.Fullscreen.dimmed{background:rgba(0,0,0,.5)}.Fullscreen .FullscreenBody{padding-top:210px}@media(max-width: 991.98px){.Fullscreen .FullscreenBody{padding-top:64px}}
.FileToast{width:150%;min-height:50px;color:#595959;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14)}.FileToast-body .Icon.loading{color:#990ae3}.FileToast-body .Icon.error{color:#e4175c}.FileToast-body .Icon.success{color:#099}.FileToast-progress{background:none;height:.125rem}.FileToast-progress.loading{background-color:#990ae3}.FileToast-progress.error{background-color:#e4175c}.FileToast-progress.success{background:none;background-color:#099}
.FullscreenHeader{position:fixed;top:0;left:0;right:0;background-color:#fff;z-index:10000;display:flex;align-items:center;border-bottom:1px solid #ebebeb}.FullscreenHeader-content{width:100%;text-align:center;position:relative}.FullscreenHeader-content-backButton{position:absolute;left:0;top:50%;transform:translateY(-50%)}.FullscreenHeader-content-title{margin:0}@media(min-width: 992px){.FullscreenHeader{height:152px;transition:height 400ms;padding-left:1rem;padding-right:1rem}.FullscreenHeader h1{font-size:2.5rem;transition:font-size 400ms}.FullscreenHeader-content-backButton.Button{font-size:2.5rem;line-height:2.5rem;transition:font-size 400ms}}@media(max-width: 991.98px){.FullscreenHeader{height:48px;padding-left:.25rem;padding-right:.25rem}.FullscreenHeader h1{font-size:1.5rem}}.FullscreenHeader.shrink{height:48px}.FullscreenHeader.shrink h1{font-size:1.5rem}.FullscreenHeader.shrink .FullscreenHeader-content-backButton.Button{font-size:1.5rem;line-height:1.5rem;transition:font-size 400ms,line-height 400ms}.FullscreenHeader--purple{background-color:#990ae3;border-bottom:none}.FullscreenHeader--purple .FullscreenHeader-content-title{color:#fff}
.OptionsDropdown-header{justify-content:space-between}.OptionsDropdown-header>.Button{margin-top:-6px;margin-bottom:-6px;margin-right:-6px}.OptionsDropdown-header>.Button>.Icon{display:block;fill:#595959}.OptionsDropdown-heading{color:#222;padding-right:1.5rem}.OptionsDropdown-heading:active{color:#222}.OptionsDropdown-subheading{font-size:12px;line-height:18px;padding-right:1.5rem;color:#595959}.OptionsDropdown .dropdown-item,.OptionsDropdown .dropdown-header{padding:10px 14px 9px 14px;background-color:#fff}.OptionsDropdown .dropdown-item:hover,.OptionsDropdown .dropdown-item:active,.OptionsDropdown .dropdown-item:focus{color:#222;background-color:#fbfbfb}.OptionsDropdown-centered.dropdown-item{display:block;text-align:center;padding-top:15px;padding-bottom:15px}
.FullScreenError{position:fixed;background:#fff;z-index:9999;top:0;left:0;height:100%;width:100%}.FullScreenError-logo{position:absolute;top:24px;left:32px;max-width:88px;height:auto}.FullScreenError-frame{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}.FullScreenError-body{padding:96px 32px;max-width:500px;margin-left:auto;margin-right:auto}.FullScreenError-message{font-size:28px;line-height:34px}.FullScreenError-error{color:#595959}
.InfoCard{font-size:14px;line-height:21px;font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";background:#f9f9f9;border-radius:6px;padding:.75rem}.InfoCard i{font-size:2rem}
.LinkCard{position:relative;padding:.5rem 1.5rem;color:#595959}.LinkCard .Icon{width:1rem;height:1rem}.LinkCard:hover{background-color:#f9f9f9;cursor:pointer}.LinkCard-link{color:#222;text-decoration:none}.LinkCard-link:hover{text-decoration:none}.LinkCard-link:visited{color:#222}.LinkCard-link::after{position:absolute;top:0;right:0;bottom:0;left:0}.LinkCardList{list-style:none;padding:0;margin:0}.LinkCardList li{box-shadow:none;border-top:1px solid #dbe3e8}.LinkCardList li:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:0}.LinkCardList li:last-child{border-top-left-radius:0;border-top-right-radius:0}.LinkCardList li:only-child{border-radius:.2rem}
.ListResultCard.skeleton .ListResultCard-icon-skeleton{min-height:1.5rem;min-width:1.5rem;border-radius:4rem}.ListResultCard.skeleton .ListResultCard-icon-description,.ListResultCard.skeleton .ListResultCard-title{width:100%}.ListResultCard.skeleton .ListResultCard-attributes{width:80%}.ListResultCard.skeleton .ListResultCard-main{max-width:360px}.ListResultCard.skeleton .ListResultCard-icon-skeleton{background:linear-gradient(-45deg, #f9f9f9, #ebebeb);background-size:200% 200%;animation:Loading 1.5s ease infinite;border-radius:4rem}@keyframes Loading{0%{background-position:0% 50%}50%{background-position:50% 100%}100%{background-position:0% 50%}}.ListResultCard.skeleton .ListResultCard-icon-description,.ListResultCard.skeleton .ListResultCard-title,.ListResultCard.skeleton .ListResultCard-attributes{position:relative}.ListResultCard.skeleton .ListResultCard-icon-description:after,.ListResultCard.skeleton .ListResultCard-title:after,.ListResultCard.skeleton .ListResultCard-attributes:after{content:"-";visibility:hidden}.ListResultCard.skeleton .ListResultCard-icon-description>div,.ListResultCard.skeleton .ListResultCard-title>div,.ListResultCard.skeleton .ListResultCard-attributes>div{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);max-height:1.25rem;background:linear-gradient(-45deg, #f9f9f9, #ebebeb);background-size:200% 200%;animation:Loading 1.5s ease infinite;border-radius:4rem}@keyframes Loading{0%{background-position:0% 50%}50%{background-position:50% 100%}100%{background-position:0% 50%}}
.List-container{background-color:#fff}.List-container--border{border:1px solid #ebebeb;border-radius:4px}.List{list-style:none;padding:0;margin:0}.List--border>*:not(:last-child){border-bottom:1px solid #ebebeb}.List.fade-enter{opacity:0;transition:opacity .2s ease-in-out}.List.fade-enter-active{opacity:1}
.ListFooter{margin-bottom:1.5rem}
.ListHeader-container{display:flex;flex-flow:row nowrap;color:#595959;align-items:center;padding-top:1rem;padding-bottom:1rem}
.Tag{display:inline-block;border:1px solid #ebebeb;border-radius:100px;padding:.25rem .75rem;white-space:nowrap;background-color:#fff;background-color:#e2e2e2;transition:all .15s ease-in-out;font-size:14px;line-height:21px;color:#595959}.Tag.redirect{cursor:pointer}.Tag.select{cursor:pointer}.Tag:hover{background-color:#d8d8d8}
.Tags{list-style-type:none;padding:0;margin:0}.Tags>.Tag{display:inline-block;margin-bottom:.25rem}.Tags>.Tag:not(:last-child){margin-right:.25rem}
.ListResultCard{padding-top:1rem;padding-bottom:1rem;padding-right:1rem}.ListResultCard.clickable:hover{background-color:hsl(0,0%,96.5333333333%);cursor:pointer}.ListResultCard-icon{flex:0 0 auto;text-align:center;display:flex;align-items:center}.ListResultCard-icon--checkbox{display:none;text-align:left;text-align:initial}.ListResultCard-icon-wide{flex:0 0 220px}.ListResultCard-icon-description{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;margin-left:1.25rem}@media(max-width: 575.98px){.ListResultCard-icon{flex:0 0 70px}.ListResultCard-icon-description{display:none}}.ListResultCard-main{flex:1 1 auto;overflow:hidden}.ListResultCard-main h1,.ListResultCard-main h2,.ListResultCard-main h3{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;text-transform:none}.ListResultCard-attributes{font-size:.875rem;color:#595959;display:flex;flex-flow:row wrap}.ListResultCard-attribute{padding-right:1rem;color:#595959;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ListResultCard-secondary{display:flex}.ListResultCard-secondary>.ListResultCard-icon{font-size:18px;flex:0 0 46px;color:#595959}.ListResultCard .Badge+.Badge{margin-left:.25rem}.ListResultCard a{color:#595959}.ListResultCard a:hover{color:#595959}.ListResultCard-icon--fixed{height:32px;width:32px;display:flex;justify-content:center;align-items:center}.ListResultCard--selectable .ListResultCard-icon--fixed:hover .Icon{display:hidden}.ListResultCard--selectable .ListResultCard-icon--fixed:hover .ListResultCard-icon--checkbox{display:block}.ListResultCard--selected{background-color:rgb(251.94,247.65,254.16)}.ListResultCard--selected:hover,.ListResultCard--selected.clickable:hover{background-color:rgb(248.88,240.3,253.32)}
.LoadingPebble{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:200px;height:auto;width:20vw;max-width:100px}.LoadingPebble-bg{fill:none;stroke:#990ae3;stroke-width:3px;stroke-linecap:butt;opacity:.04}.LoadingPebble-fg{fill:none;stroke:#990ae3;stroke-width:3px;stroke-linecap:butt;stroke-dasharray:147.356918335 49.1189727783;animation-name:spinner;animation-duration:1.5s;animation-timing-function:linear;animation-delay:0;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:both;animation-play-state:running}@keyframes spinner{0%{stroke-dashoffset:0}100%{stroke-dashoffset:196.4758911133}}
.LoadMoreButton{position:relative}.LoadMoreButton::before{display:block;content:"";width:100%;position:absolute;top:18px;left:0;right:0;height:1px;background-color:#ebebeb}.LoadMoreButton>span{position:relative;background-color:#fff}.LoadMoreButton .btn{background-color:#fff;border:1px solid #ebebeb;border-radius:50px;padding-left:32px;padding-right:32px}
.NoResult{position:relative;height:100%;width:100%}.NoResult-body{position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%, -50%)}
.RadioButton-content{display:inline-flex;color:#595959;position:relative;cursor:pointer}.RadioButton-content:hover .RadioButton-outer{background-color:rgba(0,0,0,.04);box-shadow:0px 0px 0px 8px rgba(0,0,0,.04)}.RadioButton-content .RadioButton-label{cursor:pointer;line-height:1;margin:0;padding-left:.5rem;color:#222}.RadioButton-content .RadioButton-outer{height:1.25rem;min-width:1.25rem;border-radius:50%;border:2px solid #a0a0a0;display:flex;align-items:center;justify-content:center;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1)}.RadioButton-content .RadioButton-inner{opacity:0;width:.625rem;height:.625rem;border-radius:50%;background-color:#990ae3;transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1)}.RadioButton-description{font-size:14px;line-height:21px;padding-left:.5rem;margin-left:1.25rem;color:#595959;margin-top:-0.25rem}.RadioButton.checked .RadioButton-outer{border-color:#990ae3}.RadioButton.checked .RadioButton-inner{opacity:1}.RadioButton.checked .RadioButton-content:hover .RadioButton-outer{box-shadow:0px 0px 0px 8px rgba(153,10,227,.06)}.RadioButton.disabled{pointer-events:none}.RadioButton.disabled .RadioButton-outer{border-color:#f2f2f2;background-color:#f2f2f2}.RadioButton.disabled .RadioButton-inner{background-color:#f2f2f2}.RadioButton.checked.disabled .RadioButton-outer{border-color:#a0a0a0}.RadioButton.checked.disabled .RadioButton-inner{background-color:#a0a0a0}.RadioButton-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}
.RadioGroup-body{display:flex;flex-direction:row}.RadioGroup-body .RadioButton:not(:first-child){margin-left:1rem}.RadioGroup-body.block{flex-direction:column}.RadioGroup-body.block .RadioButton:not(:first-child){margin-left:0;margin-top:.5rem}.RadioGroup-error{font-size:14px;margin-top:.25rem;color:#e4175c}
.StepFlowIndicator{border:0;display:flex;flex-direction:row;width:100%;margin:0;padding:0}.StepFlowIndicator-step{list-style-type:none;flex:1 1;position:relative}.StepFlowIndicator-bar{width:100%;height:4px;position:absolute;left:50%;top:14px}.StepFlowIndicator-bar::before,.StepFlowIndicator-bar::after{display:block;content:"";width:100%;height:4px;position:absolute;top:0;left:0;transition:opacity ease-in-out .2s,background-color ease-in-out .2s}.StepFlowIndicator-bar::before{background-color:#f2f2f2}.StepFlowIndicator-bar::after{opacity:0;background-color:#642d96}.StepFlowIndicator-step--passed .StepFlowIndicator-bar::after{opacity:1}.StepFlowIndicator-step--previous .StepFlowIndicator-bar::after{opacity:1;background-image:linear-gradient(to right, #642d96, #990ae3)}.StepFlowIndicator-circle{border-radius:50%;width:31px;height:31px;margin:0 auto;font-size:16px;line-height:31px;text-align:center;position:relative;background-color:#f2f2f2;color:#222;transition:background-color ease-in-out .2s,color ease-in-out .2s}.StepFlowIndicator-circle.clickable{cursor:pointer}.StepFlowIndicator-label{color:#6f6f6f;text-align:center}.StepFlowIndicator-step--passed .StepFlowIndicator-circle{background-color:#642d96;color:#fff}.StepFlowIndicator-step--current .StepFlowIndicator-circle{background-color:#990ae3;color:#fff}
.TextField{display:inline-block}.TextField .TextField-input-wrapper{cursor:text;height:4rem;position:relative;display:flex;align-items:flex-end}.TextField .TextField-input-wrapper .TextField-label{margin:0;position:absolute;left:.75rem;cursor:text}.TextField .TextField-input-wrapper .TextField-label.label-root{top:2rem;color:#595959;transition-property:font-size top left color;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.TextField .TextField-input-wrapper .TextField-label.label-top{top:14px;z-index:10;color:#595959;font-size:.75rem;transition-property:font-size top left color;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.TextField-subText{color:#595959;padding-left:.75rem;padding-right:.75rem;padding-top:.25rem}.TextField:hover .input-group{border-color:#990ae3}.TextField:hover .TextField-label.label-root{color:#222}.TextField:hover .TextField-label.label-top{color:#990ae3}.TextField.bordered .input-group{border:2px solid #f2f2f2;border-radius:4px}.TextField.bordered .TextField-label.label-top{background-color:#fff;padding:0 4px;margin-left:-2px}.TextField.bordered .form-control{border-radius:4px}.TextField .form-control{height:calc(1.5em + .75rem)}.TextField .input-group{align-items:flex-end;border-bottom:2px solid #f2f2f2}.TextField .input-group>input{border:none;border-radius:0}.TextField .input-group-prepend{border-right:0;margin-right:0}.TextField .input-group-prepend>.input-group-text{padding-right:0;color:#a0a0a0;font-size:1.2rem;line-height:1.1}.TextField .input-group .form-text{width:100%;font-size:small}.TextField .input-group .input-group-text{background-color:inherit;border:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.TextField.isPrepended .TextField-input-wrapper>.TextField-label.label-root{left:3.5rem}.TextField.focus .TextField-input-wrapper>.TextField-label.label-root,.TextField.focus .TextField-input-wrapper>.TextField-label.label-top,.TextField.focus .TextField-subText{color:#990ae3}.TextField.focus .input-group{border-color:#990ae3}.TextField.focus .form-control{border:none;box-shadow:none;box-shadow:initial}.TextField.success .TextField-input-wrapper>.TextField-label.label-root,.TextField.success .TextField-input-wrapper>.TextField-label.label-top,.TextField.success .TextField-subText{color:#099}.TextField.success .input-group{border-color:#099}.TextField.success .input-group .input-group-append>.input-group-text{color:#099}.TextField.success .input-group:hover{border-color:#099}.TextField.error .TextField-input-wrapper>.TextField-label.label-root,.TextField.error .TextField-input-wrapper>.TextField-label.label-top,.TextField.error .TextField-subText{color:#ff3264}.TextField.error .input-group{border-color:#ff3264}.TextField.error .input-group .input-group-append>.input-group-text{color:#ff3264}.TextField.error .input-group:hover{border-color:#ff3264}.TextField.disabled{pointer-events:none}.TextField.disabled .TextField-input-wrapper>.TextField-label.label-root,.TextField.disabled .TextField-input-wrapper>.TextField-label.label-top,.TextField.disabled .TextField-subText{color:#a0a0a0}.TextField.disabled .TextField-input-wrapper>.TextField-label{color:#595959}.TextField.disabled .input,.TextField.disabled .form-control,.TextField.disabled .input-group,.TextField.disabled .input-group-append,.TextField.disabled .input-group-prepend{background-color:#f9f9f9}.TextField.disabled :-ms-input-placeholder{color:#a0a0a0}.TextField.disabled ::placeholder{color:#a0a0a0}.TextField.disabled :-ms-input-placeholder{color:#a0a0a0}.TextField input::-webkit-outer-spin-button,.TextField input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.TextField input[type=number]{-moz-appearance:textfield}
.FormFieldWrapper{display:flex;flex-direction:column}.FormFieldWrapper-label{font-size:1rem;margin-bottom:.25rem}.FormFieldWrapper-subText{margin-top:.25rem}.FormFieldWrapper.error .FormFieldWrapper-subText{color:#ff3264}
.TextArea.success textarea{border-color:#099}.TextArea.error textarea{border-color:#e4175c}
.Toolbar{margin-left:-0.75rem}.Toolbar .Button+.Button{margin-left:.5rem}
.OrganisationTreeNavigator{color:#222;font-size:1rem}.OrganisationTreeNavigator-container{overflow-y:auto;max-height:50vh}.OrganisationTreeNavigator ul{padding:0;margin:0 0 0 1.5rem;list-style-type:none}.OrganisationTreeNavigator>ul{margin-left:0}.OrganisationTreeNavigator h2{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;text-transform:none}.OrganisationTreeNavigator-recursiveList li{list-style-type:none}.OrganisationTreeNavigator-rootButton.btn{font-size:24px}
.OrganisationTreeNavigatorItem{display:flex;align-items:center;justify-content:space-between}.OrganisationTreeNavigatorItem-expander{flex:0 0 30px}.OrganisationTreeNavigatorItem-body{flex:1 1;padding:.25rem .25rem}
.OrganisationPicker-header{padding-top:13px;padding-bottom:13px;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#f3f6f8;color:#353e6b;font-size:21px;display:flex;align-items:center;border-bottom:1px solid #ced1e5;justify-content:space-between}
.ItemListPicker-body{padding:1.5rem}.ItemListPicker-items{list-style-type:none;padding:0;margin:-0.25rem}.ItemListPicker-label{color:#6b6e98;font-size:16px;margin-bottom:-10px}.ItemListPicker-selectedItems{max-height:160px;overflow-x:scroll}.ItemListPicker-selectedItems::-webkit-scrollbar{-webkit-appearance:none}.ItemListPicker-selectedItems::-webkit-scrollbar:vertical{width:11px}.ItemListPicker-selectedItems::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid #fff;background-color:rgba(0,0,0,.5)}.ItemListPicker-add{padding:.25rem .5rem;border:1px solid #ebebeb;border-radius:.15rem;background-color:#fff;margin-left:1rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.ItemListPicker-add:hover{background-color:#f9f9f9}.ItemListPicker-container{overflow-y:auto;max-height:50vh}.ItemListPicker-item{margin:.25rem;padding:.5rem;border-radius:.15rem;transition:background-color .15s ease-in-out;background-color:#fff;border-color:rgba(0,0,0,0);color:#222;cursor:pointer;font-weight:400;-webkit-user-select:none;-ms-user-select:none;user-select:none;border:1px solid rgba(0,0,0,0);font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;white-space:nowrap;text-overflow:ellipsis}.ItemListPicker-item:hover,.ItemListPicker-item.hover{color:#990ae3;background-color:hsl(0,0%,92.5%);border-color:rgba(0,0,0,0)}.ItemListPicker-item:focus,.ItemListPicker-item.focus{box-shadow:0 0 0 .2rem #ebebeb}.ItemListPicker-item.disabled,.ItemListPicker-item:disabled{color:rgb(72.25,72.25,72.25);background-color:#fff;border-color:rgba(0,0,0,0);opacity:.8}.ItemListPicker-item:not(:disabled):not(.disabled):active,.ItemListPicker-item:not(:disabled):not(.disabled).active,.show>.ItemListPicker-item.dropdown-toggle{color:#222;background-color:hsl(0,0%,90%);border-color:rgba(0,0,0,0)}.ItemListPicker-item:not(:disabled):not(.disabled):active:focus,.ItemListPicker-item:not(:disabled):not(.disabled).active:focus,.show>.ItemListPicker-item.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(33,37,41,.5)}.ItemListPicker-item:focus,.ItemListPicker-item.focus{outline:0}
.ListSelectCard{padding-top:spacer(4);padding-bottom:spacer(4)}.ListSelectCard:hover{background-color:#f9f9f9;cursor:pointer}.ListSelectCard-icon{flex:0 0 70px}.ListSelectCard-main{flex:1 1 auto}.ListSelectCard-main a,.ListSelectCard-main a:visited{color:#222}.ListSelectCard-main h1,.ListSelectCard-main h2,.ListSelectCard-main h3{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;text-transform:none}.ListSelectCard-attributes{font-size:.875rem;color:#595959;display:flex;flex-flow:row wrap}
.StepCircle{border-radius:50%;width:32px;height:32px;font-size:16px;line-height:32px;text-align:center;color:#222;background-color:#f2f2f2}.StepCircle.completed{color:#fff;background-color:#642d96}.StepCircle.active{color:#fff;background-color:#990ae3}
.StepFlowCard.clickable{cursor:pointer;border-radius:4px}.StepFlowCard.clickable:hover{background-color:#f9f9f9}
.SearchListPicker{min-width:300px;background-color:#fff}.SearchListPicker-item-heading{font-family:"Pebble",sans-serif;font-size:34px;line-height:34px;text-transform:uppercase;font-weight:400;margin:0;padding:0;font-size:1rem;text-transform:none}.SearchListPicker>ul{margin:0;padding:0;list-style:none}.SearchListPicker>ul>li{padding:1em}.SearchListPicker>ul>li.clickable{cursor:pointer}.SearchListPicker>ul>li.clickable.highlighted,.SearchListPicker>ul>li.clickable:focus,.SearchListPicker>ul>li.clickable:hover{background-color:#f2f2f2}.SearchListPicker>ul>li.bordered{border:1px double #f9f9f9}.SearchListPicker>ul .Attributes>.Attribute{font-size:.875rem}
.ProgressIndicator{position:relative}.ProgressIndicator-circles{display:flex;justify-content:space-between}.ProgressIndicator-circle{border-radius:50%;width:40px;height:40px;font-size:24px;position:relative;background-color:#f9f9f9;color:#fff;display:flex;justify-content:center;align-items:center}.ProgressIndicator-circle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.ProgressIndicator-circle--inner{border-radius:50%;width:85%;height:85%;background-color:#fff}.ProgressIndicator-circle--passed{background-color:#0c6}.ProgressIndicator-circle--passed>svg{fill:#fff}.ProgressIndicator-circle--focus{background-color:#0c6}.ProgressIndicator-circle--focus>svg{fill:#0c6}.ProgressIndicator-bars{display:flex;justify-content:space-between;position:absolute;left:0;right:0;top:18px}.ProgressIndicator-bar{flex:1 1 auto;height:4px;background-color:#f9f9f9}.ProgressIndicator-has-failure{background-color:#ff3264}.ProgressIndicator-bar--passed{background-color:#0c6}.ProgressIndicator-label{position:relative;display:inline-block;margin-top:.75rem;padding:3px 6px;border:2px solid #ebebeb;border-radius:4px}
.StatusProgressCard-header{font-size:1rem;color:#595959}.StatusProgressCard-title{font-size:1.25rem;color:#222}.StatusProgressCard-subTitle{color:#595959}
.Alert{display:flex;flex-direction:row;border:1px solid #ebebeb;border-radius:6px;padding:1.5rem;color:#595959;box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02);background-color:#fff}.Alert.clickable{cursor:pointer}.Alert.clickable:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14)}.Alert-content-header>h2{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;color:#222;font-size:1.25rem;text-transform:none;margin:0}.Alert-content-header>small{color:#595959}.Alert-content-header-subHeader{display:flex;padding-right:20px}.Alert-wrapper{margin-right:1.5rem}.Alert-icon{display:flex;padding:.5rem;border-radius:6rem}.Alert.success{border-left:.25rem solid #099}.Alert.success .Alert-icon{background-color:rgb(224.4,242.76,242.76)}.Alert.success .Alert-icon>.Icon{fill:#099}.Alert.warning{border-left:.25rem solid #ff9b00}.Alert.warning .Alert-icon{background-color:rgb(255,243,224.4)}.Alert.warning .Alert-icon>.Icon{fill:#ff9b00}.Alert.error{border-left:.25rem solid #e4175c}.Alert.error .Alert-icon{background-color:rgb(251.76,227.16,235.44)}.Alert.error .Alert-icon>.Icon{fill:#e4175c}.Alert.default{border-left:.25rem solid #990ae3}.Alert.default .Alert-icon{background-color:rgb(242.76,225.6,251.64)}.Alert.default .Alert-icon>.Icon{fill:#990ae3}
.Pagination{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.Pagination-pages{white-space:nowrap;margin-left:1.5rem;margin-right:1.5rem;color:#595959;font-size:14px;font-weight:600}.Pagination-prev{margin-left:.5rem}
.Table-container{background-color:#fff;overflow:auto}.Table-container.bordered{border:1px solid #ebebeb;border-radius:4px;overflow:auto}.Table{width:100%;min-width:992px;font-size:14px;line-height:21px}.Table tr{height:3.5rem}.Table thead>tr,.Table tbody>tr:not(:last-child){border-bottom:1px solid #ebebeb}.Table th,.Table td{padding:.5rem 1rem}.Table .alignRight{text-align:right}.Table-NoData{height:50vh;width:100%}.Table-TableHeaderCell{white-space:nowrap;font-weight:400;color:#595959}.Table-TableHeaderCell-sortBtn{color:#595959;padding:0;margin:0;border:0;background:rgba(0,0,0,0)}.Table-TableHeaderCell-sortBtn:hover,.Table-TableHeaderCell-sortBtn:focus{color:#222}.Table tr.Table-TableBodyRow:hover{background-color:hsl(0,0%,96.5333333333%)}.Table tr.Table-TableBodyRow.clickable{cursor:pointer}.Table tr.Table-TableBodyRow.clickable:focus,.Table tr.Table-TableBodyRow.clickable:active{background-color:hsl(0,0%,96.5333333333%)}.Table tr.Table-TableBodyRow.connected{border-bottom:0}.Table tr.Table-TableBodyRow.connected .Table-TableBodyCell:first-child,.Table tr.Table-TableBodyRow.connected .Table-TableBodyCell-Checkbox+.Table-TableBodyCell{position:relative}.Table tr.Table-TableBodyRow.connected .Table-TableBodyCell:first-child:before,.Table tr.Table-TableBodyRow.connected .Table-TableBodyCell-Checkbox+.Table-TableBodyCell:before{content:"";position:absolute;height:1rem;top:100%;left:28px;transform:translate(-50%, -50%);border-left:4px solid #f2f2f2;border-radius:4px}.Table tr.Table-TableBodyRow.connected+.Table-TableBodyRow .Checkbox{display:none}.Table tr.Table-TableBodyRow.selected{background-color:rgb(251.94,247.65,254.16)}.Table tr.Table-TableBodyRow.selected.connected+.Table-TableBodyRow{background-color:rgb(251.94,247.65,254.16)}.Table tr.Table-TableBodyRow.selected.connected+.Table-TableBodyRow:hover{background-color:rgb(248.88,240.3,253.32)}.Table tr.Table-TableBodyRow.selected.connected .Table-TableBodyCell-Checkbox+.Table-TableBodyCell:before{border-color:#fff}.Table tr.Table-TableBodyRow.selected:hover{background-color:rgb(248.88,240.3,253.32)}.Table tr.Table-TableBodyRow.colorize .Table-TableBodyCell-Checkbox{position:relative}.Table tr.Table-TableBodyRow.colorize .Table-TableBodyCell-Checkbox:after{content:"";position:absolute;top:0;left:0;height:100%;border-left:3px solid red}.Table tr.Table-TableBodyRow.colorize .Checkbox-input{border-color:red}.Table-TableBodyCell-content{width:0;min-width:100%}.Table-SkeletonRow>td>div{position:relative}.Table-SkeletonRow>td>div:after{content:"-";visibility:hidden}.Table-SkeletonRow>td>div>div{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);max-height:1.25rem;background:linear-gradient(-45deg, #f9f9f9, #ebebeb);background-size:200% 200%;animation:Loading 1.5s ease infinite;border-radius:4rem}@keyframes Loading{0%{background-position:0% 50%}50%{background-position:50% 100%}100%{background-position:0% 50%}}.Table .fade-enter{opacity:0;transition:opacity .3s ease-in-out}.Table .fade-enter-active{opacity:1}
.BreadcrumbsAndTitle{display:inline-flex;flex-wrap:wrap;align-items:baseline;list-style:none;margin:0;padding:0}.BreadcrumbsAndTitle>li{display:inline-block;color:#595959;font-size:1.25rem}.BreadcrumbsAndTitle>li a{color:#595959}.BreadcrumbsAndTitle>li:not(:last-child)::after{margin:0 .5rem;content:"/"}.BreadcrumbsAndTitle>li.BreadcrumbsAndTitle-title{font-size:1.5rem;font-weight:600;color:#990ae3}.BreadcrumbsAndTitle>li.BreadcrumbsAndTitle-title.minimized{font-size:1.125rem}
.SlideOverlay{position:fixed;visibility:hidden;top:0;left:0;z-index:9999;width:100%;height:100%;background-color:rgba(0,0,0,0);transition:background-color 300ms linear,visibility 300ms linear}.SlideOverlay-slideContent{background:#fff;display:inline-block;height:100%;overflow-y:auto;transform:translateX(-110%);transition:transform 200ms linear}.SlideOverlay--open{visibility:visible;background-color:rgba(0,0,0,.5)}.SlideOverlay--open .SlideOverlay-slideContent{transform:translateX(0)}
.CardList{list-style-type:none;padding:0;margin:0}.CardList>.Card,.CardList>a>.Card{margin:18px 0}.CardList>.Card:first-child,.CardList>a:first-child>.Card{margin-top:0}.CardList>.Card:last-child,.CardList>a:last-child>.Card{margin-bottom:0}
.PresetDateRangePicker_panel {
  padding: 0 22px 11px
}
.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  box-sizing: border-box;
  cursor: pointer
}
.PresetDateRangePicker_button:active {
  outline: 0
}
.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699
}
.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff
}
.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb
}
.SingleDatePickerInput__rtl {
  direction: rtl
}
.SingleDatePickerInput__disabled {
  background-color: #f2f2f2
}
.SingleDatePickerInput__block {
  display: block
}
.SingleDatePickerInput__showClearDate {
  padding-right: 30px
}
.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.SingleDatePickerInput_clearDate__small {
  padding: 6px
}
.SingleDatePickerInput_clearDate__hide {
  visibility: hidden
}
.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.SingleDatePickerInput_clearDate_svg__small {
  height: 9px
}
.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.SingleDatePicker {
  position: relative;
  display: inline-block
}
.SingleDatePicker__block {
  display: block
}
.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.SingleDatePicker_picker__rtl {
  direction: rtl
}
.SingleDatePicker_picker__directionLeft {
  left: 0
}
.SingleDatePicker_picker__directionRight {
  right: 0
}
.SingleDatePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff
}
.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none
}
.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2
}
.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute
}
.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489
}
.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute
}
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px
}
.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left
}
.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0
}
.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2
}
.DayPickerKeyboardShortcuts_close:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a
}
.CalendarDay {
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center
}
.CalendarDay:active {
  outline: 0
}
.CalendarDay__defaultCursor {
  cursor: default
}
.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff
}
.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit
}
.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit
}
.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848
}
.CalendarDay__outside:hover {
  border: 0
}
.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd
}
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd
}
.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848
}
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848
}
.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff
}
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87
}
.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a
}
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd
}
.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee
}
.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7
}
.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0
}
.CalendarMonth_verticalSpacing {
  border-collapse: separate
}
.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: top;
  caption-side: initial
}
.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px
}
.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0
}
.CalendarMonthGrid__animating {
  z-index: 1
}
.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px
}
.CalendarMonthGrid__vertical,
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto
}
.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%
}
.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none
}
.CalendarMonthGrid_month__hidden {
  visibility: hidden
}
.DayPickerNavigation {
  position: relative;
  z-index: 2
}
.DayPickerNavigation__horizontal {
  height: 0
}
.DayPickerNavigation__verticalScrollable_prevNav {
  z-index: 1
}
.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0
}
.DayPickerNavigation__verticalScrollableDefault {
  position: relative
}
.DayPickerNavigation__bottom {
  height: auto
}
.DayPickerNavigation__bottomDefault {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: flex;
  justify-content: space-between
}
.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0
}
.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575
}
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4
}
.DayPickerNavigation_button__default:active {
  background: #f2f2f2
}
.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:active {
  background: 0 0
}
.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: .78;
  border-radius: 3px;
  padding: 6px 9px
}
.DayPickerNavigation_bottomButton__horizontalDefault {
  position: static;
  margin: -10px 22px 30px
}
.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px
}
.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px
}
.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%
}
.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0
}
.DayPickerNavigation_nextButton__verticalScrollableDefault,
.DayPickerNavigation_prevButton__verticalScrollableDefault {
  width: 100%
}
.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block
}
.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848
}
.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2
}
.DayPicker {
  background: #fff;
  position: relative;
  text-align: left
}
.DayPicker__horizontal {
  background: #fff
}
.DayPicker__verticalScrollable {
  height: 100%
}
.DayPicker__hidden {
  visibility: hidden
}
.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);
  border-radius: 3px
}
.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%
}
.DayPicker_portal__vertical {
  position: static;
  position: initial
}
.DayPicker_focusRegion {
  outline: 0
}
.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top
}
.DayPicker_weekHeaders {
  position: relative
}
.DayPicker_weekHeaders__horizontal {
  margin-left: 9px
}
.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left
}
.DayPicker_weekHeader__vertical {
  left: 50%
}
.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center
}
.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px
}
.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center
}
.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px
}
.DayPicker_transitionContainer__horizontal {
  transition: height .2s ease-in-out
}
.DayPicker_transitionContainer__vertical {
  width: 100%
}
.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll
}
.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle
}
.DateInput__small {
  width: 97px
}
.DateInput__block {
  width: 100%
}
.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb
}
.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0
}
.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .2px;
  padding: 7px 7px 5px
}
.DateInput_input__regular {
  font-weight: inherit
}
.DateInput_input__readOnly {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0
}
.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic
}
.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2
}
.DateInput_fangShape {
  fill: #fff
}
.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent
}
.DateRangePickerInput {
  background-color: #fff;
  display: inline-block
}
.DateRangePickerInput__disabled {
  background: #f2f2f2
}
.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb
}
.DateRangePickerInput__rtl {
  direction: rtl
}
.DateRangePickerInput__block {
  display: block
}
.DateRangePickerInput__showClearDates {
  padding-right: 30px
}
.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848
}
.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px
}
.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
.DateRangePickerInput_clearDates__small {
  padding: 6px
}
.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.DateRangePickerInput_clearDates__hide {
  visibility: hidden
}
.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.DateRangePickerInput_clearDates_svg__small {
  height: 9px
}
.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.DateRangePicker {
  position: relative;
  display: inline-block
}
.DateRangePicker__block {
  display: block
}
.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.DateRangePicker_picker__rtl {
  direction: rtl
}
.DateRangePicker_picker__directionLeft {
  left: 0
}
.DateRangePicker_picker__directionRight {
  right: 0
}
.DateRangePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff
}
.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none
}
.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DateRangePicker>.DayPicker{position:absolute !important;z-index:10;margin-top:10px}.DateRangePicker-presets :not(:last-child){margin-right:.5em}.DateRangePicker .CalendarDay__selected_span{background:#c0f;color:#fff;border:1px double #9b009b}.DateRangePicker .CalendarDay__selected_span:hover{background:#9b009b;color:#fff;border:1px double #9b009b}.DateRangePicker .CalendarDay__selected{background:#9b009b;border:1px double #9b009b;color:#fff}.DateRangePicker .CalendarDay__selected:hover{background:#9b009b;border:1px double #9b009b;color:#fff}.DateRangePicker .CalendarDay__hovered_span:hover{background:#9b009b;border:1px double #9b009b;color:#fff}.DateRangePicker .CalendarDay__hovered_span{background:#c0f;border:1px double #9b009b;color:#fff}.DayPickerKeyboardShortcuts_show__bottomRight::before{border-right:33px solid #990ae3}.DateInputs-inputsWrapper{display:inline-flex;align-items:center;background-color:#fff;border:1px solid #dcdcdc;border-radius:4px;font-size:16px;padding:0 .75rem}.DateInputs-inputsWrapper>div i{color:#757575;padding-left:5px;margin-bottom:-3px}.DateInputs input{border:0;border-radius:4px;color:#222;padding:.4rem;padding-right:0;outline-style:none}.DateInputs input:-ms-input-placeholder{color:#757575}.DateInputs input::placeholder{color:#757575}.DateInputs-inputSeperator{color:#757575;padding-right:1rem}.DateInputs-date{width:98px}.DateInputs-date:hover{cursor:pointer}.DateInputs-time{-moz-appearance:textfield;width:70px}.DateInputs-time::-webkit-outer-spin-button,.DateInputs-time::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.NavTabs{overflow:visible}.NavTabs>ul{display:flex;list-style-type:none;margin:0;padding:0}.NavTabs>ul>li{display:inline-block;width:160px;text-align:center;white-space:nowrap;border-bottom:3px solid rgba(0,0,0,0);transition:border .2s ease-in-out}.NavTabs>ul>li>a,.NavTabs>ul>li>button{color:#a0a0a0;font-size:14px;line-height:24px;font-weight:600;display:block;padding:6px 16px 10px 16px;transition:color .2s ease-in-out;position:relative}.NavTabs>ul>li>button{border:none;outline:none;background:rgba(0,0,0,0);width:100%;text-transform:none}.NavTabs>ul>li.active{border-color:#990ae3}.NavTabs>ul>li.active>a,.NavTabs>ul>li.active>button{color:#990ae3}.NavTabs>ul>li>a:hover,.NavTabs>ul>li>button:hover{text-decoration:none;color:#990ae3}.NavTabs--fullwidth>ul{justify-content:stretch}.NavTabs--fullwidth>ul>li{width:100%;flex:1 0}.NavTabs--outlined>ul>li>a,.NavTabs--outlined>ul>li>button{padding:6px 16px}.NavTabs--outlined>ul li:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.NavTabs--outlined>ul li:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}.NavTabs--outlined>ul li{border:1px solid #f2f2f2;color:#595959}.NavTabs--outlined>ul li:not(:last-child){border-right:none}.NavTabs--outlined>ul li.active{border:1px solid #990ae3;background-color:rgb(248.88,240.3,253.32)}.NavTabs--centered>ul{justify-content:center}
.SideMenu ul{list-style-type:none;padding:0}.SideMenu .nav-link{position:relative;line-height:20px;transition:color 180ms ease-in-out}.SideMenu li{font-size:18px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.2}.SideMenu li:first-child{margin-top:0}.SideMenu li .nav-link{color:#595959;padding:.25rem 1rem}.SideMenu li .nav-link:hover{text-decoration:none;cursor:pointer;color:#a0a0a0}.SideMenu li .nav-link::after{position:absolute;left:0;top:50%;transform:translateY(-50%);height:24px;width:4px;background-color:rgba(0,0,0,0);content:"";transition:background-color 180ms ease-in-out}.SideMenu li .nav-link.active{color:#990ae3}.SideMenu li .nav-link.active::after{background-color:#990ae3}
.MainMenu-divider{margin:.25rem 1.25rem;border-bottom:1px solid #ebebeb}.MainMenu-item-loading{margin-bottom:10px}.MainMenu-item-loading>.Spin{width:20px;height:20px;border-width:2px;animation-duration:1200ms;border-left-color:#999;margin:8px auto}.MainMenu .nav-item{width:100%;flex:0 0 auto}.MainMenu .nav-link{display:block;background:rgba(0,0,0,0);border:0;width:100%;text-align:left;position:relative;transition:color 180ms ease-in-out,background 180ms ease-in-out;padding:0 .75rem 0 1.5rem;font-size:14px;line-height:2.5rem;height:2.5rem;color:#222;border-top-right-radius:25px;border-bottom-right-radius:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.MainMenu .nav-link.active,.MainMenu .nav-link:hover{color:#990ae3;background:rgb(238.68,215.8,250.52)}.MainMenu .nav-link:hover{background:rgb(248.88,240.3,253.32)}
/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ReactVirtualized__Table__row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: flex;
  align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
  flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNvdXJjZS9zdHlsZXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZCQUE2Qjs7QUFFN0I7QUFDQTs7QUFFQTtBQUNBOztBQUVBLHVCQUF1Qjs7QUFFdkI7QUFDQTs7QUFFQTtBQUNBOztBQUVBLHdCQUF3Qjs7QUFFeEI7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0VBQ0UsZ0JBQWdCO0VBQ2hCLHlCQUF5QjtFQUN6QixvQkFBYTtFQUFiLGFBQWE7RUFDYiw4QkFBbUI7RUFBbkIsNkJBQW1CO1VBQW5CLG1CQUFtQjtFQUNuQix5QkFBbUI7VUFBbkIsbUJBQW1CO0FBQ3JCO0FBQ0E7RUFDRSxvQkFBYTtFQUFiLGFBQWE7RUFDYiw4QkFBbUI7RUFBbkIsNkJBQW1CO1VBQW5CLG1CQUFtQjtFQUNuQix5QkFBbUI7VUFBbkIsbUJBQW1CO0FBQ3JCOztBQUVBO0VBQ0UscUJBQXFCO0VBQ3JCLGVBQWU7RUFDZixtQkFBbUI7RUFDbkIsdUJBQXVCO0VBQ3ZCLGdCQUFnQjtBQUNsQjs7QUFFQTs7RUFFRSxrQkFBa0I7RUFDbEIsY0FBYztBQUNoQjtBQUNBO0VBQ0UsdUJBQXVCO0VBQ3ZCLG1CQUFtQjtBQUNyQjs7QUFFQTs7RUFFRSxpQkFBaUI7QUFDbkI7QUFDQTtFQUNFLGVBQWU7QUFDakI7O0FBRUE7RUFDRSxvQkFBYTtFQUFiLGFBQWE7RUFDYix5QkFBbUI7VUFBbkIsbUJBQW1CO0FBQ3JCO0FBQ0E7RUFDRSxtQkFBYztVQUFkLGNBQWM7RUFDZCxXQUFXO0VBQ1gsVUFBVTtFQUNWLGtCQUFrQjtBQUNwQjs7QUFFQSx1QkFBdUI7O0FBRXZCO0FBQ0EiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIENvbGxlY3Rpb24gZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fQ29sbGVjdGlvbiB7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19Db2xsZWN0aW9uX19pbm5lclNjcm9sbENvbnRhaW5lciB7XG59XG5cbi8qIEdyaWQgZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fR3JpZCB7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19HcmlkX19pbm5lclNjcm9sbENvbnRhaW5lciB7XG59XG5cbi8qIFRhYmxlIGRlZmF1bHQgdGhlbWUgKi9cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlIHtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19HcmlkIHtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19oZWFkZXJSb3cge1xuICBmb250LXdlaWdodDogNzAwO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3cge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uUmVhY3RWaXJ0dWFsaXplZF9fVGFibGVfX2hlYWRlclRydW5jYXRlZFRleHQge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9faGVhZGVyQ29sdW1uLFxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3dDb2x1bW4ge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIG1pbi13aWR0aDogMHB4O1xufVxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3dDb2x1bW4ge1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19oZWFkZXJDb2x1bW46Zmlyc3Qtb2YtdHlwZSxcbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fcm93Q29sdW1uOmZpcnN0LW9mLXR5cGUge1xuICBtYXJnaW4tbGVmdDogMTBweDtcbn1cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJDb2x1bW4ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJJY29uQ29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJJY29uIHtcbiAgZmxleDogMCAwIDI0cHg7XG4gIGhlaWdodDogMWVtO1xuICB3aWR0aDogMWVtO1xuICBmaWxsOiBjdXJyZW50Q29sb3I7XG59XG5cbi8qIExpc3QgZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fTGlzdCB7XG59XG4iXX0= */
.SelectField.error>div{border-color:#ff3264}.SelectField.error .SelectField-customSelectInput{color:#ff3264}.SelectField.success>div{border-color:#099}.SelectField.success .SelectField-customSelectInput{color:#099}.SelectField input:focus{box-shadow:none}.SelectField__option.SelectField__option--is-focused{background-color:#f2f2f2}.SelectField__option.SelectField__option:active{background-color:#642d96;color:#fff}.SelectField__option.SelectField__option--is-selected{background-color:#642d96}.SelectField__control--is-focused{border-color:#f2f2f2 !important;box-shadow:0 0 0 .2rem rgba(153,10,227,.5) !important}.SelectField-customSelectInput{position:relative;width:100%}.SelectField-customSelectInput>.Icon{color:inherit;position:absolute;top:50%;transform:translate(0, -50%);right:0}
.ContextMenu-icon{padding-left:2px;padding-right:2px}.ContextMenu-icon:hover{cursor:pointer}.ContextMenu.dropdown.show .ContextMenu-icon{border-radius:100px;background-color:#f9f9f9}.ContextMenu .dropdown-menu{padding:0;margin-top:12px}.ContextMenu .dropdown-menu .dropdown-item{color:#595959;padding:.5rem}.ContextMenu .dropdown-menu .dropdown-item .Icon{fill:#595959}.ContextMenu .dropdown-menu .dropdown-item:hover{background-color:hsl(0,0%,96.5333333333%)}.ContextMenuItem-icon{float:left;margin-right:.5rem}
.Filters .FilterButton{margin-right:10px}
.HeadingPicker{color:#353e6b}.HeadingPicker-menu-wrapper{display:inline-block;cursor:pointer}.HeadingPicker-toggle{color:#1a64e4}.HeadingPicker .dropdown-menu{max-height:250px;overflow-y:scroll}
.UserPicker{color:#353e6b}.UserPicker-searchWrapper{position:relative}.UserPicker-inputWrapper{display:flex;align-content:center}.UserPicker-inputWrapper input{width:100%;padding:10px;border:1px solid #ccc;font-size:18px;border-radius:3px}.UserPicker-result{width:100%;border:1px solid rgba(34,36,38,.15)}.UserPicker-selectedItem{margin-bottom:15px;font-size:16px;color:#353e6b;display:flex;align-items:center;justify-content:space-between}.UserPicker-selectedItem i{cursor:pointer}.UserPicker-selectedItem i:hover{opacity:.7}
.UserPickerAccessItem{font-size:22px;padding-top:16px;padding-bottom:16px;border-bottom:.5px solid #ccc;color:#008593;display:flex;align-items:center;justify-content:space-between}.UserPickerAccessItem:last-child{border-bottom:0}.UserPickerAccessItem button{width:120px}.UserPickerAccessItem--selected{color:#c1c5d7}.UserPickerAccessItem--active{background-color:#c1c5d7}.UserPickerAccessItem label{margin-bottom:0}.UserPickerAccessItem input[type=checkbox]{height:20px;width:20px}
.BottomOverlay{position:fixed;bottom:0;right:0;z-index:10}@media(max-width: 991.98px){.BottomOverlay{width:100%}}@media(min-width: 992px){.BottomOverlay{width:calc(100% - 192px)}}.BottomOverlay.ignoreSidebar{width:100%}
.ProgressBar-label{padding-bottom:.5rem;font-size:1.5rem}.ProgressBar-bar{background-color:#ebebeb;border-radius:50px;height:8px}.ProgressBar-bar>div{border-radius:50px;height:8px}
.IntervalPicker{color:#6b6e98}.IntervalPicker input,.IntervalPicker select{color:#6b6e98;border:1px solid #dbe3e8;box-shadow:0 2px 4px 0 rgba(0,0,0,.04);height:36px}.IntervalPicker input{width:105px;border-radius:3px}.IntervalPicker select{border-radius:3px !important;width:200px}
.WizardTable{padding:0;margin:0;list-style-type:none}.WizardTable>li{padding:.5rem 1rem}
.DatePickerField{position:relative}.DatePickerField .DayPicker{position:absolute;right:0;margin-top:50px;z-index:1000}.DatePickerField input:read-only{background:#fff}
.TabbedRadioButtonGroup{display:flex;flex-direction:row;position:relative}.TabbedRadioButtonGroup>.RadioButton:not(:last-child){padding-right:1rem;margin-bottom:.5rem}.TabbedRadioButtonGroup-box-arrow{position:absolute;height:16px;width:16px;background-color:#fff;border-top:1px solid #ebebeb;border-right:1px solid #ebebeb;border-bottom:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);transform:rotate(-45deg)}.TabbedRadioButtonGroup-line{left:0;right:0;top:0;position:absolute;border-top:1px solid #ebebeb}
.CustomerSelector .telia-dropdown-toggle{border:1px solid #ebebeb;white-space:nowrap}.CustomerSelector .telia-dropdown-content{width:350px;background-color:#fff}.CustomerSelector-options{max-height:200px;overflow-y:scroll;overflow-x:hidden}.CustomerSelector-menu-items.maxHeight{max-height:350px;overflow:auto}.CustomerSelector-menu-items .dropdown-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.CustomerSelection-header{display:flex;flex-flow:row nowrap}.CustomerSelection-header-logo img{max-width:66px;height:auto}.CustomerSelection-body{min-width:300px;max-width:600px;margin:1rem auto}.CustomerSelection-body>h1{font-size:2rem}.CustomerSelection-content .telia-dropdown{width:100%}.CustomerSelection-content .telia-dropdown-content{width:100%}.CustomerSelection-content .telia-dropdown-content .CustomerSelector-options{max-height:400px}
.SearchMenuResultItem{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;cursor:pointer;padding-top:.75rem;padding-bottom:.75rem}.SearchMenuResultItem.disabled{pointer-events:none;display:none}.SearchMenuResultItem-icon{flex:0 0 46px;text-align:left;padding-left:1rem;font-size:22px;line-height:1}.SearchMenuResultItem-title{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;line-height:20px;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SearchMenuResultItem-title>span{padding-left:6px}.SearchMenuResultItem-summary{font-size:14px;line-height:21px;color:#595959;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SearchMenuResultItem-main{flex:1 1 auto;overflow:hidden;padding-right:1rem}
.SearchMenu{z-index:3;position:absolute;left:0;right:0;background-color:#fff;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14);border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.SearchMenu-result-item{cursor:pointer}.SearchMenu-group-heading-item{margin-bottom:.25rem;border-bottom:1px solid #ebebeb}.SearchMenu-list{list-style-type:none;margin:0;padding:0}.SearchMenu-list>li.active{background-color:#eee}.SearchMenu-list>li.selected{background-color:#ccc}.SearchMenu-body>:first-child{border-right:1px solid #ebebeb}.SearchMenu-sidebar{padding:0;margin:0;list-style-type:none;font-weight:bold}.SearchMenu-sidebar a{text-transform:capitalize}.SearchMenu-sidebar li:not(:first-child){margin-top:.5rem}.SearchMenu-footer{padding:.25rem;background-color:#f9f9f9;border-top:1px solid #ebebeb;display:flex;justify-content:space-between}
.SearchMenuSimple{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14);border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem;z-index:3;position:absolute;left:0;right:0;background-color:#fff}.SearchMenuSimple-body{max-height:200px;overflow-y:scroll}.SearchMenuSimple-body::-webkit-scrollbar{-webkit-appearance:none}.SearchMenuSimple-body::-webkit-scrollbar:vertical{width:11px}.SearchMenuSimple-body::-webkit-scrollbar:horizontal{height:11px}.SearchMenuSimple-body::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid #fff;background-color:rgba(0,0,0,.5)}.SearchMenuSimple-result-item{cursor:pointer}.SearchMenuSimple ul{padding:0}.SearchMenuSimple-list{list-style-type:none;margin:0;padding:0}.SearchMenuSimple-list>li.active{background-color:#f2f2f2}
.SearchField{position:relative}.SearchField--expandable{min-width:300px;max-width:300px;margin-left:auto;transition:max-width .5s}.SearchField--expandable.isOpen{min-width:300px;max-width:700px}.SearchField.block{width:100%;max-width:100%}.SearchField-input{z-index:2}
.AreaSelector{position:relative;padding-top:2rem}.AreaSelector-title{padding-bottom:1rem}.AreaSelector-search{width:60%;margin-bottom:1rem}@media(max-width: 991.98px){.AreaSelector-search{width:100%}}.AreaSelector .SearchMenuSimple::after{content:"";background-color:rgba(0,0,0,0);position:absolute;top:100%;display:block;height:20px;width:20px}.AreaSelector-selected-list{list-style-type:none;padding:0;max-height:4rem;max-height:292px;overflow-y:scroll;overflow-x:hidden}.AreaSelector-selected-list-item{cursor:default;padding:1rem 0;display:flex;justify-content:space-between;background-color:#f9f9f9}.AreaSelector-selected-list-item:not(:last-child){margin-bottom:8px}.AreaSelector-selected-list-item .remove{font-size:2rem}.AreaSelector-selected-list{z-index:0}.AreaSelector-selected-list::-webkit-scrollbar{-webkit-appearance:none}.AreaSelector-selected-list::-webkit-scrollbar:vertical{width:11px}.AreaSelector-selected-list::-webkit-scrollbar:horizontal{height:11px}.AreaSelector-selected-list::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid #fff;background-color:rgba(0,0,0,.5)}
.EditNotifications-section{padding-top:2rem}.EditNotifications-section:first-child{padding-top:2.5rem}.EditNotifications-section-title{margin:0;padding-bottom:1rem}.EditNotifications-header{display:flex;justify-content:space-between;align-items:center}.EditNotifications-header h3{margin:0}.EditNotifications-checkboxGroup{display:flex;flex-direction:row}.EditNotifications-checkboxGroup>div:first-of-type{padding-right:2rem}
.NotificationSection{border:2px solid #f2f2f2;border-radius:6px;padding:2rem 2.5rem}.NotificationSection:not(:first-child){margin-bottom:1rem}.NotificationSection .TabbedRadioButtonGroup-line{left:-2.5rem;right:-2.5rem}.NotificationSection .TabbedRadioButtonGroup-line>.TabbedRadioButtonGroup-box-arrow{margin-left:2.5rem}
.ListChangelogAdmin{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;padding:1.2rem;border:0px;width:45rem;box-shadow:.1rem .1rem .1rem .1rem #5d787c}.ListChangelogAdmin-header{padding-bottom:.6rem}.ListChangelogAdmin-table{padding:.6rem;border:0px;width:100%}.ListChangelogAdmin-td{padding:1rem;box-shadow:.1rem .1rem .1rem .1rem rgba(0,0,0,.04);border:0px;border-radius:.2rem;width:100%;display:block}.ListChangelogAdmin-content{display:flex;flex-direction:column;white-space:pre-wrap}.ListChangelogAdmin-content-header{font-weight:bold;text-align:center}.ListChangelogAdmin-content-summary{padding-bottom:.5rem}.ListChangelogAdmin-content-footer{border:.1rem #5d787c}
.ChangelogDev{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;display:flex;flex-direction:row}
.Dev{display:flex;flex-flow:row nowrap}.Dev h1,.Dev h2,.Dev h3{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#222;text-transform:none;font-weight:600}.Dev h1{margin-bottom:32px}.Dev h2{margin:32px 0 16px 0}.Dev h3{margin:16px 0 8px 0}.Dev-logo{width:80px;height:auto;display:block;margin:40px 40px 32px 20px}.Dev-dev-indicator{font-family:"Pebble",sans-serif;font-size:34px;line-height:34px;text-transform:uppercase;font-weight:400;color:#990ae3;position:absolute;top:38px;font-size:28px;left:106px}.Dev-menu{position:fixed;top:0;left:0;bottom:0;width:200px;border-right:1px solid #e2e2e2;overflow-y:auto;padding-bottom:24px}.Dev-menu a{position:relative;font-size:14px;display:block;margin:12px 20px;text-decoration:none;color:#595959}.Dev-menu a:hover{color:#990ae3}.Dev-menu a.active{color:#990ae3}.Dev-menu a.active::before{display:block;position:absolute;height:21px;width:3px;top:-2px;left:-20px;background-color:#990ae3;content:""}.Dev-menu-icon{padding-right:8px}.Dev-dash a{display:block;font-size:18px;line-height:1.5;margin:4px 0}.Dev-body{width:100%;padding:31px 30px 30px 240px}.Dev-table{border:1px solid #444;width:100%}.Dev-table th{background-color:#444;color:#fff}.Dev-table td,.Dev-table th{font-weight:400;font-size:14px;border-left:0;border-right:0;padding:4px 16px 4px 4px;border-top:1px solid #444}.Dev-table td small,.Dev-table th small{font-size:13px}.Dev-table td:last-child,.Dev-table th:last-child{border-right:1px solid #444}.Dev-table td:first-child,.Dev-table th:first-child{border-left:1px solid #444}.Dev-table tr.disabled{color:#777;background-color:#eee}.Dev-table td a{color:#990ae3}
.ChangelogDropdown{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400}.ChangelogDropdown-menu{max-height:80vh;overflow:auto}.ChangelogDropdown-icon{margin:4px 8px 0 0;line-height:20px}.ChangelogDropdown-icon-notify{color:#ff9b00;background-color:#fbf0dd;border-radius:50%}.ChangelogDropdown-showlight{position:relative}.ChangelogDropdown-showlight::after{position:absolute;background-color:#ff9b00;border-radius:50%;display:inline-block;padding:.2em;color:#fbf0dd;right:-2px;top:-2px;content:"";border:3px solid #fbf0dd}
.Notification{display:flex;align-items:center;padding:1rem;color:#595959;flex:1 1}.Notification:hover{cursor:pointer;color:#595959;background-color:#f9f9f9}.Notification-content{flex:1 1}.Notification-content-header{display:flex;align-items:baseline}.Notification-content-header>text{font-weight:bold}.Notification-content-header-label{color:#222;padding-right:1rem}.Notification-marker{width:.75rem;height:.75rem;background-color:#e4175c;border-radius:50%}
.NotificationDropdown .dropdown-menu{min-width:20rem}.NotificationDropdown-notifications{overflow:auto;max-height:60vh}.NotificationDropdown .Notification{padding:0}.NotificationDropdown-bell{position:relative}.NotificationDropdown-bell>.NotificationDropdown-count{position:absolute;top:-5px;right:-1px;height:15px;width:15px;overflow:hidden;background:#e4175c;color:#fff;text-align:center;border-radius:100%;font-size:9px;font-weight:bold;line-height:15px}
.FilterSelection{height:calc(100vh - 64px);display:flex;flex-direction:column}.FilterSelection-menu{overflow-y:scroll}.FilterSelection-menu-item{background-color:#fff;border:none;text-align:start;width:100%}.FilterSelection-menu-item:active{color:#222}.FilterSelection-menu-item:hover,.FilterSelection-menu-item.active{background-color:#f2f2f2}.FilterSelection-menu-item.selected{color:#990ae3}.FilterSelection-menu-item .Icon{height:1.25rem;width:1.25rem}.FilterSelection-menu-item.negative{color:#595959}.FilterSelection-menu-item.negative:hover{color:#222}.FilterSelection-search{margin:0 12px}.FilterSelection-search .SearchInput.focus{box-shadow:none}.FilterSelection .OptionSelectFooter{margin-top:auto;flex:0 0 72px}
.FilterSectionFilterContainer-filters{display:flex;align-content:center;padding-top:1rem}.FilterSectionFilterContainer-filters-group{margin:-0.25rem -0.75rem;display:flex;flex-wrap:wrap;flex-basis:85%}.FilterSectionFilterContainer-filters-group>.FilterSectionFilter{padding:.25rem .75rem}.FilterSectionFilterContainer-filters-group.right{flex:1 1;justify-content:flex-end}.FilterSectionFilterContainer-activeFilters{padding-top:1rem;margin:-0.25rem -0.25rem}.FilterSectionFilterContainer-activeFilters>*{margin:.25rem .25rem}.FilterSectionFilterContainer--mobile{height:100%;display:flex;flex-direction:column;margin:0 -12px}.FilterSectionFilterContainer--mobile-footer{flex:0 0 72px;color:#990ae3;text-transform:uppercase;margin-top:auto;background-color:rgb(248.88,240.3,253.32);border:none}.FilterSectionFilterContainer--mobile-footer:hover{cursor:pointer}
.FilterSection{padding-top:1rem;padding-bottom:1rem}.FilterSection-mainSection{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin:-0.25rem -1rem}.FilterSection-mainSection>*{margin:.25rem 1rem}.FilterSection-mainSection>.SearchInput{width:300px}@media(max-width: 767.98px){.FilterSection-mainSection .SearchInput{width:100%}.FilterSection-mainSection-showFilter{width:100%}}.FilterSection-actions{display:flex;align-items:center}.FilterSection-actions>:not(:last-child){margin-right:1rem}
.PageHeader-title-wrapper{display:flex;flex-wrap:wrap;margin:-0.25rem}.PageHeader-title-wrapper>*{margin:.25rem !important}@media(min-width: 992px){.PageHeader-title{position:relative;background:rgba(0,0,0,0);padding-top:1rem;margin-bottom:1.5rem}.PageHeader-title.sticky{visibility:hidden}}@media(max-width: 991.98px){.PageHeader-title{padding-top:.5rem;padding-bottom:.5rem}}.PageHeader-portal{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0;padding-left:1rem}@media(min-width: 992px){.PageHeader-portal{left:192px;opacity:0;visibility:hidden;transition:visibility .2s linear,opacity .2s linear}.PageHeader-portal.sticky{opacity:1;visibility:visible;transition:visibility .5s linear,opacity .5s linear}}@media(max-width: 991.98px){.PageHeader-portal{display:none}}.PageHeader-content{margin-bottom:2rem}.PageHeader-footer{background-color:#fbfbfb;z-index:2;border-bottom:1px solid #ebebeb}.PageHeader-footer.sticky{position:fixed;right:0}@media(min-width: 992px){.PageHeader-footer.sticky{top:56px;left:192px}}@media(max-width: 991.98px){.PageHeader-footer.sticky{top:48px;left:0}}.PageHeader-footer-navtab.NavTabs{overflow-y:auto}.MainApp-body--fullWidth .PageHeader-footer.sticky{left:0}
.MessageBanner{background-color:#990ae3;padding:.8rem;color:#fff;font-size:18px;display:flex;align-items:center;border-radius:6px}
.MessageBannerDev .BannerGroup{margin:1rem 0;padding:1rem 0}.MessageBannerDev .DisplayMessages{margin:5rem 0;padding:1rem 0}
.ChangelogCardGrouped{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;padding-bottom:20px}.ChangelogCardGrouped-publishedDate{font-size:20px;font-weight:600;line-height:1.5;padding-bottom:1rem}.ChangelogCardGrouped-card{padding:.5rem 2.5rem 2rem;white-space:pre-wrap}.ChangelogCardGrouped-card-header{font-size:20px;color:#990ae3;font-weight:500;padding-top:6px;display:flex;align-items:center}.ChangelogCardGrouped-card-header-icon{color:#990ae3;padding:.5rem}.ChangelogCardGrouped-card-summary{font-size:18px;padding-left:.5rem;padding-bottom:1.5rem}.ChangelogCardGrouped-card-body{font-size:1rem;padding-left:.5rem}.ChangelogCardGrouped-card-single{padding-bottom:1rem}
.ServicePlusCard{text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#595959;background-color:#fff;border:1px solid #ebebeb;border-radius:4px;padding:1.125rem;box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02);text-decoration:none;transition:box-shadow 320ms;justify-content:center;display:flex;flex-direction:column;align-items:center;width:240px;height:300px;font-size:1.2rem;font-weight:500;line-height:2.5rem}.ServicePlusCard:hover{text-decoration:none;color:#595959}
.StatusBadge{border-radius:.625rem;width:-webkit-fit-content;width:fit-content;font-size:12px;padding:0 .5rem;text-transform:uppercase}.StatusBadge--danger{background-color:rgb(251.76,227.16,235.44);color:#e4175c}.StatusBadge--warning{background-color:rgb(255,243,224.4);color:#ff9b00}.StatusBadge--success{background-color:rgb(224.4,242.76,242.76);color:#099}
.SaveOverlay-container{display:flex;align-items:center;justify-content:flex-end;background-color:#fff;height:4rem;border-top:1px solid #f2f2f2;margin-top:1.5rem;display:flex;padding-right:16%}.SaveOverlay-container .btn{height:36px}
.ContactCard-illustration svg{width:139px;height:139px}.ContactCard-illustration .Icon{fill:rgb(224.4,181.5,246.6)}.ContactCard .Attribute{margin-top:0;margin-right:6rem;margin-bottom:1.5rem}.ContactCard .Attribute-label{font-size:14px;color:#a0a0a0}.ContactCard .Attribute-value{color:#595959}
.PermissionCard{border-top:1px solid #ebebeb;margin-top:1.5rem}.PermissionCard .formik-radio-group{color:#595959}.PermissionCard .formik-radio-group label{line-height:2}
.DeleteContactModal--text{color:#595959}
.ExpansionPanel--empty{color:#595959;border-top:0;border-left:0;border-right:0;width:100%}.ExpansionPanel-button{background-color:#fff;color:#595959;border:0;display:block;padding:0;width:100%}.ExpansionPanel-icon{display:block;margin-left:auto;transition:transform .2s cubic-bezier(0.81, 0.04, 0.3, 0.98);width:1rem;height:1rem}.Card .ExpansionPanel:last-child .ExpansionPanel-button{border-radius:4px}
.EditRoles-contact{padding:0 7rem;padding-bottom:3rem}.EditRoles-contact h2{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1.5rem;color:#222;text-transform:none}.EditRoles-form{padding:3rem 7rem}.EditRoles-tabs{padding:0 7rem}.EditRoles-tabs li{border-bottom:3px solid #f9f9f9 !important}.EditRoles-tabs li.active{border-color:#8a2be2 !important}.EditRoles-notifications{padding:0 7rem}
.CostTable{table-layout:fixed}.CostTable thead>tr th{color:#595959;font-weight:500;font-size:16px;border-top:0;border-color:#f2f2f2;text-transform:uppercase}.CostTable-totalRow{font-size:24px;font-weight:500;background-color:#f9f9f9}.CostTableRow{font-size:18px;border-color:#f2f2f2}.CostTableRow>td{padding-top:1rem !important;padding-bottom:1rem !important}.CostTableRow-child{color:#595959;font-size:18px}.CostTableRow-child>td:first-child{padding-left:0;font-size:16px}.CostTableRow-child~.CostTableRow-child>td:first-child{border-top:0;padding:0}.CostTableRow-child~.CostTableRow-child>td>div{height:100%;border-top:1px solid #ced1e5;padding-top:.75rem;padding-bottom:.75rem}
.CostSummaryTable{width:100%;border-collapse:collapse}.CostSummaryTable .Icon{width:2rem;height:2rem}.CostSummaryTable th{font-size:14px;line-height:21px;font-weight:400;text-align:right;padding-top:8px;padding-bottom:8px;color:#595959}.CostSummaryTable td{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;text-align:right;padding-top:16px;padding-bottom:16px;color:#595959;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}.CostSummaryTable td:first-child,.CostSummaryTable th:first-child{text-align:left}.CostSummaryTable thead>tr>th:first-child,.CostSummaryTable tfoot>tr>td:first-child{padding-left:44px}.CostSummaryTable tbody>tr>td:first-child{padding-left:12px}.CostSummaryTable tbody>tr>td:first-child::before{font-size:24px;line-height:24px}.CostSummaryTable tfoot>tr>td{font-weight:600}
.CircleChart{position:relative}.CircleChart-segment{stroke-width:5;transition:stroke .1s ease-in-out,stroke-width .2s ease-in-out}.CircleChart-segment--inactive{stroke:#ddd}.CircleChart-mid{position:absolute;text-align:center;top:52%;left:12%;right:12%;transform:translateY(-50%)}.CircleChart-val{font-size:50px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal;text-align:center;color:#222;white-space:nowrap}.CircleChart-val>span{font-size:18px;font-weight:normal;line-height:1;color:#57636c}.CircleChart-val--big{font-size:42px}.CircleChart-legend{font-size:16px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.56;letter-spacing:normal;text-align:center;color:#57636c}
.MobileCostSummaryList{color:#353e6b}.MobileCostSummaryList>ul{list-style-type:none;padding-left:0}.MobileCostSummaryList>ul li{cursor:pointer}.MobileCostSummaryList>ul li:nth-of-type(odd){background-color:#f4f7f8}.MobileCostSummaryList>ul li>div{display:flex;justify-content:space-between}.MobileCostSummaryList-label{display:flex;font-size:18px;color:#6b6e98}.MobileCostSummaryList-colorIndicator{height:120%;align-self:center;border-left:4px solid}.MobileCostSummaryList-amount{font-size:18px;font-weight:500}.MobileCostSummaryList-percent{font-weight:300}.MobileCostSummaryList-total{display:flex;justify-content:space-between;font-size:21px;font-weight:500;margin-left:4px}.MobileCostSummaryList-item--active *{color:#fff}
.MobileCostSummary{color:#353e6b}.MobileCostSummary-header{background-color:#f8f9fa;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ced1e5}.MobileCostSummary-header .btn{font-size:18px}.MobileCostSummary-header h3{font-size:24px;font-weight:500}.MobileCostSummary-body{display:flex;align-items:center;justify-content:space-around}.MobileCostSummary-graph{width:365px;height:250px;border:1px solid #ccc;text-align:center;font-size:32px;line-height:250px;color:#ccc}
.CostCardHeader{display:flex;align-items:center;background-color:#f9fafb;border-bottom:solid 1px #ced1e5;border-top-left-radius:.2rem;border-top-right-radius:.2rem}.CostCardHeader .HeadingPicker{font-weight:normal;font-size:24px;margin-bottom:0}.CostCardHeader .btn{font-size:18px}.CostCardHeader label{font-size:18px;margin-bottom:0}.CostCardHeader-right{display:flex;align-items:center}.CostCardHeader-left{display:flex;align-items:center}
.InvoiceLineCostTable{margin-bottom:0 !important}.InvoiceLineCostTable thead th{font-size:14px;color:#6b6e98;font-weight:normal;text-transform:uppercase;border-top:none}.InvoiceLineCostTable thead th:nth-child(1){padding-left:1.5rem}.InvoiceLineCostTable thead th:last-child{padding-right:1.5rem}.InvoiceLineCostTable td{color:#4e5783;font-size:18px}.InvoiceLineCostTable td:nth-child(1){padding-left:1.5rem}.InvoiceLineCostTable td:last-child{padding-right:1.5rem}
.InvoiceLineGroup{position:relative;margin-bottom:23px !important}.InvoiceLineGroup .CostCardHeader>h2{font-size:24px;font-weight:400;color:#353e6b;margin:0}.InvoiceLineGroup .CostCardHeader>div{margin-left:auto}.InvoiceLineGroup-loadMore{position:absolute;bottom:-23px;width:100%}.InvoiceLineGroup-loadMore>.btn{border:.5px solid #dbe3e8;box-shadow:0 1px 5px #ccc;background-color:#fff}.InvoiceLineGroup-loadMore>.btn:hover,.InvoiceLineGroup-loadMore>.btn:active{border:.5px solid #dbe3e8;background-color:#fff}.InvoiceLineGroup-resultText{border-top:1px solid #dee2e6;color:#a2a7be;padding:.3rem 1.5rem}.InvoiceLineGroup-ErrorMessage{text-align:center;font-size:32px;color:#ccc}
.OrganisationCostSummaryTable{height:100%}.OrganisationCostSummaryTable td{font-size:18px;color:#353e6b;padding-top:15px;padding-bottom:15px}.OrganisationCostSummaryTable td:nth-child(1){padding-right:0px}.OrganisationCostSummaryTable td:nth-child(2){text-transform:capitalize}.OrganisationCostSummaryTable td:last-child{font-weight:500}.OrganisationCostSummaryTable.table tfoot tr{background-color:#353e6b;border-left:5px solid #353e6b}.OrganisationCostSummaryTable.table tfoot tr td{color:#cfd5f2}.OrganisationCostSummaryTable.table tfoot tr td:last-child{color:#fff}.OrganisationCostSummaryTable th,.OrganisationCostSummaryTable td{width:21%}.OrganisationCostSummaryTable th:first-child,.OrganisationCostSummaryTable td:first-child{width:auto}.OrganisationCostSummaryTable thead th{padding-top:24px}.OrganisationCostSummaryTable thead th:first-child{padding-left:32px}.OrganisationCostSummaryTable td:last-child,.OrganisationCostSummaryTable th:last-child{padding-right:2.25rem}.OrganisationCostSummaryTable.table th{border:0;color:#6b6e98;font-size:15px;text-transform:uppercase;font-weight:500}.OrganisationCostSummaryTable.table tbody tr td{vertical-align:middle}.OrganisationCostSummaryTable.table tbody tr:nth-of-type(odd){background-color:#f9fafb}.OrganisationCostSummaryTable.table tbody tr:nth-of-type(even){background-color:#fff}.OrganisationCostSummaryTable td:first-child{padding-left:30px}.OrganisationCostSummaryTable tfoot td:first-child{padding-left:60px}.OrganisationCostSummaryTable td,.OrganisationCostSummaryTable th{text-align:right}.OrganisationCostSummaryTable td:nth-child(1),.OrganisationCostSummaryTable th:nth-child(1){text-align:left}.OrganisationCostSummaryTable tfoot td{padding-top:.75rem;padding-bottom:.75rem}
.OrganisationCostSummary{color:#353e6b}.OrganisationCostSummary-body{display:flex;justify-content:space-between}.OrganisationCostSummary-tableWrapper{flex-grow:1;border-left:1px solid #ced1e5}
.InvoiceDetails h3{margin:0;font-weight:normal;font-size:24px;color:#353e6b}.InvoiceDetails a,.InvoiceDetails a:hover{text-decoration:none;color:inherit}.InvoiceDetails-summaryHeader{display:flex;flex-flow:row nowrap;background-color:#353e6b}.InvoiceDetails-summaryHeader .btn{color:#fff;background-color:rgba(0,0,0,0);font-size:24px}.InvoiceDetails-summaryHeader>h3{font-weight:normal;color:#fff}.InvoiceDetails-labeledValue{color:#353e6b}.InvoiceDetails-labeledValue div:first-child{font-size:14px;margin-bottom:-5px}.InvoiceDetails-labeledValue div:last-child{font-size:18px;font-weight:500}.InvoiceDetails-subHeader{font-size:24px;color:#353e6b}.InvoiceDetails-InvoiceLineGroupWrapper{padding:3rem 0}.InvoiceDetails .row{margin:0}.InvoiceDetails-thirds .InvoiceDetails-labeledValue{padding:.35rem 0px}.InvoiceDetails-thirds>div{border-right:1px solid #ccc}.InvoiceDetails-thirds>div:last-child{border-right:0}
.InvoiceStatusBadge{white-space:nowrap}.InvoiceStatusBadge-icon{color:#ebebeb;font-size:20px;padding-right:2px}.InvoiceStatusBadge-label{font-size:13px;line-height:20px;color:#222}.InvoiceStatusBadge--unpaid>.InvoiceStatusBadge-icon{color:#ff9b00}.InvoiceStatusBadge--paid>.InvoiceStatusBadge-icon{color:#099}.InvoiceStatusBadge--overdue>.InvoiceStatusBadge-icon{color:#e4175c}.InvoiceStatusBadge--creditnote>.InvoiceStatusBadge-icon{color:#595959}
.DashboardContactCard{padding:1.125rem 2.125rem;color:#222;font-size:14px;line-height:21px}.DashboardContactCard>h2{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;text-transform:none;font-size:16px;font-weight:600;line-height:24px;margin:0}.DashboardContactCard>p{font-size:14px;line-height:21px;margin:1rem 0 .25rem 0}.DashboardContactCard>p strong{font-weight:600}.DashboardContactCard-contact+.DashboardContactCard-contact{margin-top:0}
.DashboardKpiCard{display:block;text-decoration:none;color:#222;position:relative;height:112px;padding-left:103px;padding-top:24px;overflow:hidden;border-radius:3px;border:1px solid #ebebeb;transition:box-shadow .15s ease-in-out;box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02);background-color:#fff}.DashboardKpiCard:hover:not(.disabled){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14);text-decoration:none;color:#222}.DashboardKpiCard:active{box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02)}.DashboardKpiCard-circle{top:50%;left:-50px;width:122px;height:122px;border-radius:122px;position:absolute;transform:translateY(-50%);transition:height .2s ease-in-out,width .2s ease-in-out,transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),background-color .2s ease-in-out}.DashboardKpiCard:hover>.DashboardKpiCard-circle{transform:translateY(-50%) scale(1.1)}.DashboardKpiCard:active>.DashboardKpiCard-circle{width:600px;height:300px}.DashboardKpiCard--success:active>.DashboardKpiCard-circle{width:122px;height:122px}.DashboardKpiCard .DashboardKpiCard-icon{height:32px;width:32px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.DashboardKpiCard-value{font-size:32px;line-height:1;font-weight:normal}.DashboardKpiCard-label{font-size:16px;font-weight:normal;line-height:1.5;padding-right:20px}.DashboardKpiCard-success-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(242.76,255,236.4)}.DashboardKpiCard-thumb{position:absolute;top:calc(50% - 32px);left:calc(50% - 32px);width:64px;height:64px;animation:thumbAnimation 6s .5s ease-in-out infinite;transform-origin:50% 65%}.DashboardKpiCard-dots{position:absolute;max-width:90%;max-height:90%;left:50%;top:50%;transform:translate(-50%, -50%);width:90%;height:90%}.DashboardKpiCard--purple .DashboardKpiCard-icon{fill:#990ae3}.DashboardKpiCard--purple .DashboardKpiCard-circle{background-color:rgba(153,10,227,.04)}.DashboardKpiCard--red .DashboardKpiCard-icon{fill:#e4175c}.DashboardKpiCard--red .DashboardKpiCard-circle{background-color:rgba(228,23,92,.08)}.DashboardKpiCard--yellow .DashboardKpiCard-icon{fill:#ff9b00}.DashboardKpiCard--yellow .DashboardKpiCard-circle{background-color:rgba(255,155,0,.12)}.DashboardKpiCard--green .DashboardKpiCard-icon{fill:#0c6}.DashboardKpiCard--green .DashboardKpiCard-circle{background-color:rgba(153,255,100,.12)}.DashboardKpiCard-animation-enter{opacity:0;transform:scale(0.9)}.DashboardKpiCard-animation-enter-active{opacity:1;transform:translateX(0);transition:opacity 300ms,transform 300ms}.DashboardKpiCard-animation-exit{opacity:1}.DashboardKpiCard-animation-exit-active{opacity:0;transform:scale(0.9);transition:opacity 500ms,transform 500ms}.DashboardKpiCard--loading .DashboardKpiCard-circle{background-color:#eee}@keyframes thumbAnimation{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}60%{transform:rotate(-15deg)}70%{transform:rotate(15deg)}80%{transform:rotate(-15deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0)}}
.PersonalizedDashboardContactCard{padding:1.125rem 2.125rem;color:#222;font-size:16px;line-height:24px}.PersonalizedDashboardContactCard>h2{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;text-transform:none;font-weight:600;margin:0}.PersonalizedDashboardContactCard>p{font-size:16px;line-height:24px;margin:24px 0}.PersonalizedDashboardContactCard-contact{font-weight:600;white-space:nowrap}.PersonalizedDashboardContactCard-contact>a{color:#222;text-decoration:none}.PersonalizedDashboardContactCard .Icon{margin-right:12px}.PersonalizedDashboardContactCard-contact+.PersonalizedDashboardContactCard-contact{margin-top:12px}
.PersonalizedDashboardKpiCard{border-radius:6px;border:solid 1px #ebebeb;background-color:var(--white);transition:opacity .15s ease-in-out;display:block;text-decoration:none;color:#222;position:relative;transition:box-shadow .15s ease-in-out;box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02);padding:1.5rem}.PersonalizedDashboardKpiCard:hover:not(.disabled){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14);text-decoration:none;color:#222}.PersonalizedDashboardKpiCard:active{box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02)}.PersonalizedDashboardKpiCard--loading{opacity:.5}.PersonalizedDashboardKpiCard-icon{width:1.5rem;height:1.5rem;font-size:1.5rem;position:relative}.PersonalizedDashboardKpiCard-icon>.Icon{display:block}.PersonalizedDashboardKpiCard-icon--red::after,.PersonalizedDashboardKpiCard-icon--orange::after,.PersonalizedDashboardKpiCard-icon--green::after{content:"";display:block;position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:8px}.PersonalizedDashboardKpiCard-icon--red::after{background-color:#e4175c}.PersonalizedDashboardKpiCard-icon--orange::after{background-color:#ff9b00}.PersonalizedDashboardKpiCard-icon--green::after{background-color:#00d066}.PersonalizedDashboardKpiCard-label{margin-top:16px;font-size:14px;line-height:24px}.PersonalizedDashboardKpiCard-value{font-size:24px;line-height:28px;margin-top:4px}.PersonalizedDashboardKpiCard-success-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(242.76,255,236.4)}.PersonalizedDashboardKpiCard-thumb{position:absolute;top:calc(50% - 32px);left:calc(50% - 32px);width:64px;height:64px;animation:kpiThumbAnimation 6s .5s ease-in-out infinite;transform-origin:50% 65%}.PersonalizedDashboardKpiCard-dots{position:absolute;max-width:90%;max-height:90%;left:50%;top:50%;transform:translate(-50%, -50%);width:90%;height:90%}.PersonalizedDashboardKpiCard-animation-enter{opacity:0;transform:scale(0.9)}.PersonalizedDashboardKpiCard-animation-enter-active{opacity:1;transform:translateX(0);transition:opacity 300ms,transform 300ms}.PersonalizedDashboardKpiCard-animation-exit{opacity:1}.PersonalizedDashboardKpiCard-animation-exit-active{opacity:0;transform:scale(0.9);transition:opacity 500ms,transform 500ms}@keyframes kpiThumbAnimation{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}60%{transform:rotate(-15deg)}70%{transform:rotate(15deg)}80%{transform:rotate(-15deg)}90%{transform:rotate(15deg)}100%{transform:rotate(0)}}
.PersonalizedDashboardGrid-row{display:flex;flex-wrap:wrap;flex-direction:row;margin-left:-12px;margin-right:-12px;align-items:stretch}@media(max-width: 991.98px){.PersonalizedDashboardGrid-row{margin-top:-24px}}.PersonalizedDashboardGrid-col{flex:0 0 25%;padding-left:12px;padding-right:12px;display:flex}@media(max-width: 991.98px){.PersonalizedDashboardGrid-col{flex-basis:50%;margin-top:24px}}.PersonalizedDashboardGrid-col>*{width:100%}.PersonalizedDashboardGrid-row+.PersonalizedDashboardGrid-row{margin-top:40px}@media(max-width: 991.98px){.PersonalizedDashboardGrid-row+.PersonalizedDashboardGrid-row{margin-top:16px}}
.Subscriptions:hover{background-color:hsl(0,0%,96.5333333333%);cursor:pointer}
.PersonalizedDashboardPlannedWorkItem{font-size:14px;line-height:21px;color:#222;cursor:pointer;border-bottom:1px solid #ebebeb}.PersonalizedDashboardPlannedWorkItem>td{padding:24px 48px 24px 24px;white-space:nowrap}@media(max-width: 991.98px){.PersonalizedDashboardPlannedWorkItem-time-col{display:none}}.PersonalizedDashboardPlannedWorkItem-date{color:#990ae3;font-weight:600;white-space:nowrap}.PersonalizedDashboardPlannedWorkItem-time{align-items:center;white-space:nowrap}.PersonalizedDashboardPlannedWorkItem-time .Icon{height:1rem}.PersonalizedDashboardPlannedWorkItem:hover{background-color:hsl(0,0%,96.5333333333%)}.PersonalizedDashboardPlannedWorkItem-date+.PersonalizedDashboardPlannedWorkItem-date,.PersonalizedDashboardPlannedWorkItem-time+.PersonalizedDashboardPlannedWorkItem-time{margin-top:8px}@media(min-width: 992px){.PersonalizedDashboardPlannedWorkItem>td:last-child{width:100%}}
.PersonalizedPlannedWork{height:504px;display:flex;flex-direction:column}.PersonalizedPlannedWork .Table-container{flex-grow:1;background-color:rgba(0,0,0,0)}
.SelectTagsDropdown-menu{max-height:300px;overflow-y:scroll;flex-direction:column;max-width:280px;font-size:14px;list-style-type:none;padding:0;margin:0}.SelectTagsDropdown-item{display:flex;align-items:center;padding:.5rem;background-color:#fff;border:none;text-align:left;cursor:pointer;width:100%}.SelectTagsDropdown-item>span{overflow:hidden}.SelectTagsDropdown-item:active{color:#222}.SelectTagsDropdown-item:hover,.SelectTagsDropdown-item.active{background-color:#f2f2f2}
.PersonalizedDashboard-h1{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:32px;line-height:36px;color:#222;text-transform:none;margin-top:8px}.PersonalizedDashboard-h2{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:20px;line-height:24px;color:#222;text-transform:none;margin:48px 0 16px 0}.PersonalizedDashboard-h3{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;color:#222;text-transform:none;margin:38px 0 16px 0}.PersonalizedDashboard-heading-dot{color:rgba(34,34,34,.5);display:inline-block;margin-left:8px;font-size:14px;margin-right:8px}.PersonalizedDashboard-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end}.PersonalizedPlannedWork-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end}
.DashboardPlannedWorkItem{font-size:14px;line-height:21px;color:#222;cursor:pointer;border-bottom:1px solid #ebebeb}.DashboardPlannedWorkItem-id{color:#990ae3}.DashboardPlannedWorkItem-id--past{color:#a0a0a0}.DashboardPlannedWorkItem-date{text-transform:capitalize}.DashboardPlannedWorkItem-date--past{color:#a0a0a0}.DashboardPlannedWorkItem-time{align-items:center}.DashboardPlannedWorkItem-time .Icon{height:1rem}.DashboardPlannedWorkItem-time--past{color:#a0a0a0}.DashboardPlannedWorkItem-number--past{color:#a0a0a0}.DashboardPlannedWorkItem:hover{background-color:hsl(0,0%,96.5333333333%)}
.DashboardPlannedWork{height:504px;display:flex;flex-direction:column;width:100%}.DashboardPlannedWork .Table-container{flex-grow:1;background-color:rgba(0,0,0,0)}.DashboardPlannedWork .affectedServices{display:flex;align-items:center}.DashboardPlannedWork .CardHeader{padding-left:1rem}.DashboardPlannedWork .PlannedWorkTabs>* :hover{border-color:#990ae3}
.UploadFile{margin:0}.UploadFile:hover{cursor:pointer}
.FileUpload{height:100%}.FileUpload-dropzone{height:100%}.FileUpload-dropzone>div:first-child{width:100% !important;border:1px #990ae3 dashed !important;display:flex !important;cursor:pointer}.FileUpload-dropzone-fileBox{background-color:#dbe3e8;border-radius:2px;color:#4e5783;display:block;font-size:18px;max-width:calc(100% - 45px);overflow:hidden;padding:0px 5px;text-overflow:ellipsis;white-space:nowrap}.FileUpload-dropzone-label{font-size:16px;color:#6b6e98}.FileUpload-dropzone--empty{align-self:center;margin:auto;padding:2rem 0;text-align:center}.FileUpload-dropzone--file{padding-left:45px;padding-top:35px;width:100%}.FileUpload-dropzone--file .ProgressBar{width:calc(100% - 45px)}
.DownloadFileForm{color:#353e6b;text-align:center}.DownloadFileForm-icon i{font-size:48px}.DownloadFileForm-icon div{font-size:20px;margin-top:-10px}.DownloadFileForm-link:hover{text-decoration:none}
body.modal-open{overflow:visible}
.UndoPopup{width:150%;min-height:50px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14);color:#595959}.UndoPopup-progress{background:none;height:.125rem;background-color:#222}
.telia-avatar{position:relative;font-size:16px;background-color:#f2f2f2;width:2.75rem;height:2.75rem;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:4px}.telia-avatar:focus{outline:none;box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--blue-300);transition:all 200ms ease-in-out}.telia-avatar__image{height:100%;width:100%;border-radius:50%;object-fit:cover}.telia-avatar .Icon{width:1.5rem;height:1.5rem}.telia-avatar .telia-avatar{position:absolute;right:-10px;bottom:-1px;height:1.5rem;width:1.5rem;font-size:8px;border:2px solid var(--white);border-radius:50%;margin:0}.telia-avatar__text--absolute,.telia-avatar__icon--absolute{position:absolute}button.telia-avatar{padding:0;margin:0;border:0;cursor:pointer}a.telia-avatar{text-decoration:none;color:var(--black)}.telia-avatar--compact{width:2rem;height:2rem;font-size:14px}.telia-avatar--compact .Icon{width:1.25rem;height:1.25rem}.telia-avatar--big{width:5rem;height:5rem;font-size:28px}.telia-avatar--big .Icon{width:3rem;height:3rem}.telia-avatar--big .telia-avatar__status{height:1.25rem;width:1.25rem;border-width:3px}.telia-avatar--big * .telia-avatar{height:3rem;width:3rem;border:3px solid var(--white);font-size:16px}.telia-avatar--big * .telia-avatar .Icon{width:1.5rem;height:1.5rem}.telia-avatar--compact .telia-avatar__status{height:.75rem;width:.75rem;border-width:2px}.telia-avatar--compact * .telia-avatar{height:1rem;width:1rem;border:1px solid var(--white);font-size:6px}.telia-avatar--compact * .telia-avatar .Icon{width:.5rem;height:.5rem}.telia-avatar__status{position:absolute;right:0;bottom:0;height:.9rem;width:.9rem;background-color:var(--green-500);border:2.5px solid var(--white);border-radius:50%}.telia-avatar__status--offline{background-color:var(--red-500)}.telia-avatar__status--inactive{background-color:var(--orange-500)}.telia-avatar__cluster{display:flex;position:relative}.telia-avatar__cluster .telia-avatar.telia-avatar--default{margin-left:-1.5rem;border:3px solid var(--white)}.telia-avatar__cluster .telia-avatar.telia-avatar--big{margin-left:-2.2rem;border:4px solid var(--white)}.telia-avatar__cluster .telia-avatar.telia-avatar--compact{margin-left:-1rem;border:2px solid var(--white)}.telia-avatar__cluster .telia-avatar:first-child{margin-left:0px}
.EditAccessForm .SearchMenuResult-list{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14);border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem;position:absolute;background-color:#fff;width:100%;max-height:200px;overflow-y:auto}.EditAccessForm .SearchMenuResult-list div:hover{background-color:#f2f2f2}
.DocumentTable.table{margin-bottom:0;border:1px solid #f2f2f2}.DocumentTable td{font-size:14px;line-height:21px;padding:1rem 1.5rem;border-top:1px solid #f2f2f2}.DocumentTable td:nth-child(1){padding-right:0px}.DocumentTable thead .Icon{height:1rem;width:1rem;margin-left:.25rem}.DocumentTable.table tr{cursor:pointer;height:70px}.DocumentTable.table tr:hover{background-color:#f2f2f2}.DocumentTable thead{height:58px}.DocumentTable.table th{padding:1rem 1.5rem;border:0;text-transform:capitalize;color:#595959;font-weight:500;cursor:pointer}.DocumentTable.table tbody tr td{vertical-align:middle}
.DocumentsContent-header{display:flex;justify-content:space-between;align-items:center}.DocumentsContent-header h1{color:#353e6b;font-size:34px}
.IncidentPageHeader .container{max-width:none}.IncidentPageHeader .PageHeader-title{margin-left:0}.IncidentPageHeader .PageHeader-title-wrapper{flex-wrap:wrap}@media(max-width: 991.98px){.IncidentPageHeader .PageHeader-title-wrapper{display:block}}.IncidentPageHeader .PageHeader-title-actions-span{padding:0;flex-grow:1}.IncidentPageHeader .PageHeader-title .BreadcrumbsAndTitle{margin:0 !important}.IncidentPageHeader-actions{margin:0;display:flex;flex-direction:row}@media(max-width: 991.98px){.IncidentPageHeader-actions{margin-top:10px}}@media(max-width: 991.98px){.IncidentPageHeader-actions-mark-solved{display:none !important}}@media(max-width: 991.98px){.IncidentPageHeader-actions-service{display:none !important}}.IncidentPageHeader-actions-show-details{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.IncidentPageHeader-actions-show-details .sidebar-open{background-color:#ebebeb}.IncidentPageHeader-actions .action{display:flex;flex-direction:row;margin-left:20px}.IncidentPageHeader-actions .status-text{text-align:center;white-space:nowrap;font-size:16px;color:#222;margin:2px 0 0 10px}.IncidentPageHeader-actions-left{padding:5px}.IncidentPageHeader-actions-right{display:flex;flex-direction:row;margin-left:auto;margin-right:0}@media(max-width: 991.98px){.IncidentPageHeader-actions-right{flex-direction:column;margin-left:auto}}
.IncidentSidebar{border-radius:0;border-top:none;margin-left:auto;overflow-y:scroll;transition-timing-function:ease-in-out;transition-duration:300ms;visibility:hidden;opacity:0;height:0;width:0}.IncidentSidebar--open{height:100%;width:22rem;opacity:1;visibility:visible}.IncidentSidebar-edit-customer-reference{background-color:#fff;padding:0 10px 10px 10px}.IncidentSidebar .ExpansionPanel-button{color:#222;padding-right:10px;border-top:1px solid #ebebeb}.IncidentSidebar .ExpansionPanel-button:hover{background-color:#fbfbfb}@media(max-width: 991.98px){.IncidentSidebar{width:100%;z-index:1001;position:absolute;top:0;bottom:0}}.IncidentSidebar-close{padding:0 10px}.IncidentSidebar-top{padding:24px;display:flex;flex-direction:row}.IncidentSidebar-top>h3{margin:0;font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:22px;line-height:30px;font-weight:400;font-size:20px}.IncidentSidebar-top>button{margin-left:auto}.IncidentSidebar-details .Attribute{font-size:14px}.IncidentSidebar-about{padding-left:24px;background-color:#fff;padding-bottom:34px}.IncidentSidebar-about-title{font-size:16px}.IncidentSidebar-about-metadata{line-height:2;font-size:14px}.IncidentSidebar .BodyCard{margin:0 !important;border-top:none;border-left:none;border-right:none}.IncidentSidebar .BodyCard--borders{border:none}
.ChatMessage{color:#222;display:flex;margin-bottom:1.5rem}.ChatMessage-icon{max-height:2.5rem;min-width:2.5rem;display:flex;justify-content:center;align-items:center}.ChatMessage-icon .ChatMessage-letter{height:32px;width:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#f9f9f9;color:#595959}.ChatMessage-icon .ChatMessage-letter.prominent{background-color:#990ae3;color:#fff}.ChatMessage-icon .ChatMessage-select{display:none}.ChatMessage-icon:hover.selectable .ChatMessage-letter{display:none}.ChatMessage-icon:hover.selectable .ChatMessage-select{display:block}.ChatMessage-header{margin-bottom:.25rem;color:#595959;font-size:14px;line-height:21px}.ChatMessage-contact{text-transform:capitalize;padding-right:1rem}.ChatMessage-body{padding:.75rem 2.5rem .75rem 1rem;border-radius:8px;width:100%;white-space:pre-line;position:relative}.ChatMessage-text{overflow-wrap:break-word;word-break:break-all;font-size:14px;line-height:21px}.ChatMessage .ChatMessage-body{background-color:#f9f9f9}.ChatMessage .ChatMessage-body.selected{background-color:rgb(248.88,240.3,253.32)}
.ChatAttachment-wrapper .ChatMessage-message{padding:10px 10px}.ChatAttachment-wrapper .ChatMessage--sent .btn{color:#353e6b}.ChatAttachment-wrapper .ChatMessage--recieved .btn{color:#fff}.ChatAttachment .btn{cursor:pointer;font-size:20px;width:100% !important;padding:0;border:0;background-color:inherit;border-radius:4px}.ChatAttachment .btn:hover{box-shadow:none;background-color:inherit !important}.ChatAttachment .btn:active{color:inherit !important;background-color:inherit !important}.ChatAttachment-header{font-weight:500;line-height:22px}.ChatAttachment-size{text-align:left;font-size:14px}.ChatAttachment i{font-size:48px;color:#5f9ea0}
.ChatStatusSeparator{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;color:#a0a0a0}.ChatStatusSeparator b{font-weight:500}.ChatStatusSeparator-border{margin-bottom:-2px;width:100%;border:1px solid #f2f2f2}
.EmailForm a:hover{text-decoration:none;color:#990ae3}.EmailForm-TextArea{border:1px solid #f2f2f2;max-height:400px;overflow-y:scroll}.EmailForm-TextArea textarea{border:none;min-height:150px}.EmailForm-Message{font-size:14px;line-height:21px;border-bottom:1px solid #f2f2f2}.EmailForm-Message-content{flex:1 1}.EmailForm-Message-content-header{color:#595959}
.ChatInput{margin:0 1rem 1rem 1rem;border:1px solid #ebebeb;border-radius:8px;box-shadow:0 1px 4px 0 rgba(0,0,0,.04)}.ChatInput-sendEmail{border-bottom:1px solid #ebebeb}.ChatInput-textArea textarea{resize:none}.ChatInput-textArea .form-control{height:80px;border:none;border-radius:8px 8px 0 0;border-bottom:1px solid #ebebeb}.ChatInput-textArea.animate-height .form-control{transition:height .5s}.ChatInput-textArea.animate-height .form-control:focus{height:200px}.ChatInput-btnGroup{display:flex;align-items:center;justify-content:space-between;margin:.5rem 1rem .5rem 1.5rem}.ChatInput-fileInput{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.ChatInput-fileLabel{font-size:24px;margin-bottom:0;cursor:pointer}.ChatInput-fileLabel:hover{opacity:.8}.ChatInput-filesView{height:80px;border-bottom:1px solid #ebebeb;display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto}.ChatInput-fileBox{background-color:#ebebeb;padding:3px 8px;flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;white-space:nowrap}.ChatInput-fileBox span{cursor:pointer}.ChatInput-fileBox--uploading{opacity:.7}.ChatInput .btn{height:40px;margin-top:auto;margin-bottom:auto;margin-right:6px}
.Chat{height:100%;max-height:100vh;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff}.Chat-messages{padding-left:1rem;padding-right:2rem;overflow-y:scroll;height:calc(100% - 75px)}
.IncidentContent{height:calc(100vh - 56px);display:flex;flex-direction:column}@media(max-width: 991.98px){.IncidentContent{height:calc(100vh - 48px)}}.IncidentContent-body{position:relative;overflow-y:scroll;display:flex;flex-grow:1}.IncidentContent .Chat{flex-grow:1;width:100%;background-color:#fbfbfb;border-radius:4px}.IncidentContent .Chat .ChatMessage-text{-ms-word-break:break-all;word-break:break-all;word-break:break-word}.IncidentContent .ChatStatusSeparator .flex-sm-row{flex-direction:row !important}.IncidentContent .ChatStatusSeparator-border{display:none}.IncidentContent .ChatStatusSeparator-title{color:#222}.IncidentContent .ChatStatusSeparator-icon{color:#222}.IncidentContent .ChatMessage{width:-webkit-fit-content;width:fit-content}.IncidentContent .ChatMessage-wrapper{padding:14px;margin-left:16px;background-color:#fff;border-radius:4px;border:1px solid #f2f2f2;box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02)}.IncidentContent .ChatMessage-body{padding:0;background-color:#fff}.IncidentContent .ChatInput{background-color:#fff;border-radius:4px;border:solid 1px #ebebeb;box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02)}.IncidentContent .ChatInput-wrapper{flex-direction:row !important}.IncidentContent .ChatInput-textArea{border-bottom:none;flex-grow:1}.IncidentContent .ChatInput-textArea .form-control{padding:25px;border:none}.IncidentContent .ChatInput-btnGroup{flex-basis:fit-content;flex-shrink:0;background-color:#fff}.IncidentContent .ChatInput textarea:-ms-input-placeholder{font-style:italic}.IncidentContent .ChatInput textarea::placeholder{font-style:italic}.IncidentContent-body--sidebar-open .Chat{width:66%}
.EditTechnicalContacts .CloseableCard{border-radius:.15rem;border-width:1px;border-color:#ebebeb;border-style:solid}
.TechnicalInformation{padding:1.5rem}.TechnicalInformation h3{font-weight:normal}.TechnicalInformation>:not(:last-child){padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #ebebeb}
.ConnectionStretch-connected{display:block;margin:.125rem 0;margin-left:20px;transform:translateX(-50%);height:2rem;width:.375rem;border-radius:3px;background-color:#f2f2f2}
.SubscriptionBadge{font-size:14px;line-height:21px}.SubscriptionBadge-main{font-size:14px;line-height:21px}.SubscriptionBadge-title{color:#222}.SubscriptionBadge-subtitle{color:#595959}
.MapMarker{position:absolute;transform:translate(-50%, -100%);z-index:5;cursor:pointer}
.ProductMarker-container{position:relative}.ProductMarker-container .ProductMarker-tooltip{display:none}.ProductMarker-container:hover .ProductMarker-tooltip{display:inline}.ProductMarker-tooltip{position:absolute;width:320px;bottom:0;margin-left:.5rem;margin-bottom:.5rem;background-color:#fff;border:1px solid #f2f2f2;border-radius:4px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14);z-index:1}.ProductMarker{position:absolute;width:24px;height:24px;transform:translate(-50%, -50%);cursor:pointer}.ProductMarker-dot{fill:#990ae3}.ProductMarker-ring{fill:#990ae3;opacity:.5;transform-origin:center}.ProductMarker--disabled{cursor:inherit}.ProductMarker--warning{width:35px;height:35px;z-index:10}.ProductMarker--warning .ProductMarker-dot{fill:#e4175c}.ProductMarker--warning .ProductMarker-ring{opacity:1;transform:scale(1.5);animation:ProductMarker-pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;fill:#e4175c}@keyframes ProductMarker-pulse-ring{0%{transform:scale(0.33)}80%,100%{opacity:0}}
.Map-container{height:100%}.Map-load{position:absolute;top:3rem;left:60%;transform:translateX(-50%);box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14)}body:not(.user-is-tabbing) .Map-load:focus{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14)}
.ClusterMarker{position:absolute;width:48px;height:48px;transform:translate(-50%, -50%)}.ClusterMarker .ClusterMarker-text{position:absolute;top:50%;left:0;right:0;text-align:center;transform:translateY(-50%);color:#fff;font-size:14px}.ClusterMarker.ClusterMarker--n1>.ClusterMarker-text{font-size:15px}.ClusterMarker.ClusterMarker--n2>.ClusterMarker-text{font-size:15px}.ClusterMarker.ClusterMarker--n3>.ClusterMarker-text{font-size:14px}.ClusterMarker.ClusterMarker--n4>.ClusterMarker-text{font-size:12px}.ClusterMarker.ClusterMarker--n5>.ClusterMarker-text{font-size:11px}.ClusterMarker .ClusterMarker-svg{position:absolute;width:48px;height:48px;top:0;left:0}.ClusterMarker-dot{fill:#990ae3}.ClusterMarker-ring{fill:#990ae3;opacity:.5;transform-origin:0 0}.ClusterMarker--warning .ClusterMarker-dot.warning{fill:#e4175c}.ClusterMarker--warning .ClusterMarker-ring.warning{opacity:1;transform:scale(1.3);animation:ClusterMarker-pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;fill:#e4175c}@keyframes ClusterMarker-pulse-ring{0%{transform:scale(0.8)}80%,100%{opacity:0}}
.OldMapMarker{color:#099;position:absolute;transform:translate(-50%, -100%);z-index:5;cursor:pointer}.OldMapMarker>.OldMapMarker-icon{width:3rem;height:3rem}.OldMapMarker--disabled>.OldMapMarker-icon{cursor:inherit}.OldMapMarker--warning>.OldMapMarker-icon{color:#e4175c;z-index:10}.OldMapMarker--big>.OldMapMarker-icon{width:4rem;height:4rem}
.SubscriptionCard a,.SubscriptionCard a:hover{text-decoration:none;color:inherit}.SubscriptionCard i{font-size:24px}.SubscriptionCard-header{color:#353e6b;font-size:20px}.SubscriptionCard-backup{border-top:1px solid #dbe3e8;color:#353e6b;font-size:16px}.SubscriptionCard-backup i{font-size:18px}.SubscriptionCard-backup-icon{font-size:24px;color:#a2a7be}.SubscriptionCard .SubscriptionLabel{margin-left:1rem}.SubscriptionCard--terminated{background-color:#dbe3e8}.SubscriptionCard--terminated .SubscriptionCard-backup{border-top:1px solid #ced1e5}.SubscriptionCard.simple{font-size:12px}.SubscriptionCard.simple-header .Attribute{font-size:12px}.SubscriptionCard.simple .SubscriptionCard-backup{border:none}.SubscriptionCard.simple .SubscriptionLabel{margin-top:.5em;font-size:14px;width:-webkit-fit-content;width:fit-content}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.SidebarListItem{cursor:pointer}.SidebarListItem-header{display:flex;flex-wrap:wrap;color:#222}.SidebarListItem a{text-decoration:none}.SidebarListItem:hover{background-color:hsl(0,0%,96.5333333333%)}.SidebarListItem .SubscriptionCard.simple{color:#595959}
.Sidebar{position:absolute;top:0;margin:1.5rem;height:calc(100% - 3rem);width:400px;transition:width .2s linear;box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02)}@media(max-width: 991.98px){.Sidebar{width:320px}}.Sidebar-toggle{position:absolute;top:24px;right:0;transform:translateX(100%);border-top-left-radius:0;border-bottom-left-radius:0}.Sidebar-mainContent{display:flex;flex-direction:column;flex:1 1;overflow:scroll}.Sidebar .BodyCard{background-color:#fff;display:flex;flex-direction:column;height:100%;border-radius:4px;overflow:hidden}.Sidebar.narrow{width:0}.Sidebar.narrow .BodyCard{border:none}
.Locations-mapwrap{position:relative;height:calc(100vh - 56px)}@media(max-width: 991.98px){.Locations-mapwrap{height:calc(100vh - 48px)}}
.OrderingFooter{height:60px;border-top:1px solid #ebebeb;background:#fff}.OrderingFooter-actions{height:100%;display:flex;align-items:center}@media(max-width: 1399.98px){.OrderingFooter-actions{padding-right:4.5rem}}
.OrderingSection:not(:first-child){border-top:1px solid #ebebeb}.OrderingSection-header{margin-bottom:1rem;font-size:1.125rem}
.IpVpnOrderCard{border-radius:4px;border:solid 1px #ebebeb;background-color:#fff;padding:40px 48px}.IpVpnOrderCard h2{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:24px;line-height:36px;font-weight:400;color:#222;text-transform:none;margin:0 0 24px 0}.IpVpnOrderCard p{margin:24px 0}.IpVpnOrderCard .Button{margin-top:24px}
.OrderReceipt-icon{display:block;margin:0 auto;width:40px;height:40px;border-radius:40px;background-color:rgba(153,10,227,.05);position:relative}.OrderReceipt-icon>.Icon{fill:#990ae3;width:24px;height:24px;top:8px;left:8px;position:absolute}.OrderReceipt p{margin:1rem 0}.OrderReceipt hr{background-color:#f2f2f2;height:1px;border:0;margin:48px 0}.OrderReceipt-heading{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;font-size:20px;line-height:1;text-transform:none;color:#222;text-align:center;margin:20px 0}.OrderReceipt-inner{margin:0 auto;max-width:500px}
.Ordering-actions{display:flex;flex-direction:row;flex-wrap:wrap;margin:-0.5rem -1rem}.Ordering-actions>*{margin:.5rem 1rem}.Ordering-listItem{padding:1rem;border-top:1px solid #ebebeb;text-decoration:none;color:#222;display:flex;flex-direction:row;align-items:center}.Ordering-listItem:hover{background-color:hsl(0,0%,96.5333333333%)}.Ordering-link:hover{text-decoration:none}
.Orders-search{height:92px;border-bottom:solid 1px #ebebeb}.Orders-header{background:linear-gradient(0deg, #fbfbfb 0%, #ffffff 100%)}.Orders-table{width:100%}.Orders-table td{padding-top:8px;padding-bottom:8px;padding-right:16px;border-top:1px solid #6f6f6f}.Orders-table th{font-size:13px;line-height:20px;color:#222;padding:32px 16px 16px 0}
.OrderContent .Attribute{margin-top:8px}.OrderContent h3{margin-top:32px}.OrderContent-orderlines tr.level1>td:nth-child(1){padding-left:20px}.OrderContent-orderlines tr.level2>td:nth-child(1){padding-left:40px}.OrderContent-orderlines tr.level3>td:nth-child(1){padding-left:60px}.OrderContent-orderlines tr.level4>td:nth-child(1){padding-left:80px}.OrderContent-orderlines tr.level5>td:nth-child(1){padding-left:100px}.OrderContent-worklog td:nth-child(1),.OrderContent-worklog td:nth-child(2){white-space:nowrap}.OrderContent table{width:100%;border-collapse:collapse}.OrderContent th{color:#595959;text-transform:uppercase;padding-top:20px;padding-bottom:20px;padding-right:16px;font-size:14px;line-height:18px;font-weight:normal}.OrderContent tbody>tr{border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}.OrderContent td{padding-top:16px;padding-bottom:16px;padding-right:16px}
.PeriodSelector{display:flex}.PeriodSelector>div{width:40%}.PeriodSelector>.Line{padding:0 .5rem;margin-top:1.5rem;align-self:center;font-weight:700;color:gray}
.ReportsContent{padding:2rem 1rem;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-gap:2rem;gap:2rem}@media(max-width: 991.98px){.ReportsContent{padding:.75rem}.ReportsContent>div{grid-column:span 2}}
.IncidentFileUploader--fileInput{cursor:pointer}.FileList--file{border:1px solid #ebebeb;border-radius:6px;display:flex;justify-content:space-between;padding:.5rem 1rem;margin:.5rem 0}.FileList--file--close{color:#ff3264;cursor:pointer}
.SelectCard-button{text-align:center;padding:1.125rem;text-decoration:none;display:flex;flex-direction:column;align-items:center;position:relative;width:100%;height:100%;font-size:1rem;font-weight:500;line-height:1.5rem;border:none;border-radius:4px;border-bottom:2px solid rgba(0,0,0,0);background-color:#fff}.SelectCard-button--selected{background-color:rgba(153,10,227,.04);border-color:#990ae3}.SelectCard-icon{height:2rem;width:2rem}.SelectCard-title{font-size:16px;color:#000}.SelectCard-helpText{color:#595959;font-size:14px;font-weight:normal}.SelectCard-slow-error .Icon{transform:scale(-1, 1)}
.ReportIncident-category :hover{box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02)}.ReportIncident-category :hover :hover{box-shadow:none}.ReportIncident-bottom-margin{margin-bottom:90px}.ReportIncident-title{font-size:20px;color:#000}.ReportIncident-subtitle{font-size:14px;color:#595959}.ReportIncident-separator{height:2px;border-top:1px solid;border-top-color:#ebebeb;margin:.5rem auto;text-align:center}.ReportIncident-slow-error .Icon{transform:scale(-1, 1)}
.TagContextMenu{border-radius:1rem}.TagContextMenu:hover{background-color:rgb(210.8,210.8,210.8)}
.TagHeader{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400}.TagHeader-information{display:flex;align-items:center;flex-direction:row;padding-top:1.5rem;padding-bottom:1rem;font-size:14px}.TagHeader-information-text{flex:1 1}.TagHeader-information-text-header{font-weight:bold}.TagHeader-information-tagIcon{padding:.5rem;margin-right:2rem;background-color:rgb(248.88,240.3,253.32);border-radius:6rem;display:flex}.TagHeader-information-tagIcon>svg{fill:#990ae3}.TagHeader-information-createBtn{position:relative;margin-left:auto}
.StatisticsFilter{display:flex;margin:-0.5rem;flex-wrap:wrap}.StatisticsFilter-filter{margin:.5rem;display:flex;align-items:center;flex-wrap:nowrap}.StatisticsFilter-filter>span{margin-right:1rem;color:#990ae3;font-weight:500}.StatisticsFilter .Select button.Button{width:180px}.StatisticsFilter .Select button.Button>svg.Icon{margin-left:auto !important}
.CustomLegend-container{margin-top:.5rem;display:flex;align-items:center;flex-wrap:wrap}.CustomLegend{display:flex;align-items:center;flex-wrap:wrap}.CustomLegend>:not(:last-child){margin-right:1.5rem}.CustomLegend-item{display:flex;align-items:center}.CustomLegend-item-dot{position:relative;width:.5rem;height:.5rem;border-radius:50%;margin-right:.5rem;color:#3182bd}.CustomLegend-item-dot--inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;width:75%;height:75%;background-color:#fff}.CustomLegend-actions{margin-left:auto}
.StatisticsDetails{display:flex;flex-direction:row;flex-wrap:wrap;margin:-1em}.StatisticsDetails-block{min-width:25%;padding:1em;display:flex;flex-direction:column}.StatisticsDetails-item{display:flex}.StatisticsDetails-item-line{width:auto;border:1px solid #595959}.NewStatisticsDetails{margin:-1.5rem}.NewStatisticsDetails-column{padding:1.5rem}.NewStatisticsDetails-column>h2,.NewStatisticsDetails-column>h3,.NewStatisticsDetails-column>h4,.NewStatisticsDetails-column>h5,.NewStatisticsDetails-column>h6{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;text-transform:uppercase;margin-bottom:1rem}.NewStatisticsDetails-column .Attributes{margin:-1.25rem}.NewStatisticsDetails-column .Attributes>.Attribute{margin:1.25rem}
.CustomTooltip{background:#fff;border-radius:6px 6px 6px 6px;border:.5px solid #dbe3e8;box-shadow:0 1px 10px 0 rgba(0,0,0,.06);padding:10px}.CustomTooltip-border{border-top:1px solid #f3f6f8;margin:0 -10px}.CustomTooltip-header{min-width:200px;display:flex;justify-content:space-between;padding-bottom:10px}.CustomTooltip-section{padding:10px 0}.CustomTooltip-section-header{font-weight:500}.CustomTooltip .Section-item{display:flex;align-items:center;flex-direction:row}.CustomTooltip .Section-item-dot{position:relative;width:.5rem;height:.5rem;border-radius:50%;margin-right:.5rem;color:#3182bd}.CustomTooltip .Section-item-dot--inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;width:75%;height:75%;background-color:#fff}
.SubscriptionPageHeader-address{display:inline-flex;flex-direction:row;align-items:center;color:#222}.SubscriptionPageHeader-address svg.Icon{color:#990ae3;margin-right:1.5rem}.SubscriptionPageHeader-address-link .SubscriptionPageHeader-address-label{color:#990ae3}.SubscriptionPageHeader-address-link:hover{text-decoration:none}.SubscriptionPageHeader-address-link:hover small{color:#222}.SubscriptionPageHeader-address-link:hover .SubscriptionPageHeader-address-label{text-decoration:underline}.SubscriptionPageHeader-tags{margin:-0.25rem}.SubscriptionPageHeader-tags>*{margin:.25rem}
.SubscriptionSummaryContainer-sidebar>*:not(:first-child),.SubscriptionSummaryContainer-main>*:not(:first-child){margin-top:1.5rem}
.StatusIllustration{min-width:300px}.StatusIllustration-connected{height:2px;border-radius:4px;margin:0 .5rem;width:2.5rem;background-color:#222;transform:translateY(10px)}.StatusIllustration-text{min-height:48px;font-size:14px}.StatusIllustration-small img{width:48px}.StatusIllustration-small .StatusIllustration-connected{width:1.5rem}.StatusIllustration .Spinner-circle{stroke:#222}
.SubscriptionStatusItem{min-height:4rem}.SubscriptionStatusItem-connected{display:block;margin:.125rem 0;margin-left:20px;transform:translateX(-50%);height:2rem;width:.375rem;border-radius:3px;background-color:#f2f2f2}.SubscriptionStatusItem-content{padding:.5rem 1rem;border-radius:4px}.SubscriptionStatusItem-content[role=button]{cursor:pointer}.SubscriptionStatusItem-content[role=button]:hover{background-color:hsl(0,0%,96.5333333333%)}
.PeriodTable{background-color:#fff}.PeriodTable thead tr{color:#595959;border-top:1px solid #f2f2f2}.PeriodTable thead tr th{padding:.75rem 1.5rem;font-weight:normal;border:0}.PeriodTable tbody td{padding:.75rem 1.5rem;border:0;border-top:1px solid #f2f2f2}
.Period{font-size:14px}@media(max-width: 991.98px){.Period-desktop{display:none}}@media(min-width: 992px){.Period-mobile{display:none}}.Period .month{font-size:16px;font-weight:500;color:#222;text-transform:capitalize}.Period.ExpansionPanel+.Period.ExpansionPanel{margin-top:1.5rem}
.SettingsListItem{border-bottom:1px solid #f2f2f2;padding:.75rem 1.5rem}.SettingsListItem-description{font-size:14px;color:#595959}
.Settings{padding-bottom:3rem}.Settings h3{margin:0px;padding-bottom:2rem}.Settings h3:not(:first-child){padding-top:4rem;border-top:1px solid #ebebeb}
.CircleProgress-progress-circle{transition:stroke-dasharray .25s ease-in-out}.CircleProgress:not(.CircleProgress-appear-active):not(.CircleProgress-enter-done) .CircleProgress-progress-circle{stroke-dasharray:0 100 !important}
.LineChart-point .LineChart-point-outer,.LineChart-point .LineChart-point-inner{transition:opacity .2s ease-in-out,fill .1s ease-in-out}.LineChart-point:hover .LineChart-point-outer{opacity:.7}.LineChart-point:hover .LineChart-point-inner{fill:#00abbd}
.LinearDataEstimateChart #LinearDataEstimateChart-gradient stop:first-child{stop-color:#099}.LinearDataEstimateChart #LinearDataEstimateChart-gradient stop:last-child{stop-color:#09f}.LinearDataEstimateChart #LinearDataEstimateChart-gradient-danger stop:first-child{stop-color:#e4175c}.LinearDataEstimateChart #LinearDataEstimateChart-gradient-danger stop:last-child{stop-color:#09f}.LinearDataEstimateChart .recharts-cartesian-grid-vertical>line:last-child,.LinearDataEstimateChart .recharts-cartesian-grid-vertical>line:nth-last-child(2){display:none}.LinearDataEstimateChart .recharts-cartesian-grid-horizontal>line:last-child,.LinearDataEstimateChart .recharts-cartesian-grid-horizontal>line:nth-last-child(2){display:none}.LinearDataEstimateChart .recharts-cartesian-axis-tick-value{fill:#6b6e98;font-size:16px}.LinearDataEstimateChart-label>rect{filter:drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7))}.LinearDataEstimateChart-label:first-child>rect{fill:#09f}.LinearDataEstimateChart-label:last-child>rect{fill:#099}.LinearDataEstimateChart-label--estimateOver:last-child>rect{fill:#e4175c}.LinearDataEstimateChart-label--usageOver:first-child>rect,.LinearDataEstimateChart-label--usageOver:last-child>rect{fill:#e4175c}.LinearDataEstimateChart-actualUsageLine>path{stroke:#09f}.LinearDataEstimateChart-actualUsageLine .recharts-dot.recharts-line-dot:first-child{stroke:rgba(104,119,130,.19)}.LinearDataEstimateChart-actualUsageLine .recharts-dot.recharts-line-dot:last-child{display:none;stroke:#09f}.LinearDataEstimateChart-actualUsageLine--usageOver>path{stroke:url(#LinearDataEstimateChart-gradient-danger)}.LinearDataEstimateChart-estimateLine>path{stroke:url(#LinearDataEstimateChart-gradient)}.LinearDataEstimateChart-estimateLine .recharts-dot.recharts-line-dot:first-child{stroke:#09f}.LinearDataEstimateChart-estimateLine .recharts-dot.recharts-line-dot:last-child{stroke:#099}.LinearDataEstimateChart-estimateLine--estimateOver>path{stroke:url(#LinearDataEstimateChart-gradient-danger)}.LinearDataEstimateChart-estimateLine--estimateOver .recharts-dot.recharts-line-dot:last-child{stroke:#e4175c}.LinearDataEstimateChart-estimateLine--usageOver>path{stroke:#e4175c}.LinearDataEstimateChart-estimateLine--usageOver .recharts-dot.recharts-line-dot:first-child,.LinearDataEstimateChart-estimateLine--usageOver .recharts-dot.recharts-line-dot:last-child{stroke:#e4175c}.LinearDataEstimateChart-referenceLine--usageOver>line{stroke:#e4175c}
.StepChart .recharts-cartesian-grid-horizontal>line{stroke:#ebebeb}.StepChart .recharts-cartesian-grid-horizontal>line:last-child{display:none}.StepChart .recharts-cartesian-grid-horizontal>line:nth-last-child(2){display:none}.StepChart .recharts-cartesian-grid-vertical>line{stroke:#ebebeb}.StepChart .recharts-cartesian-grid-vertical>line:last-child{display:none}.StepChart .recharts-cartesian-grid-vertical>line:nth-last-child(2){display:none}.StepChart .recharts-cartesian-axis>line{display:none}.StepChart .recharts-cartesian-axis-tick-value{fill:#595959;font-size:16px}
.SubscriptionContentList>h2{padding:1.5rem;margin:0}.SubscriptionContentList .List{margin-bottom:0}.SubscriptionContentList .List>*{padding:1.5rem}.SubscriptionContentList .List>*:not(:last-child){border-bottom:1px solid #ebebeb}
.SubscriptionSummary{flex-grow:1;display:flex;flex-direction:column}.SubscriptionSummary .SubscriptionTable thead{border-top-left-radius:10px !important;border-top-right-radius:10px !important}.SubscriptionSummary .SubscriptionTable thead tr th:first-of-type{border-top-left-radius:.2rem}.SubscriptionSummary .SubscriptionTable thead tr th:last-of-type{border-top-right-radius:.2rem}.SubscriptionSummary-map{width:100%;height:400px;box-shadow:0 -1px 10px rgba(0,0,0,.06)}.SubscriptionSummary-reportErrorIcon{color:#4c5bda}.SubscriptionSummary-statisticsIcon{color:#1a64e4}.SubscriptionSummary-associatedSubIcon{color:#4e5783}.SubscriptionSummary-incidentIcon{color:#eb0066}
@media(min-width: 992px){#MainApp-header-portal{height:56px}}@media(max-width: 991.98px){#MainApp-header-portal{height:48px}}.MainApp-header{position:fixed;background:#fbfbfb;z-index:1000}@media(min-width: 992px){.MainApp-header{top:0;left:0;right:0;height:56px}}@media(max-width: 991.98px){.MainApp-header{top:0;left:0;right:0;display:flex;height:48px;flex-flow:row nowrap;align-items:center;border-bottom:1px solid #ebebeb;padding-left:1rem;padding-right:1rem}}.MainApp-menulogo{margin-left:1.25rem;margin-top:-2px}@media(max-width: 991.98px){.MainApp-menulogo{display:none}}.MainApp-menulogo img{width:66px;height:27px}@media(min-width: 992px){.MainApp-closemenu{display:none}}.MainApp-actions{width:100%}@media(min-width: 992px){.MainApp-actions{flex:0 0 auto;height:100%;padding-left:1rem;display:flex;flex-flow:row nowrap;align-items:center}}@media(max-width: 991.98px){.MainApp-actions{flex:0 0 auto;display:flex;flex-flow:row nowrap;align-items:center;margin-left:auto}}.MainApp-search{flex-grow:1;width:100%;max-width:700px;z-index:1;margin-left:auto}@media(max-width: 991.98px){.MainApp-search{display:none !important}}.MainApp-searchbutton{margin-left:auto}@media(min-width: 992px){.MainApp-searchbutton{display:none !important}}.MainApp-customerselector{margin-left:.5rem}@media(max-width: 991.98px){.MainApp-customerselector{display:none}}.MainApp-notifications{margin-left:.5rem}.MainApp-areaselector>div{margin-left:.5rem}.MainApp-myDashboard,.MainApp-profiledropdown{margin-right:1.5rem;margin-left:.5rem}@media(max-width: 991.98px){.MainApp-myDashboard,.MainApp-profiledropdown{display:none}}.MainApp-myDashboard>a,.MainApp-profiledropdown>a{font-size:1rem;font-weight:400}.MainApp-myDashboard>a>label,.MainApp-profiledropdown>a>label{margin-bottom:0}.MainApp-menu .Icon{height:1.25rem;width:1.25rem}.MainApp-menu-title{color:#990ae3;font-weight:600}.MainApp-menu-mobile{max-width:240px;padding:.5rem .5rem 100px 0}@media(min-width: 992px){.MainApp-menu{visibility:hidden;opacity:0;transition:opacity 300ms ease-in-out,visibility 0ms ease-in-out;position:fixed;top:56px;left:0;bottom:0;width:192px;overflow-y:auto;padding:1rem 0 100px 0}.MainApp-menu-desktop--open{visibility:visible;opacity:1}}.MainApp-body{min-height:100%}@media(min-width: 992px){.MainApp-body{margin-left:192px;transition:margin-left 150ms ease-in-out;padding-top:56px}.MainApp-body--fullWidth{margin-left:0}}@media(max-width: 991.98px){.MainApp-body{padding-top:48px}}
.MinSidePageHeader{text-align:center;margin:auto;position:relative;color:#595959}@media(min-width: 992px){.MinSidePageHeader{padding-top:4rem;margin-bottom:3rem}}.MinSidePageHeader-subText{height:50px}@media(max-width: 991.98px){.MinSidePageHeader-subText{display:none}}.MinSidePageHeader-pebble-background{z-index:-1;right:0;left:0;overflow:hidden;height:9rem;position:absolute}.MinSidePageHeader-pebble-background>img{position:absolute;opacity:.1;height:8rem}.MinSidePageHeader-pebble-background>img:first-child{left:-3rem;bottom:0rem}.MinSidePageHeader-pebble-background>img:last-child{bottom:1rem;right:-3rem}@media(max-width: 991.98px){.MinSidePageHeader-pebble-background{display:none}}
.MobileMenu{color:#595959;font-size:16px}.MobileMenu i{color:#990ae3}.MobileMenu img{height:30px}.MobileMenu-content{height:100%;display:flex;align-items:center}.MobileMenu-items{flex:1 1;display:flex;align-items:center}@media(min-width: 992px){.MobileMenu{height:56px}}@media(max-width: 991.98px){.MobileMenu{height:48px}}.MobileMenuItem a{font-size:16px;color:#595959;font-weight:500}.MobileMenuItem a:hover{text-decoration:none;color:#a0a0a0}.MobileMenuItem a.active{color:#990ae3}.MobileMenuItem a.active:hover{color:#990ae3}
.MobileSidebar{background-color:#990ae3;z-index:1002;height:100%;width:25vw;min-width:240px;position:fixed;top:0;right:0;transition:width .3s linear,min-width .3s linear}.MobileSidebar.Closed{width:0;min-width:0}.MobileSidebar.Closed .MobileSidebar-body{visibility:hidden}.MobileSidebar.Closed+.Grey{width:0;height:0;background-color:rgba(34,34,34,0);transition:background-color .3s ease-in-out,width 0s linear .3s,height 0s linear .3s}.MobileSidebar-top{color:#fff;padding:1.5rem}.MobileSidebar-user{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;margin-bottom:0;white-space:nowrap}.MobileSidebar-company{font-size:14px;line-height:21px;margin-bottom:0;white-space:nowrap}.MobileSidebar-body{color:#595959;background-color:#fff;visibility:visible;height:calc(100% - 9.5rem);padding-top:1.5rem;overflow-y:auto;overflow-x:hidden;transition:visibility .3s linear}.MobileSidebar-body hr{margin:0rem 1rem 1.5rem 1rem;max-width:208px}.MobileSidebar+.Grey{width:100%;height:100%;top:0;left:0;position:fixed;z-index:1001;background-color:rgba(34,34,34,.4);transition:background-color .3s ease-in-out}.MobileSidebarItem{margin:0rem 0rem 1.5rem 0rem}.MobileSidebarItem p{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400;color:#595959;white-space:nowrap;margin-bottom:0}.MobileSidebarItem .Icon{color:#595959}.MobileSidebarItem .Indicator{background-color:#fff;height:20px;padding-right:4px}.MobileSidebarItem:hover{cursor:pointer}.MobileSidebarItem:hover p{color:#990ae3;text-decoration:none}.MobileSidebarItem:hover .Icon{color:#990ae3}.MobileSidebar .Active p{color:#990ae3}.MobileSidebar .Active .Icon{color:#990ae3}.MobileSidebar .Active .Indicator{background-color:#990ae3}
.MobileHeader{position:relative}@media(max-width: 991.98px){.MobileHeader-desktop{display:none}}@media(min-width: 992px){.MobileHeader-mobile{display:none}}.MobileHeader .NavTabs>ul{justify-content:center;text-transform:uppercase}
.MobileApp .BodyCard{background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.04),0 1px 1px -1px rgba(0,0,0,.1),0 3px 8px 0 rgba(0,0,0,.02)}
/* Telia Company Brand colors. Try to use these instead of custom ones */

/*
Primary colour palette - Same colors as in VOCA
Our core purple is prominent in everything we do and must be present in all communications.
We use white and grey for backgrounds in print and online, to help our pebbles and colours really stand out.
They are also used on panels and buttons to add distinction. We use black for text and icons.
*/

:root {
  --black: #222222;
  --core-purple: #990ae3;
  --dark-purple: #29003e;
  --light-grey: #f2f2f2;
  --white: #ffffff;
}

:root {
  --core-purple-100: #fbf0ff;
  --core-purple-200: #edc8ff;
  --core-purple-300: #de99ff;
  --core-purple-400: #c158f8;
  --core-purple-500: #990ae3;
  --core-purple-600: #7d00bd;
  --core-purple-650: #8c07d0;
  --core-purple-700: #5f008f;
  --core-purple-750: #6d02a3;
  --core-purple-800: #3f005e;
  --core-purple-850: #29003e;
  --core-purple-900: #1f002e;
  --grey-50: #f4f4f9;
  --grey-100: #f2f2f2;
  --grey-200: #dbdbdb;
  --grey-300: #bdbdbd;
  --grey-400: #9c9c9c;
  --grey-500: #7a7a7a;
  --grey-600: #646464;
  --grey-700: #4e4e4e;
  --grey-800: #383838;
  --grey-900: #222222;
  --green-100: #ccefdd;
  --green-200: #a6e3c4;
  --green-300: #73d3a2;
  --green-400: #4cc789;
  --green-500: #26bb6f;
  --green-600: #00af56;
  --green-700: #008641;
  --green-800: #00572a;
  --green-900: #00361a;
  --red-100: #fad1de;
  --red-200: #f6aec6;
  --red-300: #f07fa5;
  --red-400: #eb5185;
  --red-500: #e4175c;
  --red-600: #be0040;
  --red-700: #890e37;
  --red-800: #5b0925;
  --red-900: #390617;
  --orange-100: #ffebcc;
  --orange-200: #ffdca6;
  --orange-300: #ffc366;
  --orange-400: #ffaf33;
  --orange-500: #ff9b00;
  --orange-600: #cc7c00;
  --orange-700: #995d00;
  --orange-800: #663e00;
  --orange-900: #402700;
  --blue-100: #ccebff;
  --blue-200: #a6dbff;
  --blue-300: #66c2ff;
  --blue-400: #33adff;
  --blue-500: #0099ff;
  --blue-600: #007acc;
  --blue-700: #00558f;
  --blue-800: #003d66;
  --blue-900: #00253d;
}

/*
Accent colour palette
Our accent palette is used in the following applications: call to action buttons,
apps and other various UX contexts, PowerPoint, and our illustrations and infographics.
*/

:root {
  --black-purple: #1f012f;
  --dark-blue: #0099ff;
  --dark-core-purple: #9b009b;
  --dark-green: #00cc66;
  --dark-grey: #a0a0a0;
  --dark-pink: #d22db9;
  --dark-purple: #642d96;
  --dark-red: #e12364;
  --dark-teal: #009999;
  --deep-purple: #380354;
  --light-core-purple: #cc00ff;
  --light-green: #00ff64;
  --orange: #ff9b00;
  --pink: #ff00cd;
  --red: #ff3264;
}

/*
Additional colors
*/

:root {
  --darkest-grey: #6f6e6f;
  --border-grey: #bfbfbf;
}

/* Custom colours. Try to add as few as possible new ones, and pick from the Telia Company Brand colors above. */

:root {
  --alert-red: #ffd3e0;
  --alert-dark-red: #ff2365;
  --alert-green: #ddf1e7;
  --alert-yellow: #fff5e0;
  --alert-dark-yellow: #ffcd64;
  --alert-blue: #e5f4ff;
  --alert-dark-blue: #0099ff;
  --blue: #00cdff;
  --darker-grey: #606064;
  --darkest-gray: #726e6e;
  --dark-purple-2: #642c96;
  --emerald: #3ed35f;
  --green: #32ff00;
  --grey: #dedede;
  --grey-darker: #d8d8d8;
  --light-purple-2: #af5aff;
  --light-blue: #00ffff;
  --light-lime: #cdff99;
  --light-orange: #ffcd65;
  --light-red: #ff6464;
  --light-pink: #ff64cd;
  --light-teal: #00ffcd;
  --lime: #cdff32;
  --teal: #00cdcd;
  --venetian-red: #d0021b;
  --dark-orange: #ffb84d;
  --light-orange-2: #ffd06b;
  --pink2: #ff01a8;

  --deep-purple-rgb: 56, 3, 84;
  /* Added for business table and checkbox - htf are we supposed to name these colors?*/
  --accent-250: #ebebeb;
  --medium-dark-grey: #595959;
  --even-darker-grey: #222222;
}

.telia-business-button {
  background-color: #29003e;
  background-color: var(--core-purple-850);
  border: none;
  border-radius: 2rem;
  color: #fbf0ff;
  color: var(--core-purple-100);
  cursor: pointer;
  display: inline-flex;
  font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  line-height: 1.25;
  height: 44px;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  transition: background-color 200ms ease-in-out;
}

.telia-business-button:hover {
    transition: background-color 200ms ease-in-out;
  }

.telia-business-button:focus {
    outline: none;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #66c2ff;
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-300);
    transition: all 200ms ease-in-out;
  }

.telia-business-button--compact {
    padding: 0.6rem 1.25rem;
    font-size: 0.875rem;
    height: 36px;
  }

.telia-business-button__icon {
    height: 1.125rem;
    width: 1.125rem;
    align-self: center;
    margin-right: 0.5rem;
  }

.telia-business-button__label {
    opacity: 1;
    transition: opacity 200ms ease-in-out;
  }

.telia-business-button__label--loading {
      opacity: 0;
    }

.telia-business-button__spinner {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 200ms ease-in-out;
  }

.telia-business-button__spinner--loading {
      opacity: 1;
    }

.telia-business-button--ball {
    border-radius: 100%;
    justify-content: center;
    height: 44px;
    width: 44px;
    padding: 1px;
  }

.telia-business-button--iconLeft {
    padding-left: 0.75rem;
  }

.telia-business-button--iconRight {
    flex-direction: row-reverse;
    padding-right: 0.75rem;
  }

.telia-business-button--primary:hover {
      background-color: rgba(#29003e, 0.88);
      background-color: rgba(var(--core-purple-850), 0.88);
    }

.telia-business-button--primary:active,
    .telia-business-button--primary.telia-business-button--active {
      outline: none;
      box-shadow: none;
      background-color: rgba(#29003e, 0.84);
      background-color: rgba(var(--core-purple-850), 0.84);
    }

.telia-business-button--primary-text {
    background-color: transparent;
    border-radius: 2rem;
    color: #990ae3;
    color: var(--core-purple);
  }

.telia-business-button--primary-text:hover {
      background-color: rgba(#fbf0ff, 0.88);
      background-color: rgba(var(--core-purple-100), 0.88);
    }

.telia-business-button--primary-text:focus {
      background-color: rgba(#fbf0ff, 0.84);
      background-color: rgba(var(--core-purple-100), 0.84);
    }

.telia-business-button--primary-text:active,
    .telia-business-button--primary-text.telia-business-button--active {
      outline: none;
      box-shadow: none;
      background-color: rgba(#fbf0ff, 0.84);
      background-color: rgba(var(--core-purple-100), 0.84);
    }

.telia-business-button--expressive-purple {
    background-color: #990ae3;
    background-color: var(--core-purple);
    border-radius: 2rem;
    color: #ffffff;
    color: var(--white);
  }

.telia-business-button--expressive-purple:hover {
      background-color: rgba(#990ae3, 0.88);
      background-color: rgba(var(--core-purple), 0.88);
    }

.telia-business-button--expressive-purple:active,
    .telia-business-button--expressive-purple.telia-business-button--active {
      outline: none;
      box-shadow: none;
      background-color: rgba(#990ae3, 0.84);
      background-color: rgba(var(--core-purple), 0.84);
    }

.telia-business-button--secondary {
    background-color: #f4f4f9;
    background-color: var(--grey-50);
    border-radius: 2rem;
    color: #29003e;
    color: var(--core-purple-850);
  }

.telia-business-button--secondary:hover {
      background-color: rgba(#f4f4f9, 0.88);
      background-color: rgba(var(--grey-50), 0.88);
    }

.telia-business-button--secondary:active,
    .telia-business-button--secondary.telia-business-button--active {
      outline: none;
      box-shadow: none;
      background-color: rgba(#f4f4f9, 0.84);
      background-color: rgba(var(--grey-50), 0.84);
    }

.telia-business-button--secondary-text {
    background-color: transparent;
    border-radius: 2rem;
    color: #29003e;
    color: var(--core-purple-850);
  }

.telia-business-button--secondary-text:hover {
      background-color: rgba(#ffffff, 0.12);
      background-color: rgba(var(--white), 0.12);
    }

.telia-business-button--secondary-text:focus {
      background-color: rgba(#ffffff, 0.16);
      background-color: rgba(var(--white), 0.16);
    }

.telia-business-button--secondary-text:active,
    .telia-business-button--secondary-text.telia-business-button--active {
      background-color: rgba(#ffffff, 0.16);
      background-color: rgba(var(--white), 0.16);
      outline: none;
      box-shadow: none;
    }

.telia-business-button--ghost {
    background-color: transparent;
    border: 1px solid #990ae3;
    border: 1px solid var(--core-purple);
    border-radius: 2rem;
    color: #990ae3;
    color: var(--core-purple);
  }

.telia-business-button--ghost:hover {
      background-color: rgba(#ffffff, 0.12);
      background-color: rgba(var(--white), 0.12);
    }

.telia-business-button--ghost:focus {
      background-color: rgba(#ffffff, 0.16);
      background-color: rgba(var(--white), 0.16);
    }

.telia-business-button--ghost:active,
    .telia-business-button--ghost.telia-business-button--active {
      background-color: rgba(#ffffff, 0.16);
      background-color: rgba(var(--white), 0.16);
      outline: none;
      box-shadow: none;
    }

.telia-business-button--outlined {
    background-color: transparent;
    border: 1px solid #29003e;
    border: 1px solid var(--core-purple-850);
    border-radius: 2rem;
    color: #29003e;
    color: var(--core-purple-850);
  }

.telia-business-button--outlined:hover {
      background-color: rgba(#ffffff, 0.12);
      background-color: rgba(var(--white), 0.12);
    }

.telia-business-button--outlined:focus {
      background-color: rgba(#ffffff, 0.16);
      background-color: rgba(var(--white), 0.16);
    }

.telia-business-button--outlined:active,
    .telia-business-button--outlined.telia-business-button--active {
      background-color: rgba(#ffffff, 0.16);
      background-color: rgba(var(--white), 0.16);
      outline: none;
      box-shadow: none;
    }

.telia-business-button--white {
    background-color: #ffffff;
    background-color: var(--white);
    border-radius: 2rem;
    color: #29003e;
    color: var(--core-purple-850);
  }

.telia-business-button--white:hover {
      background-color: rgba(#f4f4f9, 0.88);
      background-color: rgba(var(--grey-50), 0.88);
    }

.telia-business-button--white:focus {
      background-color: rgba(#f4f4f9, 0.84);
      background-color: rgba(var(--grey-50), 0.84);
    }

.telia-business-button--white:active,
    .telia-business-button--white.telia-business-button--active {
      background-color: rgba(#f4f4f9, 0.84);
      background-color: rgba(var(--grey-50), 0.84);
      outline: none;
      box-shadow: none;
    }

.telia-business-button--green {
    background-color: #00af56;
    background-color: var(--green-600);
    border-radius: 2rem;
    color: #ffffff;
    color: var(--white);
  }

.telia-business-button--green:hover {
      background-color: rgba(#00af56, 0.88);
      background-color: rgba(var(--green-600), 0.88);
    }

.telia-business-button--green:active,
    .telia-business-button--green.telia-business-button--active {
      background-color: rgba(#00af56, 0.84);
      background-color: rgba(var(--green-600), 0.84);
      outline: none;
      box-shadow: none;
    }

.telia-business-button--red {
    background-color: #e4175c;
    background-color: var(--red-500);
    color: #ffffff;
    color: var(--white);
    border-radius: 2rem;
  }

.telia-business-button--red:hover {
      background-color: rgba(#e4175c, 0.88);
      background-color: rgba(var(--red-500), 0.88);
    }

.telia-business-button--red:active,
    .telia-business-button--red.telia-business-button--active {
      background-color: rgba(#e4175c, 0.84);
      background-color: rgba(var(--red-500), 0.84);
      outline: none;
      box-shadow: none;
    }

.telia-business-button--primary.telia-business-button--disabled {
  background-color: rgba(#29003e, 0.16);
  background-color: rgba(var(--core-purple-850), 0.16);
  cursor: default;
  disabled: true;
  pointer-events: none;
}

.telia-business-button--primary-text.telia-business-button--disabled {
  color: #bdbdbd;
  color: var(--grey-300);
  cursor: default;
  disabled: true;
  pointer-events: none;
}

.telia-business-button--expressive-purple.telia-business-button--disabled {
  background-color: rgba(#990ae3, 0.16);
  background-color: rgba(var(--core-purple), 0.16);
  cursor: default;
  disabled: true;
  pointer-events: none;
}

.telia-business-button--secondary.telia-business-button--disabled {
  background-color: #f2f2f2;
  background-color: var(--grey-100);
  color: #bdbdbd;
  color: var(--grey-300);
  cursor: default;
  disabled: true;
  pointer-events: none;
}

.telia-business-button--secondary-text.telia-business-button--disabled {
  background-color: rgba(#f2f2f2, 0.12);
  background-color: rgba(var(--grey-100), 0.12);
  color: #bdbdbd;
  color: var(--grey-300);
  cursor: default;
  disabled: true;
  pointer-events: none;
}

.telia-business-button--ghost.telia-business-button--disabled {
  background-color: transparent;
  border-color: rgba(#990ae3, 0.16);
  border-color: rgba(var(--core-purple), 0.16);
  color: rgba(#990ae3, 0.16);
  color: rgba(var(--core-purple), 0.16);
  disabled: true;
  pointer-events: none;
}

.telia-business-button--outlined.telia-business-button--disabled {
  background-color: transparent;
  border-color: rgba(#29003e, 0.16);
  border-color: rgba(var(--core-purple-850), 0.16);
  color: rgba(#29003e, 0.16);
  color: rgba(var(--core-purple-850), 0.16);
  disabled: true;
  pointer-events: none;
}

.telia-business-button--white.telia-business-button--disabled {
  background-color: #f2f2f2;
  background-color: var(--grey-100);
  color: #bdbdbd;
  color: var(--grey-300);
  disabled: true;
  pointer-events: none;
}

.telia-business-button--green.telia-business-button--disabled {
  background-color: rgba(#00af56, 0.16);
  background-color: rgba(var(--green-600), 0.16);
  cursor: default;
  disabled: true;
  pointer-events: none;
}

.telia-business-button--red.telia-business-button--disabled {
  background-color: rgba(#e4175c, 0.16);
  background-color: rgba(var(--red-500), 0.16);
  cursor: default;
  disabled: true;
  pointer-events: none;
}

.telia-business-button--ball > .telia-business-button__icon {
  height: 1.5rem;
  width: 1.5rem;
  margin: 0;
  padding: 0;
}

.telia-business-button--ball.telia-business-button--compact {
  width: 36px;
  height: 36px;
}

.telia-business-button--ball.telia-business-button--compact .telia-business-button__icon {
    height: 1.25rem;
    width: 1.25rem;
  }

.telia-business-button--compact > .telia-business-button__icon {
  height: 0.875rem;
  width: 0.875rem;
  margin-right: 6px;
}

.telia-business-button--iconRight > .telia-business-button__icon {
  margin-left: 8px;
  margin-right: 0;
}

.telia-business-button--compact.telia-business-button--iconRight > .telia-business-button__icon {
  margin-left: 6px;
  margin-right: 0;
}

.telia-business-button--ball.telia-business-button--iconLeft {
  padding: 0;
}

.telia-business-button--ball.telia-business-button--compact > .telia-business-button__icon {
  margin: 0px;
}

.telia-card {
  background-color: #ffffff;
  background-color: var(--white);
  border-radius: 12px;
}

.telia-card--bordered {
    border: 1px solid #f2f2f2;
    border: 1px solid var(--grey-100);
  }

.telia-card__header > h1,
  .telia-card__header > h2,
  .telia-card__header > h3,
  .telia-card__header > h4,
  .telia-card__header > h5 {
    font-size: 22px;
    line-height: 30px;
    text-transform: none;
    margin: 0;
  }

.telia-card__header--padded {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
  }

.telia-card__header ~ .telia-card__body--padded {
  padding-top: 0.5rem;
}

.telia-card__body--padded {
    padding: 1.5rem;
  }

.telia-card__divider {
  background-color: #f2f2f2;
  background-color: var(--grey-100);
  border: 0;
  height: 1px;
  width: auto;
  margin: 0 -1.5rem;
}

.telia-card__divider--padded {
    width: 100%;
    margin: 0;
  }

.telia-card__footer {
  border-top: 1px solid #f2f2f2;
  border-top: 1px solid var(--grey-100);
}

.telia-card__footer--padded {
    padding: 1rem 1.5rem;
    width: 100%;
  }

.telia-card__options {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: none;
}

.telia-card__options > .telia-card__option:nth-child(even) {
    border-left: 1px solid #f2f2f2;
    border-left: 1px solid var(--grey-100);
  }

.telia-card__options > .telia-card__option:nth-child(n + 3) {
    border-top: 1px solid #f2f2f2;
    border-top: 1px solid var(--grey-100);
  }

.telia-card__options--oneCol {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    border: none;
  }

.telia-card__options--oneCol > .telia-card__option:nth-child(even) {
      border: none;
    }

.telia-card__options--oneCol > .telia-card__option:nth-last-child(-n + 2) {
      border: none;
    }

.telia-card__options--oneCol > .telia-card__option:nth-child(n + 2) {
      border: none;
      border-top: 1px solid #f2f2f2;
      border-top: 1px solid var(--grey-100);
    }

.telia-card__option {
  display: flex;
  width: 100%;
  background-color: transparent;
  align-items: center;
  padding: 24px 16px;
  border: none;
  justify-content: center;
}

.telia-card__option:hover {
    background-color: #f2f2f2;
    background-color: var(--grey-100);
    cursor: pointer;
  }

.telia-card__option__icon {
    height: 20px;
    width: 20px;
    margin-right: 16px;
  }

.telia-card__option--disabled {
    background-color: #f2f2f2;
    background-color: var(--grey-100);
    color: #9c9c9c;
    color: var(--grey-400);
  }

.telia-card__option--disabled:hover {
      cursor: default;
      background-color: #f2f2f2;
      background-color: var(--grey-100);
    }

.telia-card__option--spanCol {
    grid-column: 1 / -1;
  }

.telia-card__option--roundedB {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

.telia-card__option--roundedBR {
    border-bottom-right-radius: 0.75rem;
  }

.telia-card__option--roundedBL {
    border-bottom-left-radius: 0.75rem;
  }

.telia-listItem__mainWrapper {
  padding: 1.875rem 1.5rem;
  transition-duration: 300ms;
  transition-property: background-color;
}

.telia-listItem__mainWrapper:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #66c2ff;
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-300);
  }

.telia-listItem {
  list-style: none;
  background-color: #ffffff;
  background-color: var(--white);
}

.telia-listItem .telia-listItem--clickable.telia-listItem__mainWrapper:hover {
    background-color: rgba(0, 0, 0, 0.02);
  }

.telia-listItem > a {
    display: inline-block;
  }

.telia-listItem--underlined {
    border-bottom: solid 1px #f2f2f2;
    border-bottom: solid 1px var(--grey-100);
  }

.telia-listItem--compact {
    padding: 1.25rem 1.5rem;
  }

.telia-listItem--clickable {
    cursor: pointer;
    text-decoration: none;
    border: none;
    background-color: transparent;
    width: 100%;
    text-align: inherit;
    color: #222222;
    color: var(--grey-900);
  }

.telia-listItem--active {
    background-color: rgba(0, 0, 0, 0.04);
  }

.telia-listItem--card {
    border-radius: 12px;
    padding: 0;
    margin: 0;
  }

.telia-listItem--card .telia-listItem__mainWrapper {
      border-radius: 12px;
    }

.telia-listItem--outlined {
    border: 1px solid #f2f2f2;
    border: 1px solid var(--grey-100);
  }

.telia-listItem--selected {
    border: 1px solid #00af56;
    border: 1px solid var(--green-600);
  }

.telia-listItem--dark {
    background-color: #222222;
    background-color: var(--grey-900);
    color: #ffffff;
    color: var(--white);
  }

.telia-listItem--dark .telia-listItem--clickable.telia-listItem__mainWrapper:hover {
      background-color: rgba(255, 255, 255, 0.02);
    }

.telia-listItem--dark .telia-listItem--active {
      background-color: rgba(255, 255, 255, 0.04);
    }

.telia-listItem--medium {
    background-color: #f2f2f2;
    background-color: var(--grey-100);
  }

.telia-listItem--medium .telia-listItem--clickable.telia-listItem__mainWrapper:hover {
      background-color: rgba(0, 0, 0, 0.04);
    }

.telia-listItem--medium .telia-listItem--active {
      background-color: rgba(0, 0, 0, 0.08);
    }

.telia-listItem--noBG {
    background-color: transparent;
  }

.telia-listItem__main {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }

.telia-listItem__heading {
    padding: 1rem;
  }

.telia-listItem__heading--compact {
      padding: 0.75rem;
    }

.telia-listItem__decorator {
    flex: 0 1;
    padding-right: 1rem;
    text-align: center;
  }

.telia-listItem__content {
    flex: 1 1;
    min-height: 2.75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: auto;
  }

.telia-listItem__name {
    line-height: 1.5rem;
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0;
    color: #222222;
    color: var(--grey-900);
  }

.telia-listItem__name--dark {
      color: #ffffff;
      color: var(--white);
    }

.telia-listItem__description {
    line-height: 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #4e4e4e;
    color: var(--grey-700);
  }

.telia-listItem__description--dark {
      color: #ffffff;
      color: var(--white);
    }

.telia-listItem__caption {
    margin-left: 1rem;
  }

.telia-listItem__caption__text {
      line-height: 1rem;
      font-size: 0.75rem;
      font-weight: 400;
      text-align: right;
      color: #4e4e4e;
      color: var(--grey-700);
      letter-spacing: 0.00625rem;
    }

.telia-listItem__caption--dark {
      color: #ffffff;
      color: var(--white);
    }

.telia-listItem__expandedChildren {
    padding: 0 1.5rem;
    overflow-y: hidden;
    max-height: 0;
    transition: max-height 150ms ease-in-out, padding 150ms ease-in-out;
  }

.telia-listItem__expandedChildren--expanded {
      max-height: 2000px;
      padding: 1.875rem 1.5rem;
    }

.telia-list {
  width: 100%;
}

.telia-list__list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

.telia-list .telia-listItem--card {
  margin: 0.75rem 0;
}

.telia-listItem__skeleton {
  pointer-events: none;
}

.telia-listItem__skeleton .telia-listItem__decorator {
    min-height: 2.75rem;
    width: 2.75rem;
    margin: 0.25rem;
    flex: none;
    padding: 0;
    margin-right: 0.75rem;
  }

.telia-listItem__skeleton .telia-listItem__name {
    width: 80%;
  }

.telia-listItem__skeleton .telia-listItem__description {
    width: 80%;
    margin-top: 0.75rem;
  }

.telia-listItem__skeleton .telia-listItem__caption {
    width: 20%;
  }

.telia-listItem__skeleton .telia-listItem__decorator,
  .telia-listItem__skeleton .telia-listItem__name,
  .telia-listItem__skeleton .telia-listItem__description,
  .telia-listItem__skeleton .telia-listItem__caption {
    background: linear-gradient(-45deg, #f2f2f2, #dbdbdb);
    background: linear-gradient(-45deg, var(--grey-100), var(--grey-200));
    background-size: 200% 200%;
    animation: Loading 1.5s ease infinite;
    border-radius: 4rem;
  }

@keyframes Loading {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 50% 100%;
      }
      100% {
        background-position: 0% 50%;
      }
    }

.telia-listItem__skeleton.telia-listItem--dark .telia-listItem__decorator,
  .telia-listItem__skeleton.telia-listItem--dark .telia-listItem__name,
  .telia-listItem__skeleton.telia-listItem--dark .telia-listItem__description,
  .telia-listItem__skeleton.telia-listItem--dark .telia-listItem__caption {
    background: linear-gradient(-45deg, #646464, #4e4e4e);
    background: linear-gradient(-45deg, var(--grey-600), var(--grey-700));
  }

.telia-listItem__skeleton.telia-listItem--medium .telia-listItem__decorator,
  .telia-listItem__skeleton.telia-listItem--medium .telia-listItem__name,
  .telia-listItem__skeleton.telia-listItem--medium .telia-listItem__description,
  .telia-listItem__skeleton.telia-listItem--medium .telia-listItem__caption {
    background: linear-gradient(-45deg, #f2f2f2, #bdbdbd);
    background: linear-gradient(-45deg, var(--grey-100), var(--grey-300));
  }

@media (max-width: 480px) {
  .telia-listItem__mainWrapper {
    padding: 1rem 1.25rem;
  }
    .telia-listItem__name {
      line-height: 1rem;
      font-size: 1rem;
      font-weight: 400;
    }

    .telia-listItem__decorator {
      flex: 0 1;
      padding-right: 0.75rem;
      text-align: center;
    }
      .telia-listItem__caption__text {
        line-height: 1rem;
        font-size: 0.625rem;
        font-weight: 400;
      }
      .telia-listItem--noHorizontalPaddingsOnMobile .telia-listItem__mainWrapper {
        padding-left: 0;
        padding-right: 0;
      }
      .telia-listItem .telia-avatar .Icon {
        width: 1.25rem;
        height: 1.25rem;
      }
}

.telia-listItem--dark.telia-listItem--clickable .telia-listItem__mainWrapper:hover {
    background-color: rgba(255, 255, 255, 0.02);
  }

.telia-list__empty-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80%;
}

.telia-list__empty-state svg {
    width: 200px;
    height: auto;
    margin-bottom: 2rem;
  }

.Business-MainMenu {
}

.Business-MainMenu__list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.Business-MainMenu__item {
  width: 100%;
  flex: 0 0 auto; /* IE11 flex fixes. This has to be explicitly set, else items will grow. */
}

.Business-MainMenu__icon {
  vertical-align: middle;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
}

.Business-MainMenu__link {
  display: block;
  text-decoration: none;
  position: relative;
  padding: 0 0.75rem 0 1.5rem;
  font-size: 14px;
  line-height: 2.5rem;
  height: 2.5rem;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222222;
  color: var(--business-black);
  transition: color 180ms ease-in-out, background-color 180ms ease-in-out;
}

.Business-MainMenu__link:hover {
    background-color: #f9f0fd;
    background-color: var(--business-hover-purple);
  }

.Business-MainMenu__link:hover,
  .Business-MainMenu__link.active {
    color: #990ae3;
    color: var(--core-purple);
    background: #efd8fb;
    background: var(--business-active-purple);
  }

.telia-page-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  background-color: #ffffff;
  background-color: var(--white);
}

.telia-page-layout__header {
  padding: 3rem 0;
  margin: 3rem auto 0 auto;
  width: 640px;
}

.telia-page-layout__content {
  flex: 1 1;
  display: grid;
  max-width: 1280px;
  height: 100%;
  grid-template-columns: 1fr 640px 1fr;
  grid-gap: 2.5rem;
  gap: 2.5rem;
  align-self: center;
  padding-bottom: 5rem;
}

.telia-page-layout__left {
  grid-column-start: 1;
  width: 100%;
}

.telia-page-layout__right {
  grid-column-start: 3;
  width: 100%;
}

.telia-page-layout__right--fixed {
    position: fixed;
    width: calc(320px - 3rem);
    left: calc((100vw - 640px)/2 + 640px + 1rem);
    top: 10rem;
  }

.telia-page-layout__body {
  grid-column-start: 2;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: space-between;
}

.telia-page-layout__nav-bar + .telia-page-layout__header {
  padding-top: 0rem;
}

.telia-page-layout__footer {
  width: 640px;
}

.telia-page-layout__footer--fixed {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #ffffff;
    background-color: var(--white);
    padding: 1.25rem 0;
    margin-top: 0.5rem;
    border-top: 1px solid #f2f2f2;
    border-top: 1px solid var(--grey-100);
  }

.telia-page-layout__footer__content--fixed {
  width: 650px;
  margin: auto;
}

@media (max-width: 840px) {
  .telia-page-layout__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 1rem 5rem 1rem;
    gap: 1rem;
  }
  .telia-page-layout__header {
    width: 100%;
    padding: 0 1rem 1rem 1rem;
    margin: 0 auto;
  }

  .telia-page-layout__footer {
    width: 100vw;
    margin-top: 2rem;
  }

    .telia-page-layout__footer--fixed {
      padding: 0.75rem 0;
    }

  .telia-page-layout__footer__content--fixed {
    width: 100vw;
    padding: 0 1rem;
  }
}

.telia-step-flow {
  background-color: #ffffff;
  background-color: var(--white);
}

.telia-step-flow__header__top {
      position: fixed;
      left: calc((100vw - 640px)/2 + 640px + 1rem);
      top: 0;
      display: flex;
      align-items: center;
      z-index: 10;
      padding: 3.5rem 0;
    }

.telia-step-flow__header__content {
      display: flex;
      flex-direction: column;
    }

.telia-step-flow__header__content h1 {
        margin: 0.25rem 0;
        font-size: 2rem;
        font-weight: 500;
      }

.telia-step-flow__header__content__main {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
      }

.telia-step-flow__header__content__description {
        color: #4e4e4e;
        color: var(--grey-700);
      }

.telia-step-flow__step {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
  }

.telia-step-flow__step-header {
      padding-bottom: 2.5rem;
    }

.telia-step-flow__step-header h2 {
        margin: 0;
        margin-bottom: 0.5rem;
        font-size: 1.5rem;
        font-weight: 500;
      }

.telia-step-flow__step-header__description {
        color: #4e4e4e;
        color: var(--grey-700);
        font-weight: 400;
      }

.telia-step-flow__main {
    display: flex;
    padding-top: 4rem;
    width: 80%;
    margin: 0 auto;
  }

.telia-step-flow__main__form {
      width: 80%;
      margin: auto;
    }

.telia-step-flow__menu-item {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      cursor: pointer;
      padding-left: 1rem;

      transition: all 300ms ease-in-out;
      border-left: 2px solid #dbdbdb;
      border-left: 2px solid var(--grey-200);
    }

.telia-step-flow__menu-item:hover {
        color: #990ae3;
        color: var(--core-purple-500);
      }

.telia-step-flow__menu-item--active {
        border-color: #990ae3;
        border-color: var(--core-purple-500);
        color: #990ae3;
        color: var(--core-purple-500);
      }

.telia-step-flow__menu-item--disabled {
        color: #9c9c9c;
        color: var(--grey-400);
        pointer-events: none;
      }

.telia-step-flow__footer {
    display: flex;
    justify-content: space-between;
  }

.telia-step-flow--right {
    max-width: 33%;
    padding-left: 2.5rem;
  }

.telia-step-flow__menu + .telia-step-flow__main__form {
  width: 70%;
  margin: 0;
}

@media (max-width: 840px) {
  .telia-step-flow__header {
    margin-top: 4rem;
  }
    .telia-step-flow__header__top {
      background-color: #ffffff;
      background-color: var(--white);
      position: fixed;
      width: 100vw;
      left: 0;
      padding: 0.625rem 1rem;
      display: flex;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    }

      .telia-step-flow__header__top .telia-business-button {
        margin-left: auto;
      }
}

@media (max-width: 840px) {
    .telia-step-flow--with-navbar .telia-step-flow__header {
      margin-top: 1.5rem;
    }
}

@media only screen and (max-width: 600px) {
  .telia-step-flow__main {
    width: 100%;
  }
}

.telia-step-flow--grey {
  background-color: #f2f2f2;
  background-color: var(--grey-100);
}

.telia-step-flow--grey .telia-step-flow__header__top {
    background-color: #f2f2f2;
    background-color: var(--grey-100);
  }

.data-table {
  border-radius: 0.25rem;
  display: table;
}

.data-table__empty-state {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80%;
  }

.data-table__empty-state svg {
      width: 200px;
      height: auto;
      margin-bottom: 2rem;
    }

.data-table__table {
    border-collapse: collapse;
    text-align: left;
    vertical-align: middle;
    color: #222222;
    color: var(--even-darker-grey);
    font-size: 14px;
  }

.data-table__icon {
    max-height: 1rem;
    max-width: 1rem;
    position: relative;
    top: 0.16rem;
  }

.data-table__checkbox {
    align: center;
    vertical-align: middle;
  }

.data-table__row td {
      transition-duration: 300ms;
      transition-property: background-color;
    }

.data-table__row:hover td {
      background-color: #f2f2f2;
      background-color: var(--grey-100);
    }

.data-table thead {
    border-bottom: solid 1px #dbdbdb;
    border-bottom: solid 1px var(--grey-200);
  }

.data-table__cell {
    padding: 0 1rem;
    height: 4.2rem;
  }

.data-table__cell--header {
      white-space: nowrap;
      height: 3.5rem;
      color: #595959;
      color: var(--medium-dark-grey);
    }

.data-table__cell--sortable {
      cursor: pointer;
    }

.data-table__cell--right-aligned {
      text-align: right;
    }

.data-table__paging {
    height: 3.25rem;
    text-align: right;
  }

.data-table__row--connected {
  border-top: none;
}

.data-table__row--connected .data-table__cell:first-child {
    position: relative;
  }

.data-table__row--connected .data-table__cell:first-child:before {
      content: '';
      position: absolute;
      height: 1rem;
      top: -15%;
      border-left: 4px solid #dedede;
      border-left: 4px solid var(--grey);
      border-radius: 4px;
      left: 50%;
      transform: translate(-50%);
    }

.data-table__row--clickable {
  cursor: pointer;
}

.data-table--fullWidth {
  width: 100%;
}

.data-table--fullWidth .data-table__table {
    width: 100%;
  }

tr.data-table__skeleton {
  pointer-events: none;
}

tr.data-table__skeleton td,
  tr.data-table__skeleton div {
    position: relative;
  }

tr.data-table__skeleton td:after, tr.data-table__skeleton div:after {
      content: '-';
      visibility: hidden;
    }

tr.data-table__skeleton td > div, tr.data-table__skeleton div > div {
      width: calc(100% - 2rem);
      position: absolute;
      left: 1rem;
      top: 50%;
      transform: translateY(-50%);
      max-height: 1.25rem;

      background: linear-gradient(-45deg, #f2f2f2, #f2f2f2);

      background: linear-gradient(-45deg, var(--grey-100), var(--grey-100));
      background-size: 200% 200%;
      animation: Loading 1.5s ease infinite;
      border-radius: 4rem;
    }

@keyframes Loading {
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 50% 100%;
        }
        100% {
          background-position: 0% 50%;
        }
      }

.data-table--bordered {
  border: solid 1px #dbdbdb;
  border: solid 1px var(--grey-200);
}

.data-table--bordered .data-table__row {
    border-top: solid 1px #dbdbdb;
    border-top: solid 1px var(--grey-200);
  }

.data-table--bordered .data-table__row--header {
      border-top: none;
    }

.data-table--bordered .data-table__paging {
    border-top: solid 1px #f2f2f2;
    border-top: solid 1px var(--light-grey);
  }

.data-table--compact .data-table__cell {
    height: 3.25rem;
  }

.telia-tabs {
  --border-width: 4px;
  --x-padding: 16px;
  --y-padding: 10px;
  overflow: visible;
}

.telia-tabs > ul {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f2f2f2;
    border-bottom: 1px solid var(--grey-100);
  }

.telia-tabs > ul > li {
    display: inline-block;
    width: 160px;
    text-align: center;
    white-space: nowrap;
    transition: border 0.2s ease;
  }

.telia-tabs > ul > li > a,
    .telia-tabs > ul > li > button {
      text-decoration: none;
      color: #4e4e4e;
      color: var(--grey-700);
      font-size: 16px;
      line-height: 20px;
      font-weight: 500;
      display: block;
      padding: var(--y-padding) var(--x-padding);
      transition: color 0.2s ease;
      position: relative;
    }

.telia-tabs > ul > li > button {
      border: none;
      outline: none;
      background: transparent;
      width: 100%;
      text-transform: none;
    }

.telia-tabs > ul > li.active > a,
    .telia-tabs > ul > li.active > button {
      color: #990ae3;
      color: var(--core-purple);
    }

.telia-tabs > ul > li > a:hover,
    .telia-tabs > ul > li > button:hover {
      cursor: pointer;
      text-decoration: none;
      color: #990ae3;
      color: var(--core-purple);
    }

.telia-tabs--fullwidth > ul {
      justify-content: stretch;
    }

.telia-tabs--fullwidth > ul > li {
      width: 100%;
      flex: 1 0;
    }

.telia-tabs > ul > li {
    border-bottom: 2px solid transparent;
    transition: border 0.2s ease-in-out;
  }

.telia-tabs > ul > li.active {
      border-color: #990ae3;
      border-color: var(--core-purple);
    }

.telia-tabs--narrow > ul > li {
    margin: 0 var(--x-padding);
  }

.telia-tabs--narrow > ul > li:first-child {
      margin-left: 0;
    }

.telia-tabs--narrow > ul > li > a,
    .telia-tabs--narrow > ul > li > button {
      padding: var(--y-padding) 0;
    }

.telia-tabs--outlined > ul {
    border-bottom: none;
  }

.telia-tabs--outlined > ul > li > a,
    .telia-tabs--outlined > ul > li > button {
      padding: 6px var(--x-padding);
    }

.telia-tabs--outlined > ul li:first-child {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
    }

.telia-tabs--outlined > ul li:last-child {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px;
    }

.telia-tabs--outlined > ul li {
      border: 1px solid #f2f2f2;
      border: 1px solid var(--light-grey);
      color: #595959;
      color: var(--medium-dark-grey);
    }

.telia-tabs--outlined > ul li:not(:last-child) {
      border-right: none;
    }

.telia-tabs--outlined > ul li.active {
      border: 1px solid #990ae3;
      border: 1px solid var(--core-purple);
      background-color: rgba(153, 10, 227, 0.06);
    }

.telia-tabs--outlined > ul li.active:before {
      visible: hidden;
    }

.telia-tabs--outlined > ul li:hover {
      border-right: solid 1px;
      border-bottom: solid 1px;
    }

.telia-tabs--outlined > ul li:hover:after {
      visible: hidden;
    }

.telia-tabs--outlined > ul li:hover {
      border-color: #990ae3;
      border-color: var(--core-purple);
    }

.telia-tabs--centered > ul {
    justify-content: center;
  }

.telia-tabs--black > ul > li:hover:after {
      border-color: black;
    }

.telia-tabs--black > ul > li.active {
      border-color: #222222;
      border-color: var(--black);
      background-color: transparent;
    }

.telia-tabs--black > ul > li.active:before {
      border-bottom: 2px solid #222222;
      border-bottom: 2px solid var(--black);
    }

.telia-tabs--black > ul > li.active > a,
    .telia-tabs--black > ul > li.active > button {
      color: #222222;
      color: var(--black);
    }

.telia-tabs--black > ul > li > a:hover,
    .telia-tabs--black > ul > li > button:hover:before {
      color: #222222;
      color: var(--black);
    }

.telia-tabs--dotted > ul > li {
    /* needed to avoid a solid bottom border glitch when hovering different li's */
    border-bottom: 2px dotted transparent;
  }

.telia-tabs--dotted > ul > li:hover {
      border-bottom: 2px dotted black;
    }

.telia-tabs--dotted > ul > li.active {
      border-bottom-style: solid;
    }

.telia-tabs--dotted > ul > li.active:hover {
      border-bottom: 2px solid #222222;
      border-bottom: 2px solid var(--black);
    }

.telia-tabs--outlined.telia-tabs--black > ul > li.active {
      background-color: rgba(0, 0, 0, 0.06);
    }

.telia-tabs--compact > ul > li {
    width: -webkit-fit-content;
    width: fit-content;
  }

.telia-tabs--compact > ul > li > a,
    .telia-tabs--compact > ul > li > button {
      font-size: 14px;
    }

.telia-tooltip__container {
  position: relative;
  width: -webkit-max-content;
  width: max-content;
}

.telia-tooltip__container .telia-tooltip {
    visibility: hidden;
    z-index: 1;
    position: absolute;
    padding: 0.25rem 0.5rem;
    width: -webkit-max-content;
    width: max-content;
    text-align: center;
    border: none;
    border-radius: 0.25rem;
    font-size: 14px;
    max-width: 200px;
  }

.telia-tooltip__container .telia-tooltip--dark {
      background-color: #222222;
      background-color: var(--grey-900);
      border-color: #222222;
      border-color: var(--grey-900);
      color: white;
    }

.telia-tooltip__container .telia-tooltip--grey {
      background-color: #f2f2f2;
      background-color: var(--grey-100);
      border-color: #f2f2f2;
      border-color: var(--grey-100);
      color: #222222;
      color: var(--grey-900);
    }

.telia-tooltip__container .telia-tooltip--purple {
      background-color: #fbf0ff;
      background-color: var(--core-purple-100);
      border-color: #fbf0ff;
      border-color: var(--core-purple-100);
      color: #990ae3;
      color: var(--core-purple-500);
    }

.telia-tooltip__container .telia-tooltip__arrow {
      position: absolute;
      content: ' ';
      margin-left: -8px;
      border-width: 8px;
      border-style: solid;
      border-left-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-top-color: transparent;
    }

.telia-tooltip__container .telia-tooltip--top-start {
      bottom: 120%;
      right: 60%;
    }

.telia-tooltip__container .telia-tooltip--top-start .telia-tooltip__arrow {
        right: 10%;
        top: 100%;
        border-top-color: inherit;
      }

.telia-tooltip__container .telia-tooltip--top {
      bottom: 120%;
      right: 0;
      margin: 0 auto;
      left: 50%;
      transform: translate(-50%, 0%);
    }

.telia-tooltip__container .telia-tooltip--top .telia-tooltip__arrow {
        left: 50%;
        top: 100%;
        border-top-color: inherit;
      }

.telia-tooltip__container .telia-tooltip--top-end {
      bottom: 120%;
      left: 60%;
    }

.telia-tooltip__container .telia-tooltip--top-end .telia-tooltip__arrow {
        left: 15%;
        top: 100%;
        border-top-color: inherit;
      }

.telia-tooltip__container .telia-tooltip--left {
      right: 110%;
      top: 0;
      bottom: 0;
      margin: auto 0;
      height: -webkit-max-content;
      height: max-content;
    }

.telia-tooltip__container .telia-tooltip--left .telia-tooltip__arrow {
        border-left-color: inherit;
        right: -16px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: -webkit-max-content;
        height: max-content;
      }

.telia-tooltip__container .telia-tooltip--right {
      left: 110%;
      top: 0;
      bottom: 0;
      margin: auto 0;
      height: -webkit-max-content;
      height: max-content;
    }

.telia-tooltip__container .telia-tooltip--right .telia-tooltip__arrow {
        border-right-color: inherit;
        right: 100%;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: -webkit-max-content;
        height: max-content;
      }

.telia-tooltip__container .telia-tooltip--bottom-start {
      top: 120%;
      right: 60%;
    }

.telia-tooltip__container .telia-tooltip--bottom-start .telia-tooltip__arrow {
        right: 10%;
        bottom: 100%;
        border-bottom-color: inherit;
      }

.telia-tooltip__container .telia-tooltip--bottom {
      top: 120%;
      right: 0;
      left: 50%;
      margin: 0 auto;
      transform: translate(-50%, 0%);
    }

.telia-tooltip__container .telia-tooltip--bottom .telia-tooltip__arrow {
        left: 50%;
        bottom: 100%;
        border-bottom-color: inherit;
      }

.telia-tooltip__container .telia-tooltip--bottom-end {
      top: 120%;
      left: 60%;
    }

.telia-tooltip__container .telia-tooltip--bottom-end .telia-tooltip__arrow {
        left: 15%;
        bottom: 100%;
        border-bottom-color: inherit;
      }

.telia-tooltip__container:hover .telia-tooltip {
  visibility: visible;
}

/**
 * Colors for business area
 *
 * These are imported as-is with the business prefix, but
 * should eventually be consolidated with mainline colors.
 *
 */

:root {
  --business-black: #222222;
  --business-hover-purple: #f9f0fd; /* scss: mix($core-purple, $white, 6%); */
  --business-active-purple: #efd8fb; /* scss: mix($core-purple, $white, 16%); */
}

/*
Hide focus whenever user is not tabbing.

Applied when tab detection is enabled.
See useTabDetection.ts
*/

body.telia-hide-focus *:focus {
    outline: none !important;
    box-shadow: none !important;
  }

body.telia-hide-focus .radiobutton > input:focus + .radiobutton__svg-container {
    box-shadow: none;
  }

:root {
    --grid-column-width: 82px;
    --grid-gutter-width: 20px;

    --width-large: calc(var(--grid-column-width)*12 + var(--grid-gutter-width)*13);
    --width-medium: calc(var(--grid-column-width)*8 + var(--grid-gutter-width)*9);
    --width-small: calc(var(--grid-column-width)*6 + var(--grid-gutter-width)*7);

    --padding: 1.25rem;

    --margin-bottom: 1rem;
    --margin-bottom-large: 2rem;
}

/* Telia Company Brand colors. Try to use these instead of custom ones */

/*
Primary colour palette - Same colors as in VOCA
Our core purple is prominent in everything we do and must be present in all communications.
We use white and grey for backgrounds in print and online, to help our pebbles and colours really stand out.
They are also used on panels and buttons to add distinction. We use black for text and icons.
*/

:root {
  --black: #222222;
  --core-purple: #990ae3;
  --dark-purple: #29003e;
  --light-grey: #f2f2f2;
  --white: #ffffff;
}

:root {
  --core-purple-100: #fbf0ff;
  --core-purple-200: #edc8ff;
  --core-purple-300: #de99ff;
  --core-purple-400: #c158f8;
  --core-purple-500: #990ae3;
  --core-purple-600: #7d00bd;
  --core-purple-650: #8c07d0;
  --core-purple-700: #5f008f;
  --core-purple-750: #6d02a3;
  --core-purple-800: #3f005e;
  --core-purple-850: #29003e;
  --core-purple-900: #1f002e;
  --grey-50: #f4f4f9;
  --grey-100: #f2f2f2;
  --grey-200: #dbdbdb;
  --grey-300: #bdbdbd;
  --grey-400: #9c9c9c;
  --grey-500: #7a7a7a;
  --grey-600: #646464;
  --grey-700: #4e4e4e;
  --grey-800: #383838;
  --grey-900: #222222;
  --green-100: #ccefdd;
  --green-200: #a6e3c4;
  --green-300: #73d3a2;
  --green-400: #4cc789;
  --green-500: #26bb6f;
  --green-600: #00af56;
  --green-700: #008641;
  --green-800: #00572a;
  --green-900: #00361a;
  --red-100: #fad1de;
  --red-200: #f6aec6;
  --red-300: #f07fa5;
  --red-400: #eb5185;
  --red-500: #e4175c;
  --red-600: #be0040;
  --red-700: #890e37;
  --red-800: #5b0925;
  --red-900: #390617;
  --orange-100: #ffebcc;
  --orange-200: #ffdca6;
  --orange-300: #ffc366;
  --orange-400: #ffaf33;
  --orange-500: #ff9b00;
  --orange-600: #cc7c00;
  --orange-700: #995d00;
  --orange-800: #663e00;
  --orange-900: #402700;
  --blue-100: #ccebff;
  --blue-200: #a6dbff;
  --blue-300: #66c2ff;
  --blue-400: #33adff;
  --blue-500: #0099ff;
  --blue-600: #007acc;
  --blue-700: #00558f;
  --blue-800: #003d66;
  --blue-900: #00253d;
}

/*
Accent colour palette
Our accent palette is used in the following applications: call to action buttons,
apps and other various UX contexts, PowerPoint, and our illustrations and infographics.
*/

:root {
  --black-purple: #1f012f;
  --dark-blue: #0099ff;
  --dark-core-purple: #9b009b;
  --dark-green: #00cc66;
  --dark-grey: #a0a0a0;
  --dark-pink: #d22db9;
  --dark-purple: #642d96;
  --dark-red: #e12364;
  --dark-teal: #009999;
  --deep-purple: #380354;
  --light-core-purple: #cc00ff;
  --light-green: #00ff64;
  --orange: #ff9b00;
  --pink: #ff00cd;
  --red: #ff3264;
}

/*
Additional colors
*/

:root {
  --darkest-grey: #6f6e6f;
  --border-grey: #bfbfbf;
}

/* Custom colours. Try to add as few as possible new ones, and pick from the Telia Company Brand colors above. */

:root {
  --alert-red: #ffd3e0;
  --alert-dark-red: #ff2365;
  --alert-green: #ddf1e7;
  --alert-yellow: #fff5e0;
  --alert-dark-yellow: #ffcd64;
  --alert-blue: #e5f4ff;
  --alert-dark-blue: #0099ff;
  --blue: #00cdff;
  --darker-grey: #606064;
  --darkest-gray: #726e6e;
  --dark-purple-2: #642c96;
  --emerald: #3ed35f;
  --green: #32ff00;
  --grey: #dedede;
  --grey-darker: #d8d8d8;
  --light-purple-2: #af5aff;
  --light-blue: #00ffff;
  --light-lime: #cdff99;
  --light-orange: #ffcd65;
  --light-red: #ff6464;
  --light-pink: #ff64cd;
  --light-teal: #00ffcd;
  --lime: #cdff32;
  --teal: #00cdcd;
  --venetian-red: #d0021b;
  --dark-orange: #ffb84d;
  --light-orange-2: #ffd06b;
  --pink2: #ff01a8;

  --deep-purple-rgb: 56, 3, 84;
  /* Added for business table and checkbox - htf are we supposed to name these colors?*/
  --accent-250: #ebebeb;
  --medium-dark-grey: #595959;
  --even-darker-grey: #222222;
}

:root {
  --font-family-heading: 'TeliaSans-Bold', 'TeliaSans-Medium', 'Helvetica';
  --font-family-text: 'TeliaSans-Regular', 'Helvetica';
  --font-family-title: 'TeliaSansHeading', 'TeliaSans-Medium', 'Helvetica';
}

.alert-text {
    color: #e12364 !important;
    color: var(--dark-red) !important;
}

.animated-progress-bar {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    border-radius: 2px;
    background-clip: padding-box;
    margin: 0.5rem 0 1rem 0;
    overflow: hidden;
}

.animated-progress-bar .indeterminate:before {
            content: '';
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left, right;
            animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)
                infinite;
        }

.animated-progress-bar .indeterminate:after {
            content: '';
            position: absolute;
            background-color: inherit;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left, right;
            animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
                infinite;
            animation-delay: 1.15s;
        }

.animated-progress-bar--no-margin-top {
        margin-top: 0;
    }

.animated-progress-bar-color--light-grey {
        background-color: #f2f2f2;
        background-color: var(--light-grey);
    }

.animated-progress-bar-color--grey {
        background-color: #dedede;
        background-color: var(--grey);
    }

.animated-progress-bar-color--white {
        background-color: white;
    }

.animated-progress-bar-color--black {
        background-color: black;
    }

.animated-progress-bar-color--purple {
        background-color: #990ae3;
        background-color: var(--core-purple);
    }

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }
    60% {
        left: 100%;
        right: -90%;
    }
    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }
    100% {
        left: 107%;
        right: -8%;
    }
}

.telia-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;

  min-width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #990ae3;
  background-color: var(--core-purple-500);
  color: #ffffff;
  color: var(--white);
}

.telia-badge__ok {
    background-color: #26bb6f;
    background-color: var(--green-500);
  }

.telia-badge__caution {
    background-color: #ff9b00;
    background-color: var(--orange-500);
  }

.telia-badge__warning {
    background-color: #e4175c;
    background-color: var(--red-500);
  }

.telia-badge__communication {
    background-color: #0099ff;
    background-color: var(--blue-500);
  }

.telia-badge__communication-light {
    background-color: #ccebff;
    background-color: var(--blue-100);
    color: #222222;
    color: var(--black);
  }

.telia-badge__offer {
    color: #222222;
    color: var(--black);
    background-color: #edc8ff;
    background-color: var(--core-purple-200);
  }

.telia-badge__active {
    border: 2px solid #edc8ff;
    border: 2px solid var(--core-purple-200);
  }

.telia-badge__outlined {
    border: 1px solid #990ae3;
    border: 1px solid var(--core-purple-500);
    background-color: white;
    color: #c158f8;
    color: var(--core-purple-400);
  }

.telia-badge--text {
  padding: 0 4px;
  font-size: 12px;
  line-height: 1;
}

.telia-badge__compact {
  min-width: 12px;
  height: 12px;
  border-radius: 6px;
}

.telia-badge__ok.telia-badge__active {
    border-color: #a6e3c4;
    border-color: var(--green-200);
  }

.telia-badge__ok.telia-badge__outlined {
    border-color: #00af56;
    border-color: var(--green-600);
    color: #00af56;
    color: var(--green-600);
  }

.telia-badge__caution.telia-badge__active {
    border-color: #ffdca6;
    border-color: var(--orange-200);
  }

.telia-badge__caution.telia-badge__outlined {
    border-color: #cc7c00;
    border-color: var(--orange-600);
    color: #cc7c00;
    color: var(--orange-600);
  }

.telia-badge__warning.telia-badge__active {
    border-color: #f6aec6;
    border-color: var(--red-200);
  }

.telia-badge__warning.telia-badge__outlined {
    border-color: #be0040;
    border-color: var(--red-600);
    color: #be0040;
    color: var(--red-600);
  }

.telia-badge__communication.telia-badge__active {
    border-color: #a6dbff;
    border-color: var(--blue-200);
  }

.telia-badge__communication.telia-badge__outlined {
    border-color: #007acc;
    border-color: var(--blue-600);
    color: #007acc;
    color: var(--blue-600);
  }

.telia-badge--root {
  position: relative;
  display: inline-flex;
}

.telia-badge--root .telia-badge {
    position: absolute;
  }

.telia-badge--root .telia-badge__top-right {
      transform: translate(50%, -50%);
      top: 0;
      right: 0;
    }

.telia-badge--root .telia-badge__top-left {
      transform: translate(-50%, -50%);
      top: 0;
      left: 0;
    }

.telia-badge--root .telia-badge__bottom-right {
      transform: translate(50%, 50%);
      bottom: 0;
      right: 0;
    }

.telia-badge--root .telia-badge__bottom-left {
      transform: translate(-50%, 50%);
      bottom: 0;
      left: 0;
    }

:root {
    --close-icon-size-small: 16px;
}

.box {
    background-color: #ffffff;
    background-color: var(--white);
    cursor: default;
    margin: 0 0 1rem 0;
    position: relative;
    width: 100%;
    padding: 0;
}

.box--no-background {
        background-color: transparent;
    }

.box--expandable {
        cursor: pointer;
        display: inline-block;
    }

.box--expandable:hover.box--purple {
                background-color: #990ae3;
                background-color: var(--core-purple);
                border-color: #990ae3;
                border-color: var(--core-purple);
                color: #ffffff;
                color: var(--white);
            }

.box--expandable:hover.box--purple .box__speech-bubble {
                    border-color: #990ae3;
                    border-color: var(--core-purple);
                    color: #222222;
                    color: var(--black);
                }

.box--expandable:hover.box--pink {
                background-color: #ff00cd;
                background-color: var(--pink);
                border-color: #ff00cd;
                border-color: var(--pink);
                color: inherit;
            }

.box--expandable:hover.box--pink .box__speech-bubble {
                    border-color: #ff00cd;
                    border-color: var(--pink);
                }

.box--expandable:hover.box--light-orange {
                background-color: #ffcd65;
                background-color: var(--light-orange);
                border-color: #ffcd65;
                border-color: var(--light-orange);
                color: inherit;
            }

.box--expandable:hover.box--light-orange .box__speech-bubble {
                    border-color: #ffcd65;
                    border-color: var(--light-orange);
                }

.box--expandable:hover.box--green {
                background-color: #32ff00;
                background-color: var(--green);
                border-color: #32ff00;
                border-color: var(--green);
                color: inherit;
            }

.box--expandable:hover.box--green .box__speech-bubble {
                    border-color: #32ff00;
                    border-color: var(--green);
                }

.box--expandable:hover.box--teal {
                background-color: #00cdcd;
                background-color: var(--teal);
                border-color: #00cdcd;
                border-color: var(--teal);
                color: inherit;
            }

.box--expandable:hover.box--teal .box__speech-bubble {
                    border-color: #00cdcd;
                    border-color: var(--teal);
                }

.box--expandable:hover.box--blue {
                background-color: #00cdff;
                background-color: var(--blue);
                border-color: #00cdff;
                border-color: var(--blue);
                color: inherit;
            }

.box--expandable:hover.box--blue .box__speech-bubble {
                    border-color: #00cdff;
                    border-color: var(--blue);
                }

.box--expandable:hover.box--black {
                background-color: #ffffff;
                background-color: var(--white);
                border-color: #222222;
                border-color: var(--black);
                color: #222222;
                color: var(--black);
                fill: #222222;
                fill: var(--black);
            }

.box--expandable:hover.box--black .box__speech-bubble {
                    border-color: #222222;
                    border-color: var(--black);
                }

.box--expandable:focus,
        .box--expandable:active,
        .box--expandable.box--is-selected {
            background-color: #990ae3;
            background-color: var(--core-purple);
            border-color: #990ae3;
            border-color: var(--core-purple);
            color: #ffffff;
            color: var(--white);
            outline: none;
        }

.box--expandable:focus .box__speech-bubble, .box--expandable:active .box__speech-bubble, .box--expandable.box--is-selected .box__speech-bubble {
                border-color: #990ae3;
                border-color: var(--core-purple);
                color: #222222;
                color: var(--black);
            }

.box--small {
        max-width: 11.563rem;
        width: 44%;
    }

.box--medium {
        max-width: 24.625rem;
        width: 94%;
    }

@media all and (min-width: 25.3125em) {
        .box--small {
            min-width: 10.938rem;
        }

        .box--medium {
            min-width: 23.375rem;
        }
    }

@media all and (min-width: 39.8125em) {

.box {
        min-width: 10.938rem;
        width: inherit
}

        .box--small {
            width: 44%;
        }

        .box--medium {
            width: 94%;
        }
    }

.box--purple {
        border: 3px solid #990ae3;
        border: 3px solid var(--core-purple);
    }

.box--purple .box__speech-bubble {
            border: 3px dashed #990ae3;
            border: 3px dashed var(--core-purple);
        }

.box--pink {
        border: 3px solid #ff00cd;
        border: 3px solid var(--pink);
    }

.box--pink .box__speech-bubble {
            border: 3px dashed #ff00cd;
            border: 3px dashed var(--pink);
        }

.box--light-orange {
        border: 3px solid #ffcd65;
        border: 3px solid var(--light-orange);
    }

.box--light-orange .box__speech-bubble {
            border: 3px dashed #ffcd65;
            border: 3px dashed var(--light-orange);
        }

.box--green {
        border: 3px solid #32ff00;
        border: 3px solid var(--green);
    }

.box--green .box__speech-bubble {
            border: 3px dashed #32ff00;
            border: 3px dashed var(--green);
        }

.box--teal {
        border: 3px solid #00cdcd;
        border: 3px solid var(--teal);
    }

.box--teal .box__speech-bubble {
            border: 3px dashed #00cdcd;
            border: 3px dashed var(--teal);
        }

.box--blue {
        border: 3px solid #00cdff;
        border: 3px solid var(--blue);
    }

.box--blue .box__speech-bubble {
            border: 3px dashed #00cdff;
            border: 3px dashed var(--blue);
        }

.box--grey {
        border: 3px solid #dedede;
        border: 3px solid var(--grey);
    }

.box--grey .box__speech-bubble {
            border: 3px dashed #dedede;
            border: 3px dashed var(--grey);
        }

.box--black {
        border: 3px solid #222222;
        border: 3px solid var(--black);
        background-color: #222222;
        background-color: var(--black);
        color: #ffffff;
        color: var(--white);
        fill: #ffffff;
        fill: var(--white);
    }

.box--black .box__speech-bubble {
            border: 3px dashed #222222;
            border: 3px dashed var(--black);
            color: #222222;
            color: var(--black);
        }

.box__speech-bubble {
        background-color: #ffffff;
        background-color: var(--white);
        border-radius: 50%;
        font-style: regular;
        height: 115px;
        margin: 0 auto;
        padding: 1.25rem 0.5rem;
        text-align: center;
        width: 115px;
        display: table;
        -webkit-mask-image: -webkit-radial-gradient(circle, white, white);
    }

.box__speech-bubble--empty {
            display: none;
        }

.box__speech-bubble .box__speech-bubble-text {
            display: table-cell;
            vertical-align: middle;
        }

.box > .box__speech-bubble {
        position: absolute;
        right: 5%;
        top: -1.2rem;
    }

/* Close button */

.box__close-expanded-info {
        color: black;
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: none;
        padding: .5rem;
        position: absolute;
        right: 0;
        text-align: left;
        top: 0;
        width: auto;
    }

.box__close-expanded-info:hover {
            color: #990ae3;
            color: var(--core-purple);
        }

.box__close-expanded-info:hover > .box__close-icon * {
                    fill: #990ae3;
                    fill: var(--core-purple);
                }

.box__close-expanded-info:focus,
        .box__close-expanded-info:active {
            background-color: #990ae3;
            background-color: var(--core-purple);
            border-color: #990ae3;
            border-color: var(--core-purple);
            color: #ffffff;
            color: var(--white);
            outline: none;
        }

.box__close-expanded-info:focus > .box__close-icon *, .box__close-expanded-info:active > .box__close-icon * {
                    fill: #ffffff;
                    fill: var(--white);
                }

@media all and (min-width: 21em) {

.box__close-expanded-info {
            padding: 1rem
    }
        }

.box__close-text {
        display: none;
        line-height: 20px;
        margin-right: 1rem;
    }

@media all and (min-width: 28.75em) {

.box__close-text {
            display: inline
    }
        }

.box__close-icon {
        display: inline-block;
        float: right;
        height: 16px;
        height: var(--close-icon-size-small);
        width: 16px;
        width: var(--close-icon-size-small);
    }

.box--is-expanded {
        cursor: default;
        max-width: inherit;
        padding: 2%;
        width: 100%;
    }

@media all and (min-width: 25.3125rem) {
            .box--is-expanded.box--small {
                padding: 2rem;
            }

            .box--is-expanded.box--medium {
                padding: 2rem;
            }
        }

.box--is-expanded.box--black {
            background-color: #ffffff;
            background-color: var(--white);
            color: #222222;
            color: var(--black);
            fill: #222222;
            fill: var(--black);
        }

.box--is-expanded:hover {
            background-color: #ffffff;
            background-color: var(--white);
        }

.box--is-expanded:hover.box--purple {
                background-color: #ffffff;
                background-color: var(--white);
            }

.box--is-expanded:hover.box--purple {
                color: inherit;
            }

.box--is-expanded:hover.box--pink {
                background-color: #ffffff;
                background-color: var(--white);
            }

.box--is-expanded:hover.box--light-orange {
                background-color: #ffffff;
                background-color: var(--white);
            }

.box--is-expanded:hover.box--green {
                background-color: #ffffff;
                background-color: var(--white);
            }

.box--is-expanded:hover.box--teal {
                background-color: #ffffff;
                background-color: var(--white);
            }

.box--is-expanded:hover.box--blue {
                background-color: #ffffff;
                background-color: var(--white);
            }

.box--is-expanded:hover.box--black {
                background-color: #ffffff;
                background-color: var(--white);
                color: #222222;
                color: var(--black);
                fill: #222222;
                fill: var(--black);
            }

.box--is-expanded:focus,
        .box--is-expanded:active {
            background-color: #ffffff;
            background-color: var(--white);
            color: inherit;
        }

.box--is-expanded:focus.box--purple, .box--is-expanded:active.box--purple {
                border: 3px solid #990ae3;
                border: 3px solid var(--core-purple);
            }

.box--is-expanded:focus.box--purple .box__speech-bubble, .box--is-expanded:active.box--purple .box__speech-bubble {
                    border-color: #990ae3;
                    border-color: var(--core-purple);
                }

.box--is-expanded:focus.box--pink, .box--is-expanded:active.box--pink {
                border: 3px solid #ff00cd;
                border: 3px solid var(--pink);
            }

.box--is-expanded:focus.box--pink .box__speech-bubble, .box--is-expanded:active.box--pink .box__speech-bubble {
                    border-color: #ff00cd;
                    border-color: var(--pink);
                }

.box--is-expanded:focus.box--light-orange, .box--is-expanded:active.box--light-orange {
                border: 3px solid #ffcd65;
                border: 3px solid var(--light-orange);
            }

.box--is-expanded:focus.box--light-orange .box__speech-bubble, .box--is-expanded:active.box--light-orange .box__speech-bubble {
                    border-color: #ffcd65;
                    border-color: var(--light-orange);
                }

.box--is-expanded:focus.box--green, .box--is-expanded:active.box--green {
                border: 3px solid #32ff00;
                border: 3px solid var(--green);
            }

.box--is-expanded:focus.box--green .box__speech-bubble, .box--is-expanded:active.box--green .box__speech-bubble {
                    border-color: #32ff00;
                    border-color: var(--green);
                }

.box--is-expanded:focus.box--teal, .box--is-expanded:active.box--teal {
                border: 3px solid #00cdcd;
                border: 3px solid var(--teal);
            }

.box--is-expanded:focus.box--teal .box__speech-bubble, .box--is-expanded:active.box--teal .box__speech-bubble {
                    border-color: #00cdcd;
                    border-color: var(--teal);
                }

.box--is-expanded:focus.box--blue, .box--is-expanded:active.box--blue {
                border: 3px solid #00cdff;
                border: 3px solid var(--blue);
            }

.box--is-expanded:focus.box--blue .box__speech-bubble, .box--is-expanded:active.box--blue .box__speech-bubble {
                    border-color: #00cdff;
                    border-color: var(--blue);
                }

.box--is-expanded:focus.box--black, .box--is-expanded:active.box--black {
                border: 3px solid #222222;
                border: 3px solid var(--black);
            }

.box--is-expanded:focus.box--black .box__speech-bubble, .box--is-expanded:active.box--black .box__speech-bubble {
                    border-color: #222222;
                    border-color: var(--black);
                }

.box--is-expanded .box__close-expanded-info {
            display: block;
        }

@keyframes processing-animation {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

.button {
  background-color: #ffffff;
  background-color: var(--white);
  border: 1px solid #990ae3;
  border: 1px solid var(--core-purple);
  border-radius: 2rem;
  color: #990ae3;
  color: var(--core-purple);
  cursor: pointer;
  display: inline-block;
  font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.05rem;
  line-height: 1;
  margin: 0 1rem 0 0;
  padding: 1rem 1.8rem;
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s;
}

.button:last-of-type {
    margin-right: 0;
  }

.button:hover,
  .button:focus,
  .button:active {
    outline: none;
  }

.button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):hover,
  .button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):focus,
  .button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):active {
    background-color: #990ae3;
    background-color: var(--core-purple);
    color: #ffffff;
    color: var(--white);
  }

.button--primary {
    background-color: #00cc66;
    background-color: var(--dark-green);
    border: none;
    color: #222222;
    color: var(--black);
  }

.button--inverted {
    background-color: #990ae3;
    background-color: var(--core-purple);
    color: #ffffff;
    color: var(--white);
  }

.button--inverted:hover,
    .button--inverted:focus,
    .button--inverted:active {
      background-color: #ffffff;
      background-color: var(--white);
      color: #990ae3;
      color: var(--core-purple);
    }

.button--negative {
    background-color: #e12364;
    background-color: var(--dark-red);
    color: #222222;
    color: var(--black);
    border-color: #e12364;
    border-color: var(--dark-red);
  }

.button--negative:hover,
    .button--negative:focus,
    .button--negative:active {
      background-color: #ffffff;
      background-color: var(--white);
      color: #e12364;
      color: var(--dark-red);
    }

.button--cancel {
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #990ae3;
    border-bottom: 1px solid var(--core-purple);
    color: #222222;
    color: var(--black);
    font-size: 1rem;
    font-weight: normal;
    padding: 0.25rem 0.1rem;
  }

.button--cancel:not(.button--processing):hover,
    .button--cancel:not(.button--processing):active {
      background-color: #990ae3;
      background-color: var(--core-purple);
      border-bottom: 1px solid #990ae3;
      border-bottom: 1px solid var(--core-purple);
      border-radius: 1px;
      color: #ffffff;
      color: var(--white);
    }

.button--link {
    text-decoration: underline;
    background-color: transparent;
    border: none;
    color: #222222;
    color: var(--black);
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
    padding: 0;
  }

.button--link:not(.button--link--processing):not(.button--link--disabled):hover,
    .button--link:not(.button--link--processing):not(.button--link--disabled):focus,
    .button--link:not(.button--link--processing):not(.button--link--disabled):active {
      background-color: transparent;
      color: #990ae3;
      color: var(--core-purple);
    }

.button--secondLink {
    border: none;
    border-radius: 0 !important;
    border-bottom: 2px solid #222222;
    border-bottom: 2px solid var(--black);
    background-color: transparent;
    color: #222222;
    color: var(--black);
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
    padding: 0;
    padding-bottom: 5px;
  }

.button--secondLink:not(.button--secondLink--processing):not(.button--secondLink--disabled):hover,
    .button--secondLink:not(.button--secondLink--processing):not(.button--secondLink--disabled):focus,
    .button--secondLink:not(.button--secondLink--processing):not(.button--secondLink--disabled):active {
      background-color: transparent !important;
      border-bottom: 2px solid #990ae3;
      border-bottom: 2px solid var(--core-purple);
      color: #990ae3 !important;
      color: var(--core-purple) !important;
    }

.button--voca-normal {
    background-color: #008641;
    background-color: var(--green-700);
    border: none;
    color: #ffffff;
    color: var(--white);
  }

.button--voca-normal:hover,
    .button--voca-normal:focus,
    .button--voca-normal:active {
      background-color: #00572a !important;
      background-color: var(--green-800) !important;
      color: #ffffff !important;
      color: var(--white) !important;
    }

.button--voca-inverted {
    background-color: #ffffff;
    background-color: var(--white);
    color: #008641;
    color: var(--green-700);
    border: 1px solid #008641;
    border: 1px solid var(--green-700);
  }

.button--voca-inverted:hover,
    .button--voca-inverted:focus,
    .button--voca-inverted:active {
      background-color: #008641 !important;
      background-color: var(--green-700) !important;
      color: #ffffff !important;
      color: var(--white) !important;
    }

.button--voca-purple {
    background-color: #29003e;
    background-color: var(--core-purple-850);
    color: #ffffff;
    color: var(--white);
    border: none;
    font-size: 1rem;
  }

.button--voca-purple:hover,
    .button--voca-purple:focus {
      background-color: #6d02a3 !important;
      background-color: var(--core-purple-750) !important;
    }

.button--voca-purple:active {
      background-color: #8c07d0 !important;
      background-color: var(--core-purple-650) !important;
    }

.button--voca-purple-inverted {
    background-color: #ffffff;
    background-color: var(--white);
    color: #29003e;
    color: var(--core-purple-850);
    border: solid 1px #29003e;
    border: solid 1px var(--core-purple-850);
    font-size: 1rem;
  }

.button--voca-purple-inverted:hover,
    .button--voca-purple-inverted:focus {
      background-color: #29003e !important;
      background-color: var(--core-purple-850) !important;
    }

.button--small {
    padding: 0.6rem 1.3rem;
  }

.button--xs {
    padding: 0.5rem 1.3rem;
    font-size: 0.8rem;
  }

.button__processing {
    display: none;
  }

.button__processing-dot {
      animation: processing-animation 1s infinite;
      animation-fill-mode: both;
    }

.button__processing-dot:nth-child(2) {
        animation-delay: 0.2s;
      }

.button__processing-dot:nth-child(3) {
        animation-delay: 0.4s;
      }

.button--processing {
    cursor: default;
  }

.button--processing > .button__processing {
      display: inline;
    }

.button--processing > .button__text {
      display: none;
    }

.button--margin-bottom {
    margin-bottom: 2rem;
    margin-bottom: var(--margin-bottom-large);
  }

.button--margin-top {
    margin-top: 1rem;
  }

.button--disabled {
    background-color: #ffffff;
    background-color: var(--white);
    border-color: #6f6e6f;
    border-color: var(--darkest-grey);
    color: #6f6e6f;
    color: var(--darkest-grey);
    cursor: default;
  }

.caption {
    background-color: #dedede;
    background-color: var(--grey);
    font-size: 0.8rem;
    font-style: italic;
    margin-bottom: 1rem;
    margin-bottom: var(--margin-bottom);
    margin-top: 0;
    padding: 0.3rem 0.5rem;
}

.caption--no-margin-bottom {
        margin-bottom: 0;
    }

.telia-checkbox__checkbox {
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
  }

.telia-checkbox__checkbox:focus + .telia-checkbox__checkbox-container {
    outline: 0;
  }

.telia-checkbox__checkbox:focus + .telia-checkbox__checkbox-container:before {
    content: ' ';
    display: inline-block;
    width: 1px;
    height: 1px;
    border: 1rem solid #dedede;
    border: 1rem solid var(--grey);
    border-radius: 1rem;
    position: absolute;
    top: -0.5rem;
    left: -0.5rem;
    z-index: -100;
  }

.telia-checkbox__container {
    display: flex;
  }

.telia-checkbox__checkbox-container {
    display: inline-flex;
    padding: 12px;
    border-radius: 100px;
    cursor: pointer;
  }

.telia-checkbox__checkbox-container:hover {
      background-color: #f2f2f2;
      background-color: var(--grey-100);
    }

.telia-checkbox__checkbox-container:active {
      background-color: #bdbdbd;
      background-color: var(--grey-300);
    }

.telia-checkbox__checkbox-container--checked:hover {
        background-color: #fbf0ff;
        background-color: var(--core-purple-100);
      }

.telia-checkbox__checkbox-container--checked:active {
        background-color: #edc8ff;
        background-color: var(--core-purple-200);
      }

.telia-checkbox__icon-container {
    width: 1.25rem;
    height: 1.25rem;
    border: solid 2px #595959;
    border: solid 2px var(--medium-dark-grey);
    border-radius: 2px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    color: #ffffff;
    color: var(--white);
    transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in;
    vertical-align: middle;
    bottom: 0.05rem;
  }

.telia-checkbox__icon-container:active {
      background-color: #5f008f;
      background-color: var(--core-purple-700);
      border-color: #5f008f;
      border-color: var(--core-purple-700);
    }

.telia-checkbox__icon-container--checked {
      border-color: #990ae3;
      border-color: var(--core-purple);
      background-color: #990ae3;
      background-color: var(--core-purple);
    }

.telia-checkbox__icon-container--disabled {
      border-color: #a0a0a0;
      border-color: var(--dark-grey);
      cursor: auto;
      cursor: initial;
      pointer-events: none;
    }

.telia-checkbox__icon-container--disabled-and-checked {
      background-color: #a0a0a0;
      background-color: var(--dark-grey);
    }

.telia-checkbox__icon-container:before {
      transition-duration: 300ms;
      transition-property: background-color;

      content: ' ';
      display: inline-block;
      width: 2rem;
      height: 2rem;
      background-color: transparent;
      border-radius: 50%;
      position: absolute;
      top: -0.5rem;
      left: -0.5rem;
      z-index: -100;
    }

.telia-checkbox__icon-container:hover:before {
      background-color: #dbdbdb;
      background-color: var(--grey-200);
    }

.telia-checkbox__icon {
    display: none;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.2s;
  }

.telia-checkbox__icon--visible {
      display: inline;
      display: initial;
    }

.telia-checkbox__label {
    align-self: center;
  }

.telia-checkbox__label:hover {
      cursor: pointer;
    }

.telia-checkbox__label--visually-hidden {
      position: absolute;
      clip: rect(1px, 1px, 1px, 1px);
      -webkit-clip-path: inset(50%);
              clip-path: inset(50%);
      height: 1px;
      width: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
    }

:root {
  --color-picker-size: 45px;
}

.color-picker-size-s {
  --color-picker-size: 30px;
}

.color-picker-size-m {
  --color-picker-size: 38px;
}

.color-picker {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.color-picker__colors {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }

.color-picker__button {
    position: relative;
    cursor: pointer;
    border-radius: 50%;
    border: none;
    height: 45px;
    height: var(--color-picker-size);
    width: 45px;
    width: var(--color-picker-size);
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
    margin-bottom: 1rem;
  }

.color-picker__button:focus,
    .color-picker__button:active,
    .color-picker__button:hover {
      outline: none;
      cursor: pointer;
    }

.color-picker__button:focus::after, .color-picker__button:active::after, .color-picker__button:hover::after {
        position: absolute;
        top: -2px;
        left: -2px;
        height: calc(45px + 4px);
        height: calc(var(--color-picker-size) + 4px);
        width: calc(45px + 4px);
        width: calc(var(--color-picker-size) + 4px);
        border-radius: 50%;
        background-color: transparent;
        box-shadow: 0 0 0 2px #990ae3;
        box-shadow: 0 0 0 2px var(--core-purple);
        content: '';
        z-index: 1;
      }

.color-picker__button:not(:last-of-type) {
      margin-right: 0.75rem;
    }

.color-picker__selected:after {
      position: absolute;
      top: -2px;
      left: -2px;
      height: calc(45px + 4px);
      height: calc(var(--color-picker-size) + 4px);
      width: calc(45px + 4px);
      width: calc(var(--color-picker-size) + 4px);
      border-radius: 50%;
      background-color: transparent;
      box-shadow: 0 0 0 2px #990ae3;
      box-shadow: 0 0 0 2px var(--core-purple);
      content: '';
      z-index: 1;
    }

.color-picker__preview {
    min-height: 1.5rem;
    padding: 0 1.5rem;
    margin-top: 1rem;
    color: #222222;
    color: var(--black);
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 18px;
    border: 1px solid #bfbfbf;
    border: 1px solid var(--border-grey);
    border-radius: 2px;
  }

.container {
    color: #222222;
    color: var(--black);
    letter-spacing: 0;
    margin: 0 auto 1rem;
    padding: 1rem;
    text-align: left;
}

.container--small {
        max-width: calc(82px*6 + 20px*7);
        max-width: var(--width-small);
    }

.container--medium {
        max-width: calc(82px*8 + 20px*9);
        max-width: var(--width-medium);
    }

.container--large {
        max-width: calc(82px*12 + 20px*13);
        max-width: var(--width-large);
    }

.container--no-margin {
        margin: 0 auto;
    }

.container--no-padding {
        padding: 0;
    }

.container--no-padding-top {
        padding-top: 0;
    }

.container--extra-padding-top {
        padding-top: 1rem;
    }

@media all and (min-width: 43em) {

.container--extra-padding-top {
            padding-top: 2.5rem
    }
        }

.container--extra-margin-bottom {
        margin-bottom: 5rem;
    }

.container--white-bg {
        background-color: #ffffff;
        background-color: var(--white);
    }

@media all and (min-width: 43em) {

.container--overlapping-full-width-image {
            width: 80%
    }
        }

.description-list {
    list-style: none;
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
    padding-left: 0;
}

.description-list__term {
        font-size: 0.875rem;
        color: #6f6e6f;
        color: var(--darkest-grey);
        padding: 0.25rem 0 0 0;
    }

.description-list__details {
        margin: 0;
        padding: 0 0 0.32rem 0;
    }

.description-list--wrap {
        display: flex;
        flex-flow: column wrap;
    }

.description-list--wrap > .description-list__term {
            flex: 1 1;
        }

@media all and (min-width: 37.500em) {

.description-list--wrap > .description-list__term {
                flex:  33.333333% 1
        }
            }

@media all and (min-width: 37.500em) {

.description-list--wrap-by-two {
                max-height: 8em
        }
            }

.description-list__item {
        background: transparent url(/static/media/ico_check.c74531b4.svg) no-repeat left 0.5rem;
        background-size: 0.875rem 0.875rem;
        padding: 0.25rem 0 0.25rem 1.25rem;
    }

.full-width-table {
    border-collapse: collapse;
    margin-bottom: 2rem;
    margin-bottom: var(--margin-bottom-large);
    margin-top: 10px;
    position: relative;
    width: 100%;
}

.full-width-table--clickable .full-width-table__header .full-width-table__row, .full-width-table--clickable .full-width-table__header tr, .full-width-table--clickable thead .full-width-table__row, .full-width-table--clickable thead tr {
                background-color: #ffffff;
                background-color: var(--white);
            }

.full-width-table--clickable .full-width-table__body .full-width-table__row, .full-width-table--clickable .full-width-table__body tr, .full-width-table--clickable tbody .full-width-table__row, .full-width-table--clickable tbody tr {
                background-color: #ffffff;
                background-color: var(--white);
                cursor: pointer;
            }

.full-width-table--clickable .full-width-table__body .full-width-table__row:hover, .full-width-table--clickable .full-width-table__body tr:hover, .full-width-table--clickable tbody .full-width-table__row:hover, .full-width-table--clickable tbody tr:hover {
                    background-color: #f2f2f2;
                    background-color: var(--light-grey);
                }

.full-width-table--clickable .full-width-table__body .full-width-table__row:hover .full-width-table__row:nth-child(odd), .full-width-table--clickable .full-width-table__body .full-width-table__row:hover tr:nth-child(odd), .full-width-table--clickable .full-width-table__body tr:hover .full-width-table__row:nth-child(odd), .full-width-table--clickable .full-width-table__body tr:hover tr:nth-child(odd), .full-width-table--clickable tbody .full-width-table__row:hover .full-width-table__row:nth-child(odd), .full-width-table--clickable tbody .full-width-table__row:hover tr:nth-child(odd), .full-width-table--clickable tbody tr:hover .full-width-table__row:nth-child(odd), .full-width-table--clickable tbody tr:hover tr:nth-child(odd) {
                        background-color: #f2f2f2;
                        background-color: var(--light-grey);
                    }

.full-width-table--clickable .full-width-table__body .full-width-table__row:before, .full-width-table--clickable .full-width-table__body .full-width-table__row:after, .full-width-table--clickable .full-width-table__body .full-width-table__row__header:before, .full-width-table--clickable .full-width-table__body .full-width-table__row thead:before, .full-width-table--clickable .full-width-table__body .full-width-table__row__footer:after, .full-width-table--clickable .full-width-table__body .full-width-table__row tfoot:after, .full-width-table--clickable .full-width-table__body tr:before, .full-width-table--clickable .full-width-table__body tr:after, .full-width-table--clickable .full-width-table__body tr__header:before, .full-width-table--clickable .full-width-table__body tr thead:before, .full-width-table--clickable .full-width-table__body tr__footer:after, .full-width-table--clickable .full-width-table__body tr tfoot:after, .full-width-table--clickable tbody .full-width-table__row:before, .full-width-table--clickable tbody .full-width-table__row:after, .full-width-table--clickable tbody .full-width-table__row__header:before, .full-width-table--clickable tbody .full-width-table__row thead:before, .full-width-table--clickable tbody .full-width-table__row__footer:after, .full-width-table--clickable tbody .full-width-table__row tfoot:after, .full-width-table--clickable tbody tr:before, .full-width-table--clickable tbody tr:after, .full-width-table--clickable tbody tr__header:before, .full-width-table--clickable tbody tr thead:before, .full-width-table--clickable tbody tr__footer:after, .full-width-table--clickable tbody tr tfoot:after {
                    content: "";
                    position: absolute;
                    left: 0;
                    right: 0;
                    border-top: 1px solid #dedede;
                    border-top: 1px solid var(--grey);
                }

.full-width-table caption { /*In some CMS when adding a table, it's possible to set a Heading for a table which is output as a html caption element*/
        margin-bottom: 10px;
        text-align: left;
    }

/*Border on top and on bottom of table body and table*/

.full-width-table:before, .full-width-table:after, .full-width-table__header:before, .full-width-table thead:before, .full-width-table__footer:after, .full-width-table tfoot:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        border-top: 1px solid #dedede;
        border-top: 1px solid var(--grey);
    }

.full-width-table__header, .full-width-table thead {
        font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    }

.full-width-table__footer, .full-width-table tfoot {
        font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    }

.full-width-table__footer .full-width-table__cell, .full-width-table__footer td, .full-width-table tfoot .full-width-table__cell, .full-width-table tfoot td {
            font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
        }

.full-width-table__footer .full-width-table__cell:not(:last-child), .full-width-table__footer td:not(:last-child), .full-width-table tfoot .full-width-table__cell:not(:last-child), .full-width-table tfoot td:not(:last-child) {
                font-family: inherit;
                font-size: 14px;
                text-transform: uppercase;
            }

.full-width-table__footer--alt .full-width-table__row, .full-width-table__footer--alt tr, .full-width-table tfoot--alt .full-width-table__row, .full-width-table tfoot--alt tr {
                background-color: #ffffff;
                background-color: var(--white);
            }

.full-width-table__body .full-width-table__row:nth-child(odd), .full-width-table__body tr:nth-child(odd), .full-width-table tbody .full-width-table__row:nth-child(odd), .full-width-table tbody tr:nth-child(odd) {
            background-color: #ffffff;
            background-color: var(--white);
        }

.full-width-table__body .full-width-table__cell, .full-width-table__body td, .full-width-table tbody .full-width-table__cell, .full-width-table tbody td {
            font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
        }

.full-width-table__body .full-width-table__cell:first-child, .full-width-table__body td:first-child, .full-width-table tbody .full-width-table__cell:first-child, .full-width-table tbody td:first-child {
                font-family: inherit;
            }

.full-width-table__row, .full-width-table tr {
        background-color: #f2f2f2;
        background-color: var(--light-grey);
        display: flex;
        margin: 0;
        padding: 0 0.5rem;
    }

.full-width-table__cell, .full-width-table th, .full-width-table td {
        display: inline;
        flex: 0 1 auto;
        padding: 0.5rem 0;
        text-align: right;
        width: 100%;
    }

.full-width-table__cell:first-child, .full-width-table th:first-child, .full-width-table td:first-child {
            text-align: left;
        }

.full-width-table th[align='left'],
.full-width-table td[align='left'] {
    text-align: left;
}

.full-width-table th[align='center'],
.full-width-table td[align='center'] {
    text-align: center;
}

.full-width-table th[align='right'],
.full-width-table td[align='right'] {
    text-align: right;
}

.accordion__panel .full-width-table:before, .accordion__panel .full-width-table:after {
            left: -16px;
            right: -16px;
        }

.accordion__panel .full-width-table__header:before, .accordion__panel .full-width-table thead:before {
                left: -16px;
                right: -16px;
            }

.accordion__panel .full-width-table__row, .accordion__panel .full-width-table tr {
            margin: 0 -16px;
            /* add back negative margin value */
            padding: 0 16px;
        }

.full-width-table__cell--sortable {
    padding: 0 !important;
}

.full-width-table__cell--sortable .button--sortable {
        background: none;
        background-size: 1rem 1rem;
        border: none;
        border-radius: 0;
        color: black;
        width: 100%;
        padding: 0.5rem 1.2rem 0.5rem 0 !important;
        margin: 0;
        height: 100%;
        font-weight: inherit;
        text-transform: none;
        text-align: right;
        position: relative;
    }

.full-width-table__cell--sortable .button--sortable::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        background-color: #726e6e;
        background-color: var(--darkest-gray);
        mask-image: url(/static/media/sortable.79303656.svg);
        -webkit-mask-image: url(/static/media/sortable.79303656.svg);
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-position: right center;
        -webkit-mask-position: right center;
        mask-size: 1rem 1rem;
        -webkit-mask-size: 1rem 1rem;
    }

.full-width-table__cell--sortable .button--sortable:hover::before,
    .full-width-table__cell--sortable .button--sortable:active::before,
    .full-width-table__cell--sortable .button--sortable:focus::before {
        background-color: #f2f2f2;
        background-color: var(--light-grey);
    }

.full-width-table__cell--sortable .button--sorted-asc::before {
        mask-image: url(/static/media/sorted_asc.072b1fa3.svg);
        -webkit-mask-image: url(/static/media/sorted_asc.072b1fa3.svg);
    }

.full-width-table__cell--sortable .button--sorted-desc::before {
        mask-image: url(/static/media/sorted_desc.8cc630c6.svg);
        -webkit-mask-image: url(/static/media/sorted_desc.8cc630c6.svg);
    }

.full-width-table__cell--sortable .button--sortable::after {
        position: absolute;
        right: 0.3rem;
        font-size: 0.75rem;
        color: #726e6e;
        color: var(--darkest-gray);
    }

.full-width-table__cell--sortable .button--sorted-asc::after {
        bottom: 0.1rem;
    }

.full-width-table__cell--sortable .button--sorted-desc::after {
        top: 0.1rem;
    }

.full-width-table__cell--sortable .button--sortable:hover::after,
    .full-width-table__cell--sortable .button--sortable:active::after,
    .full-width-table__cell--sortable .button--sortable:focus::after {
        color: #f2f2f2;
        color: var(--light-grey);
    }

.full-width-table__cell--sortable .button--sorted-1::after {
        content: '1';
    }

.full-width-table__cell--sortable .button--sorted-2::after {
        content: '2';
    }

.full-width-table__cell--sortable .button--sorted-3::after {
        content: '3';
    }

.full-width-table__cell--sortable .button--sorted-4::after {
        content: '4';
    }

.full-width-table__cell--sortable .button--sorted-5::after {
        content: '5';
    }

.full-width-table__cell--sortable:first-child .button--sortable {
        text-align: left;
    }

.heading {
  color: #121214;
}

.heading--mega,
  .heading--xxl {
    font-family: 'TeliaSansHeading-Heading';
    font-size: 3rem;
    line-height: 100%;
  }

@media all and (max-width: 30em) {

.heading--mega,
  .heading--xxl {
      font-size: 2.5rem;
      line-height: 100%
  }
    }

.heading--xl {
    font-family: 'TeliaSans-Bold';
    font-size: 2.5rem;
    line-height: 100%;
  }

@media all and (max-width: 30em) {

.heading--xl {
      font-size: 2.25rem;
      line-height: 100%
  }
    }

.heading--l {
    font-family: 'TeliaSans-Bold';
    font-size: 2.25rem;
    line-height: 100%;
  }

@media all and (max-width: 30em) {

.heading--l {
      font-size: 2rem;
      line-height: 100%
  }
    }

.heading--m {
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    font-size: 2rem;
    line-height: 2.375rem;
  }

@media all and (max-width: 30em) {

.heading--m {
      font-size: 1.375rem;
      line-height: 1.75rem
  }
    }

.heading--s {
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    font-size: 1.375rem;
    line-height: 1.75rem;
  }

@media all and (max-width: 30em) {

.heading--s {
      font-size: 1.25rem;
      line-height: 1.625rem
  }
    }

.heading--xs {
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

@media all and (max-width: 30em) {

.heading--xs {
      font-size: 0.875rem;
      line-height: 1.25rem
  }
    }

/* OLD DEPRECATED */

.heading--level-1 {
    font-family: 'TeliaSansHeading-Heading';
    font-size: 1.875rem;
    margin: 0 0 0.3125rem 0;
  }

@media all and (min-width: 28.125em) {

.heading--level-1 {
      font-size: 2.8125rem;
      margin: 0.3125rem 0 0.625rem 0
  }
    }

@media all and (min-width: 48em) {

.heading--level-1 {
      font-size: 3rem;
      margin-bottom: 1.25rem
  }
    }

.heading--level-2 {
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
  }

@media all and (min-width: 28.125em) {

.heading--level-2 {
      font-size: 1.3125rem
  }
    }

.heading--level-3 {
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    margin: 0;
  }

@media all and (min-width: 28.125em) {

.heading--level-3 {
      font-size: 1.125rem
  }
    }

.heading--level-4 {
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    margin: 0;
  }

.heading--centered {
    text-align: center;
  }

.horizontal-rule {
    border-bottom: 1px solid #dedede;
    border-bottom: 1px solid var(--grey);
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 0 auto;
}

.horizontal-rule--short {
        border-bottom: 2px solid #990ae3;
        border-bottom: 2px solid var(--core-purple);
        width: 50px;
    }

.horizontal-rule--left {
        margin: 0;
    }

@keyframes Icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

.Icon {
  width: 32px;
  height: 32px;
  fill: currentColor;
}

.Icon--spin {
    animation: Icon-spin 2s infinite linear;
  }

.icon-animated-container {
    height: 100%;
    width: 100%
}

.icon-link {
  margin-right: 0.5rem;
}

.icon-link__black {
  fill: #222222;
  fill: var(--black);
}

.icon-link__black:hover {
    fill: #990ae3;
    fill: var(--core-purple);
  }

.icon-link__black:active,
  .icon-link__black:focus {
    background-color: #990ae3;
    background-color: var(--core-purple);
    fill: #ffffff;
    fill: var(--white);
    outline: none;
  }

.icon-link__core-purple {
  fill: #990ae3;
  fill: var(--core-purple);
}

.icon-link__core-purple:hover {
    fill: #222222;
    fill: var(--black);
  }

.icon-link__core-purple:active,
  .icon-link__core-purple:focus {
    background-color: #990ae3;
    background-color: var(--core-purple);
    fill: #ffffff;
    fill: var(--white);
    outline: none;
  }

.icon-link__white {
  fill: #ffffff;
  fill: var(--white);
}

.icon-link__white:hover {
    fill: #a0a0a0;
    fill: var(--dark-grey);
  }

.icon-link__white:active,
  .icon-link__white:focus {
    background-color: #ffffff;
    background-color: var(--white);
    fill: #222222;
    fill: var(--black);
    outline: none;
  }

.icon-link-deprecated {
  display: inline-block;
  height: 35px;
  width: 35px;
  margin-right: 0.5rem;
  padding: 5px;
}

.icon-link-deprecated__icon {
    height: 25px;
    width: 25px;
  }

.icon-link-deprecated:hover > .icon-link-deprecated__icon * {
      fill: #990ae3;
      fill: var(--core-purple);
    }

.icon-link-deprecated:active,
  .icon-link-deprecated:focus {
    background-color: #990ae3;
    background-color: var(--core-purple);
    outline: none;
  }

.icon-link-deprecated:active > .icon-link-deprecated__icon *, .icon-link-deprecated:focus > .icon-link-deprecated__icon * {
      fill: #ffffff;
      fill: var(--white);
    }

.input-error {
    border-radius: 0.25em;

    background: #e12364;

    background: var(--dark-red);
    color: #ffffff;
    color: var(--white);
    display: inline-block;

    position: relative;
    top: -1px;

    padding-top: 0.688em;
    padding-left: 0.875em;
    padding-bottom: 0.750em;
    padding-right: 1.125em;

    margin: 0;
}

.input-error:after {
        position: absolute;
        bottom: 100%;
        left: 21px;
        height: 0;
        width: 0;
        margin-left: -7px;

        border: solid transparent;
        border-color: rgba(0, 0, 0, 0);
        border-bottom-color: #e12364;
        border-bottom-color: var(--dark-red);
        border-width: 7px;

        content: " ";
        pointer-events: none;
    }

.label {
    color: #222222;
    color: var(--black);
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
}

.label--gray-text {
        color: #6f6e6f;
        color: var(--darkest-grey);
    }

:root {
    --link-font: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    --link-padding: 0 .25rem;
}

.link {
    border-bottom: 1px solid #990ae3;
    border-bottom: 1px solid var(--core-purple);
    color: #222222;
    color: var(--black);
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    font-family: var(--link-font);
    text-decoration: none;
    padding: 0 .25rem;
    padding: var(--link-padding);
}

.link:hover {
        color: #990ae3;
        color: var(--core-purple);
        border-bottom: 1px solid #990ae3;
        border-bottom: 1px solid var(--core-purple);   
    }

.link:focus, .link:active {
        color: #ffffff;
        color: var(--white);
        background-color: #990ae3;
        background-color: var(--core-purple);
        outline: none;
    }

.link:focus .link--icon--core-purple, .link:focus .link--icon--black, .link:active .link--icon--core-purple, .link:active .link--icon--black {
            fill: #ffffff;
            fill: var(--white);
        }

.link--icon {
        border-bottom: none;
    }

.link--icon:hover {
            border-bottom: none;
        }

.link--icon--after {
            margin-left: .5rem;
            margin-right: -5px;
        }

.link--icon--before {
            margin-right: .5rem;
            margin-left: -5px
        }

.link--icon svg {
            top: 3px;
            position: relative;
            width: 1.2rem;
            height: 1.2rem;
        }

.link--icon--core-purple {
        fill: #990ae3;
        fill: var(--core-purple);
    }

.link--icon--black {
        fill: #222222;
        fill: var(--black);
    }

.link--no-underline {
    border-bottom: none;
}

.link--no-underline:hover {
        border-bottom: none;
    }

.link--negative {
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid var(--white);
    color: #ffffff;
    color: var(--white);
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 0 .25rem;
    padding: var(--link-padding);
}

.link--negative:hover {
        color: #a0a0a0;
        color: var(--dark-grey);
        border-bottom: 1px solid #a0a0a0;
        border-bottom: 1px solid var(--dark-grey);   
    }

.link--negative:focus, .link--negative:active {
        color: #990ae3;
        color: var(--core-purple);
        background-color: #ffffff;
        background-color: var(--white);
        outline: none;
    }

.link--negative:focus .link--negative--icon--white, .link--negative:active .link--negative--icon--white {
            fill: #990ae3;
            fill: var(--core-purple);
        }

.link--negative--icon {
        border-bottom: none;
    }

.link--negative--icon:hover {
            border-bottom: none;
        }

.link--negative--icon svg {
            top: 3px;
            position: relative;
            width: 1.2rem;
            height: 1.2rem;
        }

.link--negative--icon--white {
        fill: #ffffff;
        fill: var(--white);
    }

.bubble-link {
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    font-family: var(--link-font);
    padding: .25rem;
    display: inline-block;
    text-decoration: none;

}

.bubble-link--flex-container {
        display: flex;
    }

.bubble-link--icon-circle {
        background: #990ae3;
        background: var(--core-purple);
        border-radius: 50%;
       
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: .5rem;
    }

.bubble-link--circle-background--core-purple {
        background: #990ae3;
        background: var(--core-purple);
    }

.bubble-link--circle-background--core-purple-inverted {
        background: #ffffff;
        background: var(--white);
        border: 1px solid #990ae3;
        border: 1px solid var(--core-purple);
    }

.bubble-link--circle-background--black {
        background: #222222;
        background: var(--black);
    }

.bubble-link--circle-background--black-inverted {
        background: #ffffff;
        background: var(--white);
        border: 1px solid #222222;
        border: 1px solid var(--black);
    }

.bubble-link--circle-background--white {
        background: #ffffff;
        background: var(--white);
    }

.bubble-link--icon {
        height: 18px;
        width: 18px;
    }

.bubble-link--icon-color--core-purple, .bubble-link--icon-color--black {
        color: #ffffff;
        color: var(--white);
    }

.bubble-link--icon-color--core-purple-inverted {
        color: #990ae3;
        color: var(--core-purple);
    }

.bubble-link--icon-color--black-inverted {
        color: #222222;
        color: var(--black);
    }

.bubble-link--icon-color--white {
        color: #990ae3;
        color: var(--core-purple);
    }

.bubble-link--text {
        position: relative;
        top: .2rem;
    }

.bubble-link--core-purple,
.bubble-link--core-purple-inverted,
.bubble-link--black,
.bubble-link--black-inverted {
    color: #222222;
    color: var(--black);
}

.bubble-link--core-purple:hover, .bubble-link--core-purple-inverted:hover, .bubble-link--black:hover, .bubble-link--black-inverted:hover {
        color: #990ae3;
        color: var(--core-purple);
    }

.bubble-link--core-purple:focus, .bubble-link--core-purple:active, .bubble-link--core-purple-inverted:focus, .bubble-link--core-purple-inverted:active, .bubble-link--black:focus, .bubble-link--black:active, .bubble-link--black-inverted:focus, .bubble-link--black-inverted:active {
        background: #990ae3;
        background: var(--core-purple);
        color: #ffffff;
        color: var(--white);
        outline: none;
    }

.bubble-link--core-purple:focus .bubble-link--circle-background--core-purple,
        .bubble-link--core-purple:focus .bubble-link--circle-background--core-purple-inverted,
        .bubble-link--core-purple:focus .bubble-link--circle-background--black,
        .bubble-link--core-purple:focus .bubble-link--circle-background--black-inverted,
        .bubble-link--core-purple:active .bubble-link--circle-background--core-purple,
        .bubble-link--core-purple:active .bubble-link--circle-background--core-purple-inverted,
        .bubble-link--core-purple:active .bubble-link--circle-background--black,
        .bubble-link--core-purple:active .bubble-link--circle-background--black-inverted,
        .bubble-link--core-purple-inverted:focus .bubble-link--circle-background--core-purple,
        .bubble-link--core-purple-inverted:focus .bubble-link--circle-background--core-purple-inverted,
        .bubble-link--core-purple-inverted:focus .bubble-link--circle-background--black,
        .bubble-link--core-purple-inverted:focus .bubble-link--circle-background--black-inverted,
        .bubble-link--core-purple-inverted:active .bubble-link--circle-background--core-purple,
        .bubble-link--core-purple-inverted:active .bubble-link--circle-background--core-purple-inverted,
        .bubble-link--core-purple-inverted:active .bubble-link--circle-background--black,
        .bubble-link--core-purple-inverted:active .bubble-link--circle-background--black-inverted,
        .bubble-link--black:focus .bubble-link--circle-background--core-purple,
        .bubble-link--black:focus .bubble-link--circle-background--core-purple-inverted,
        .bubble-link--black:focus .bubble-link--circle-background--black,
        .bubble-link--black:focus .bubble-link--circle-background--black-inverted,
        .bubble-link--black:active .bubble-link--circle-background--core-purple,
        .bubble-link--black:active .bubble-link--circle-background--core-purple-inverted,
        .bubble-link--black:active .bubble-link--circle-background--black,
        .bubble-link--black:active .bubble-link--circle-background--black-inverted,
        .bubble-link--black-inverted:focus .bubble-link--circle-background--core-purple,
        .bubble-link--black-inverted:focus .bubble-link--circle-background--core-purple-inverted,
        .bubble-link--black-inverted:focus .bubble-link--circle-background--black,
        .bubble-link--black-inverted:focus .bubble-link--circle-background--black-inverted,
        .bubble-link--black-inverted:active .bubble-link--circle-background--core-purple,
        .bubble-link--black-inverted:active .bubble-link--circle-background--core-purple-inverted,
        .bubble-link--black-inverted:active .bubble-link--circle-background--black,
        .bubble-link--black-inverted:active .bubble-link--circle-background--black-inverted {
            background: #ffffff;
            background: var(--white);
            border: none;
        }

.bubble-link--core-purple:focus .bubble-link--icon-color--core-purple, 
        .bubble-link--core-purple:focus .bubble-link--icon-color--core-purple-inverted, 
        .bubble-link--core-purple:focus .bubble-link--icon-color--black, 
        .bubble-link--core-purple:focus .bubble-link--icon-color--black-inverted, 
        .bubble-link--core-purple:active .bubble-link--icon-color--core-purple, 
        .bubble-link--core-purple:active .bubble-link--icon-color--core-purple-inverted, 
        .bubble-link--core-purple:active .bubble-link--icon-color--black, 
        .bubble-link--core-purple:active .bubble-link--icon-color--black-inverted, 
        .bubble-link--core-purple-inverted:focus .bubble-link--icon-color--core-purple, 
        .bubble-link--core-purple-inverted:focus .bubble-link--icon-color--core-purple-inverted, 
        .bubble-link--core-purple-inverted:focus .bubble-link--icon-color--black, 
        .bubble-link--core-purple-inverted:focus .bubble-link--icon-color--black-inverted, 
        .bubble-link--core-purple-inverted:active .bubble-link--icon-color--core-purple, 
        .bubble-link--core-purple-inverted:active .bubble-link--icon-color--core-purple-inverted, 
        .bubble-link--core-purple-inverted:active .bubble-link--icon-color--black, 
        .bubble-link--core-purple-inverted:active .bubble-link--icon-color--black-inverted, 
        .bubble-link--black:focus .bubble-link--icon-color--core-purple, 
        .bubble-link--black:focus .bubble-link--icon-color--core-purple-inverted, 
        .bubble-link--black:focus .bubble-link--icon-color--black, 
        .bubble-link--black:focus .bubble-link--icon-color--black-inverted, 
        .bubble-link--black:active .bubble-link--icon-color--core-purple, 
        .bubble-link--black:active .bubble-link--icon-color--core-purple-inverted, 
        .bubble-link--black:active .bubble-link--icon-color--black, 
        .bubble-link--black:active .bubble-link--icon-color--black-inverted, 
        .bubble-link--black-inverted:focus .bubble-link--icon-color--core-purple, 
        .bubble-link--black-inverted:focus .bubble-link--icon-color--core-purple-inverted, 
        .bubble-link--black-inverted:focus .bubble-link--icon-color--black, 
        .bubble-link--black-inverted:focus .bubble-link--icon-color--black-inverted, 
        .bubble-link--black-inverted:active .bubble-link--icon-color--core-purple, 
        .bubble-link--black-inverted:active .bubble-link--icon-color--core-purple-inverted, 
        .bubble-link--black-inverted:active .bubble-link--icon-color--black, 
        .bubble-link--black-inverted:active .bubble-link--icon-color--black-inverted {
            color: #990ae3;
            color: var(--core-purple);
        }

.bubble-link--white {
    color: #ffffff;
    color: var(--white);
}

.bubble-link--white:hover {
        color: #a0a0a0;
        color: var(--dark-grey);
    }

.bubble-link--white:focus, .bubble-link--white:active {
        background: #ffffff;
        background: var(--white);
        color: #990ae3;
        color: var(--core-purple);
        outline: none;
    }

.bubble-link--white:focus .bubble-link--circle-background--white, .bubble-link--white:active .bubble-link--circle-background--white {
            background: #990ae3;
            background: var(--core-purple);
        }

.bubble-link--white:focus .bubble-link--icon-color--white, .bubble-link--white:active .bubble-link--icon-color--white {
            color: #ffffff;
            color: var(--white);
        }

:root {
    --link-icon-size-large: 1.875em;
    --bubble-margin: 0.3em;
}

.list {
    list-style: none;
    margin-bottom: 1rem;
    margin-bottom: var(--margin-bottom);
    margin-top: 0;
    padding-left: 0;
}

.list--wrap {
        display: flex;
        flex-flow: column wrap;

        /* This is a hack to make wrapping look nice in IE */
    }

@media all and (min-width: 37.500em) {

.list--wrap-by-three {
                max-height: 6em
        }
            }

@media all and (min-width: 37.500em) {

.list--wrap-by-four {
                max-height: 8em
        }
            }

/* -ms-high-contrast is used for detection of IE10 and 11 */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 37.500em) {
            .list--wrap-by-three {
                height: 6em;
            }

            .list--wrap-by-four {
                height: 8em;
            }
        }

.list__item, .list li {
        background: transparent url(/static/media/check-mark.cd2cd924.svg) no-repeat left 0.5rem;
        background-size: 1.2rem 1.2rem;
        padding: .4rem 0rem 0rem 1.5rem;
    }

.list__link {
        border-bottom: none;
        color: #222222;
        color: var(--black);
        padding: 0 0 0 1.7rem;
        text-decoration: none;
        position: relative;
        top: .15rem;
        font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    }

.list__link:hover {
            border-bottom: none;
            color: #990ae3;
            color: var(--core-purple);
        }

.list__link:focus, .list__link:active {
            background: #990ae3 url(/static/media/arrow-right-white.513f0c76.svg) no-repeat left 0.5rem;
            background: var(--core-purple) url(/static/media/arrow-right-white.513f0c76.svg) no-repeat left 0.5rem;
            background-position: 0;
            background-size: 1.2rem 1.2rem;
            padding: 0 .25rem 0 1.7rem;
            position: relative;
            top: .15rem;
            color: #ffffff;
            color: var(--white);
            outline: none;
        }

.list--links .list__item, .list--links li {
            font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;

            background-image: url(/static/media/arrow-right-purple.340ec6b8.svg);
            padding: 0.25rem 0 0.25rem 0;
        }

.list--black .list__link {
            color: #222222;
            color: var(--black);
        }

.list--black .list__link:hover {
                text-decoration: underline;
            }

.list--black .list__link:focus, .list--black .list__link:active {
                color: #ffffff;
                color: var(--white);
            }

.list--black .list__item {
            background-image: url(/static/media/arrow-right.b5a2d3e6.svg);
        }

.list--icon-text-links .list__item {
            background: none;
            margin-bottom: 1.5rem;
            padding: 0;
        }

.list--icon-text-links:hover {
            color: #990ae3;
            color: var(--core-purple);
        }

.list--icon-text-links .list__link {
            display: inline-block;
            padding: 1px;
        }

.list--icon-text-links .list__link .list__link-icon svg path {
                    fill: #ffffff;
                    fill: var(--white);
                }

.list--icon-text-links .list__link:active,
            .list--icon-text-links .list__link:focus {
                background-image: none;
                outline: none;
            }

.list--icon-text-links .list__link:active .list__link-bubble, .list--icon-text-links .list__link:focus .list__link-bubble {
                    background-color: #ffffff;
                    background-color: var(--white);
                }

.list--icon-text-links .list__link:active .list__link-icon *, .list--icon-text-links .list__link:focus .list__link-icon * {
                    fill: #990ae3;
                    fill: var(--core-purple);
                }

.list--icon-text-links .list__link-icon {
                display: inline-block;
                height: 1.875em;
                height: var(--link-icon-size-large);
                width: 1.875em;
                width: var(--link-icon-size-large);

                position: relative;
                top: calc(1.875em/2);
                top: calc(var(--link-icon-size-large)/2);
                left: calc(1.875em/2);
                left: calc(var(--link-icon-size-large)/2);

                background-repeat: no-repeat;
                background-position: calc(1.875em*-1) 0px;
                background-position: calc(var(--link-icon-size-large)*-1) 0px;
                background-size: calc(1.875em*3) 1.875em;
                background-size: calc(var(--link-icon-size-large)*3) var(--link-icon-size-large);
            }

.list--icon-text-links .list__link-bubble {
                background-color: #990ae3;
                background-color: var(--core-purple);
                border-radius: 100%;
                display: inline-flex;
                height: calc(1.875em*2);
                height: calc(var(--link-icon-size-large)*2);
                width: calc(1.875em*2);
                width: calc(var(--link-icon-size-large)*2);
                margin: 0.3em 0 0.3em 0.3em;
                margin: var(--bubble-margin) 0 var(--bubble-margin) var(--bubble-margin);
            }

.list--icon-text-links .list__link-text {
                display: inline-block;
                vertical-align: top;
                line-height: 1;
                color: inherit;
                border-bottom: 1px solid #990ae3;
                border-bottom: 1px solid var(--core-purple);
                margin: calc(1.875em + 0.3em - 0.5rem) 1rem 0 1rem;
                margin: calc(var(--link-icon-size-large) + var(--bubble-margin) - 0.5rem) 1rem 0 1rem;
            }

:root {
  /* To get path length: document.querySelector('path').getTotalLength() */
  --telia-loading-pebble-length: 196.47589111328125;

  /**
   * Sum of patterns in the segment should = var(--telia-loading-pebble-length).
   * $pattern: (var(--telia-loading-pebble-length) / 4) (var(--telia-loading-pebble-length)/8) (var(--telia-loading-pebble-length) / 4) (3 * var(--telia-loading-pebble-length)/8); //  var(--telia-loading-pebble-length)/15 var(--telia-loading-pebble-length)/5 (var(--telia-loading-pebble-length)/3 - var(--telia-loading-pebble-length)/20);
   */
  --telia-loading-pebble-pattern: calc(var(--telia-loading-pebble-length)*3/4)
    calc(var(--telia-loading-pebble-length)*1/4);

  --telia-loading-pebble-first-position: 0;
  --telia-loading-pebble-last-position: var(--telia-loading-pebble-length);
}

.LoadingPebble {
  height: auto;
  width: 20vw;
  max-width: 100px;
}

.LoadingPebble-bg {
    fill: none;
    stroke: #990ae3;
    stroke: var(--core-purple);
    stroke-width: 3px;
    stroke-linecap: butt;
    opacity: 0.04;
  }

.LoadingPebble-fg {
    fill: none;
    stroke: #990ae3;
    stroke: var(--core-purple);
    stroke-width: 3px;
    stroke-linecap: butt;
    stroke-dasharray: calc(196.47589111328125*3/4)
    calc(196.47589111328125*1/4);
    stroke-dasharray: var(--telia-loading-pebble-pattern);

    /**
     * To test positions:
     */
    /* stroke-dashoffset: $firstPos; */
    /* stroke-dashoffset: $lastPos; */

    animation-name: spinner;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-delay: 0;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
  }

@keyframes spinner {
  /* Trick to a smooth animation is that the first and last positions must look identical */
  0% {
    stroke-dashoffset: 0;
    stroke-dashoffset: var(--telia-loading-pebble-first-position);
  }
  100% {
    stroke-dashoffset: 196.47589111328125;
    stroke-dashoffset: var(--telia-loading-pebble-last-position);
  }
}

.page-pebbles {

    pointer-events: none;
    background: none;
}

.page-pebbles > * {
        pointer-events: auto;
    }

@media all and (min-width: 56.25em){

        .page-pebbles:before {
            background-image: url(/static/media/pebble-5.648f4fde.svg),
                              url(/static/media/pebble-6.12bd3bf8.svg),
                              url(/static/media/pebble-7.48fedfc7.svg),
                              url(/static/media/pebble-8.174c2284.svg),
                              url(/static/media/pebble-9.e96d7d70.svg);
            background-position: -2% 3rem, 100% 15rem, -3% 20rem, 100% 25rem, 100% 35rem;
            background-repeat: no-repeat;
            background-size: 15vw 15vw, 10vw 10vw, 6vw 6vw, 4vw 4vw, 8vw 8vw;
            content: '';
            display: block;
            height: 1000px;
            overflow: hidden;
            position: absolute;
            width: 100%;
            z-index: 1;
        }

        .page-pebbles--variant-1:before {
            background-image: url(/static/media/pebble-10.f783dc8d.svg),
                              url(/static/media/pebble-11.a3d21533.svg),
                              url(/static/media/pebble-12.d060c9a8.svg),
                              url(/static/media/pebble-13.7c3b5ad2.svg),
                              url(/static/media/pebble-19.0341ab91.svg);
            background-position: 100% 15rem, -1% 15rem, 103% 25rem, -1% 25rem, 0% 35rem;
        }

        .page-pebbles--variant-2:before {
            background-image: url(/static/media/pebble-18.e317d82f.svg),
                              url(/static/media/pebble-16.749cdc22.svg),
                              url(/static/media/pebble-17.4e275751.svg),
                              url(/static/media/pebble-15.a6e54cc9.svg),
                              url(/static/media/pebble-14.b91e6da0.svg);
            background-position: 100% 40rem, 0% 42rem, 100% 10rem, -1% 35rem, 105% 25rem;
        }

        .page-pebbles--variant-3:before {
            background-image: url(/static/media/pebble-23.0dbfe176.svg),
                              url(/static/media/pebble-20.4b95679f.svg),
                              url(/static/media/pebble-24.22044f39.svg),
                              url(/static/media/pebble-22.526925b6.svg),
                              url(/static/media/pebble-21.bfc9b6ac.svg);
            background-position: 0% 30rem, 100% 20rem, -3% 40rem, 102% 30rem, -5% 15rem;
        }

        .page-pebbles--variant-4:before {
            background-image: url(/static/media/pebble-25.d9330e1e.svg),
                              url(/static/media/pebble-26.5f71e187.svg),
                              url(/static/media/pebble-27.e07ce1aa.svg),
                              url(/static/media/pebble-28.9324cb17.svg),
                              url(/static/media/pebble-29.9986450f.svg);
            background-position: 0% 40rem, -1% 25rem, 101% 35rem, -2% 15rem, 102% 25rem;
        }

        .page-pebbles--variant-5:before {
            background-image: url(/static/media/pebble-32.eb764867.svg),
                              url(/static/media/pebble-31.76b2493c.svg),
                              url(/static/media/pebble-34.b916ce56.svg),
                              url(/static/media/pebble-36.6ce7e86b.svg),
                              url(/static/media/pebble-30.ef7bd1c6.svg);
            background-position: 100% 45rem, 101% 20rem, -1% 25rem, 102% 40rem, -2% 40rem;
        }
    }

.paragraph {
    font-size: 1rem;
    letter-spacing: .01875rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
    margin-top: 0;
}

@media all and (min-width: 28.125em) {

.paragraph {
        margin-bottom: 1rem;
        margin-bottom: var(--margin-bottom)
}
    }

.paragraph--preamble {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }

@media all and (min-width: 28.125em) {

.paragraph--preamble {
            font-size: 1.375rem;
            line-height: 1.75rem
    }
        }

@media all and (min-width: 48em) {

.paragraph--preamble {
            font-size: 1.5rem;
            line-height: 1.875rem
    }
        }

.paragraph--small-text {
        font-size: 0.875rem;
    }

.paragraph--fineprint {
        font-size: .9rem;
    }

.product-tabs {
  display: flex;
  justify-content: center;
}

.product-tabs__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    padding: 1.3rem;
    min-width: 10rem;
  }

@media all and (min-width: 48em) {

.product-tabs__item {
      min-width: 12rem
  }
    }

.product-tabs__item__label {
      text-transform: uppercase;
      font-family: 'TeliaSans-Bold';
      font-size: 1rem;
      color: #222222;
      color: var(--black);
      text-align: center;
    }

@media all and (min-width: 48em) {

.product-tabs__item__label {
        font-size: 1.5rem
    }
      }

.product-tabs__item__label--selected {
        color: #ffffff;
        color: var(--white);
      }

.product-tabs__item__description {
      display: none;
      color: #222222;
      color: var(--black);
      padding: 0.3rem;
      text-align: center;
    }

.product-tabs__item__description--selected {
        color: #ffffff;
        color: var(--white);
      }

@media all and (min-width: 48em) {

.product-tabs__item__description {
        display: inline
    }
      }

.product-tabs__item--selected {
      background-color: #3f005e;
      background-color: var(--core-purple-800);
    }

.product-tabs__item--selected:before {
        background-color: #3f005e;
        background-color: var(--core-purple-800);
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        left: calc(50% - 8px);
        bottom: -8px;
        top: auto;
        transform: rotate(45deg);
        z-index: 1;
      }

.progress {
  background: #f2f2f2;
  background: var(--light-grey);
  border-radius: 2em;
  height: 1.2em;
  overflow: hidden;
  width: 100%;
}

.progress--xs {
    height: 0.5rem;
  }

.progress--sm {
    height: 0.8rem;
  }

.progress--md {
    height: 1rem;
  }

.progress--lg {
    height: 1.2rem;
  }

.progress--xl {
    height: 1.6rem;
  }

.progress--transparent {
    background: transparent;
  }

.progress--purple {
    background: #edc8ff;
    background: var(--core-purple-200);
  }

.progress__bar {
    border-radius: 2em;
    height: 100%;
    transition: opacity 0.5s linear, background-color 0.5s cubic-bezier(0.075, 0.82, 0.07, 0.825) 0.5s,
      width 0.5s cubic-bezier(0.075, 0.82, 0.07, 0.825) 0.5s;
    width: 100%;
  }

.progress__bar--green {
      background: #3ed35f;
      background: var(--emerald);
    }

.progress__bar--orange {
      background: #ff9b00;
      background: var(--orange);
    }

.progress__bar--red {
      background: #d0021b;
      background: var(--venetian-red);
    }

.progress__bar--disabled {
      opacity: 0;
      transition: opacity 0s linear, width 0s linear;
    }

.quantity-picker {
  display: flex;
  align-items: center;
}

.quantity-picker__container {
    margin: 0 0.4rem;
    width: 3rem;
  }

@media all and (min-width: 48em) {

.quantity-picker__container {
      width: 3.5rem;
      margin: 0 1rem
  }
    }

.quantity-picker__input {
    display: inline-block;
    font-size: 1rem;
    text-align: center;
    -moz-appearance: textfield;
  }

.quantity-picker__input::selection {
      background-color: #990ae3;
      background-color: var(--core-purple);
      color: #ffffff;
      color: var(--white);
    }

.quantity-picker__input::-webkit-inner-spin-button,
    .quantity-picker__input::-webkit-outer-spin-button {
      -webkit-appearance: none;
    }

.quantity-picker__button {
  margin: 0;
  padding: 0;
  height: 2rem;
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media all and (min-width: 48em) {

.quantity-picker__button {
    height: 2.5rem;
    width: 2.5rem
}
  }

.quantity-picker__button[disabled] .Icon {
      color: #bfbfbf;
      color: var(--border-grey);
    }

.quantity-picker__button:active:not([disabled]) .Icon, .quantity-picker__button:hover:not([disabled]) .Icon, .quantity-picker__button:focus:not([disabled]) .Icon {
      color: #ffffff;
      color: var(--white);
    }

.quantity-picker__button__icon {
    color: black;
    width: 1.2rem;
    height: 1.2rem;
  }

.quantity-picker__button.button {
    /* Need !important since .box--is-expanded .subscription__features .button selector in Subscription.pscss is hard to outrule */
    margin: 0 !important;
    padding: 0 !important;
  }

.quantity-picker--compact .quantity-picker__button {
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 0;
      border: 1px solid #cccccc;
    }

.quantity-picker--compact .quantity-picker__button:first-of-type {
        border-right: none;
        border-top-left-radius: 50%;
        border-bottom-left-radius: 50%;
      }

.quantity-picker--compact .quantity-picker__button:last-of-type {
        border-left: none;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
      }

.quantity-picker--compact .quantity-picker__button__icon {
        width: 1rem;
        height: 1rem;
      }

.quantity-picker--compact .quantity-picker__button:hover,
      .quantity-picker--compact .quantity-picker__button:focus,
      .quantity-picker--compact .quantity-picker__button:active {
        border: 1px solid #990ae3;
        border: 1px solid var(--core-purple);
      }

.quantity-picker--compact .quantity-picker__container {
      margin: 0;
      width: 3rem;
    }

.quantity-picker--compact .quantity-picker__input {
      width: 3rem;
      height: 2.5rem;
      border-radius: 0;
      border: 1px solid #cccccc;
      margin: 0;
    }

.quote {
    color: black;
    margin: 2rem 1rem;
    padding-left: 0.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.quote--inline-right {
        float: right;
        margin: 1rem;
        width: 45%;
    }

@media all and (min-width: 633px) {

.quote--inline-right {
            margin-right: -2%
    }
        }

@media all and (min-width: 900px) {

.quote--inline-right {
            margin: 2rem -8rem 2rem 3rem
    }
        }

.quote::before {
        content: url(/static/media/ico_quote-left.375df905.svg);
        height: 2rem;
        width: 2rem;
    }

@media all and (min-width: 633px) {

.quote::before {
            height: 2.5rem;
            width: 2.5rem
    }
        }

.quote__text {
        font-size: 1.1rem;
        font-style: italic;
        line-height: 1.3;
        margin: 0;
        padding-bottom: 1rem;
        padding-left: 1.5rem;
        flex: 1 0 33%;
    }

@media all and (min-width: 633px) {

.quote__text {
            font-size: 1.3rem;
            line-height: 1.2
    }
        }

.quote__source {
        font-weight: bold;
        flex: 100% 1;
        padding-left: 1.5rem;
    }

@media all and (min-width: 633px) {

.quote__source {
            padding-left: 4rem
    }
        }

.quote__source::before {
                content: '';
                display: inline-block;
                width: 1rem;
                height: 1.5px;
                background-color: black;
                margin-bottom: 0.25rem;
                margin-right: 0.5rem;
        }

/* Customize settings for the radiobutton container */

.radiobutton {
  clear: both;
  position: relative;
  display: flex;
  align-items: flex-start;

  -webkit-user-select: none;

          user-select: none;
  -ms-user-select: none; /* Edge */
  -webkit-touch-callout: none; /* Safari */
  cursor: pointer;

  font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
}

/* Hide the browser's default radio button */

.radiobutton input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

.radiobutton__text {
    margin-top: 0.75rem;
  }

.radiobutton--disabled {
    pointer-events: none;
    color: #646464;
    color: var(--grey-600);
  }

.radiobutton--disabled .radiobutton__border {
      fill: #dbdbdb;
      fill: var(--grey-200);
    }

/* If the input is checked, display the inner circle with purple color */

.radiobutton > input:checked ~ .radiobutton__svg-container .radiobutton__circle {
    display: block;
    fill: #642d96;
    fill: var(--dark-purple);
  }

/* If the input is checked, add purple border */

.radiobutton > input:checked ~ .radiobutton__svg-container .radiobutton__border {
    stroke: #642d96;
    stroke: var(--dark-purple);
    fill: none;
  }

/* Style default checkmark container */

.radiobutton > .radiobutton__svg-container {
    height: -webkit-max-content;
    height: max-content;
    line-height: 0;
    border-radius: 50%;
    cursor: pointer;

    margin-right: 0.6rem;
    margin-top: 2px;
  }

/* Common parts within the SVG, in "one go" */

.radiobutton > .radiobutton__svg-container > svg {
      fill: none; /* Do not fill the "background" of the svg */
      cursor: pointer;
      transition: stroke 0.3s ease;
      vertical-align: middle;
    }

/* Default we show the border */

.radiobutton > .radiobutton__svg-container .radiobutton__border {
      display: block;
      stroke-width: 1px;
      stroke: #9c9c9c;
      stroke: var(--grey-400);
    }

/* Default we do not show the checked cicle */

.radiobutton > .radiobutton__svg-container .radiobutton__circle {
      display: none;
      fill: #642d96;
      fill: var(--dark-purple);
    }

/* On hover effect, adding a gray shadow */

.radiobutton:hover > input ~ .radiobutton__svg-container {
    background-color: #f2f2f2;
    background-color: var(--grey-100);
  }

/* On hover effect, adding a purple shadow when checked */

.radiobutton:hover > input:checked ~ .radiobutton__svg-container {
    background-color: #fbf0ff;
    background-color: var(--core-purple-100);
  }

/* On active effect, adding a gray shadow */

.radiobutton:active > input ~ .radiobutton__svg-container {
    background-color: #bdbdbd;
    background-color: var(--grey-300);
  }

/* On active effect, adding a purple shadow when checked */

.radiobutton:active > input:checked ~ .radiobutton__svg-container {
    background-color: #edc8ff;
    background-color: var(--core-purple-200);
  }

/* On active effect, if the input is checked, make color of radio button darker purple */

.radiobutton:active > input:checked ~ .radiobutton__svg-container .radiobutton__circle {
    fill: #5f008f;
    fill: var(--core-purple-700);
  }

.radiobutton:active > input:checked ~ .radiobutton__svg-container .radiobutton__border {
    stroke: #5f008f;
    stroke: var(--core-purple-700);
  }

/* On focus effect, adding a blue border */

.radiobutton > input:focus + .radiobutton__svg-container {
    box-shadow: 0 0 0 2px transparent, 0 0 0 2px #66c2ff;
    box-shadow: 0 0 0 2px transparent, 0 0 0 2px var(--blue-300);
  }

/* On hover effect on disabled radio button, remover grey shadow */

.radiobutton:hover > input[disabled] ~ .radiobutton__svg-container {
    background-color: transparent;
  }

/* If the input is disabled, add grey border and circle */

.radiobutton > input[disabled] ~ .radiobutton__svg-container .radiobutton__border {
    stroke: #bdbdbd;
    stroke: var(--grey-300);
  }

/* If the input is checked and disabled, add grey border and circle */

.radiobutton > input[disabled]:checked ~ .radiobutton__svg-container .radiobutton__border {
    stroke: #bdbdbd;
    stroke: var(--grey-300);
  }

.radiobutton > input[disabled]:checked ~ .radiobutton__svg-container .radiobutton__circle {
    fill: #bdbdbd;
    fill: var(--grey-300);
  }

.shadow-box {
    background-color: #ffffff;
    background-color: var(--white);
    box-sizing: border-box;
    box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.22);

    margin: 0.625rem;
    padding: 2.188rem;
}

.telia-small-box-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.telia-small-box-list__button {
    cursor: pointer;
    border: none;
    border-radius: 3px;
    height: 2.375rem;
    min-width: 4.5rem;
    background-color: #ffffff;
    background-color: var(--white);
    box-shadow: 0 0 0 2px #eaeaea;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;

    color: #222222;

    color: var(--black);
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    margin: 0.5rem 0.75rem;
  }

.telia-small-box-list__button:focus,
    .telia-small-box-list__button:active,
    .telia-small-box-list__button:hover,
    .telia-small-box-list__button--selected {
      outline: none;
      cursor: pointer;
      box-shadow: 0 0 0 2px #990ae3;
      box-shadow: 0 0 0 2px var(--core-purple);
      box-sizing: border-box;
    }

.telia-small-box-list__button--selected {
      background-color: #ffffff;
      background-color: var(--white);
    }

.telia-small-box-list__button--selected:focus,
      .telia-small-box-list__button--selected:active,
      .telia-small-box-list__button--selected:hover {
        background-color: #ffffff;
        background-color: var(--white);
      }

.telia-small-box-list--purple .telia-small-box-list__button {
    margin: 0.5rem 0.375rem;
    border-radius: 8px;
    background-color: #ffffff;
    background-color: var(--white);
    box-shadow: 0 0 0 1px #29003e;
    box-shadow: 0 0 0 1px var(--core-purple-850);
    color: #29003e;
    color: var(--core-purple-850);
    padding: 0.5rem 1rem;
    line-height: 1.5rem;
    height: auto;
    height: initial;
  }

.telia-small-box-list--purple .telia-small-box-list__button:focus,
    .telia-small-box-list--purple .telia-small-box-list__button:active,
    .telia-small-box-list--purple .telia-small-box-list__button:hover {
      background-color: #29003e;
      background-color: var(--core-purple-850);
      box-shadow: 0 0 0 1px #29003e;
      box-shadow: 0 0 0 1px var(--core-purple-850);
      color: #ffffff;
      color: var(--white);
    }

.telia-small-box-list--purple .telia-small-box-list__button--selected {
      color: #ffffff;
      color: var(--white);
      background-color: #29003e;
      background-color: var(--core-purple-850);
      box-shadow: 0 0 0 1px #29003e;
      box-shadow: 0 0 0 1px var(--core-purple-850);
    }

.telia-small-box-list--purple .telia-small-box-list__button--selected:focus,
      .telia-small-box-list--purple .telia-small-box-list__button--selected:active,
      .telia-small-box-list--purple .telia-small-box-list__button--selected:hover {
        background-color: #29003e;
        background-color: var(--core-purple-850);
      }

.special-message {
    background-color: inherit;
    color: #990ae3;
    color: var(--core-purple);
    display: block;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    line-height: 22px;
    margin: 0 auto 40px;
    max-width: 400px;
    text-align: center;
}

@keyframes spinner-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.spinner {
    position: relative;

    animation-name: spinner-rotate;
    animation-duration: 700ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.spinner__blade {
        position: absolute;
        display: block;
        transform-origin: 200% 50%;

        top: 48%;
        left: 10%;
        width: 20%;
        height: 4%;
    }

.spinner__blade--0 { transform: rotate(0deg); background: #cfcfcf; }

.spinner__blade--1 { transform: rotate(25.71deg); background: #cfcfcf; }

.spinner__blade--2 { transform: rotate(51.42deg); background: #cfcfcf; }

.spinner__blade--3 { transform: rotate(77.14deg); background: #cfcfcf; }

.spinner__blade--4 { transform: rotate(102.84deg); background: #bdbdbd; }

.spinner__blade--5 { transform: rotate(128.55deg); background: #999999; }

.spinner__blade--6 { transform: rotate(154.26deg); background: #878787; }

.spinner__blade--7 { transform: rotate(179.97deg); background: #757575; }

.spinner__blade--8 { transform: rotate(205.68deg); background: #636363; }

.spinner__blade--9 { transform: rotate(231.39deg); background: #525252; }

.spinner__blade--10 { transform: rotate(257.1deg); background: #404040; }

.spinner__blade--11 { transform: rotate(282.81deg); background: #2e2e2e; }

.spinner__blade--12 { transform: rotate(308.52deg); background: #1c1c1c; }

.spinner__blade--13 { transform: rotate(334.23deg); background: #0a0a0a; }

.spinner--sm {
        width: 30px;
        height: 30px;
    }

.spinner--md {
        width: 40px;
        height: 40px;
    }

.spinner--lg {
        width: 50px;
        height: 50px;
    }

:root {
  --step-indicator-height: 1rem;
  --step-indicator-border: 2px;
  --step-indicator-icon-size: 0.6rem;
}

.step-indicator {
  display: flex;
  justify-content: center;
}

.step-indicator__element {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border-style: none;
    background: none;
    outline-offset: 0px;
  }

.step-indicator__element__clickable {
      background: inherit;
      text-decoration: none;
      cursor: pointer;
    }

.step-indicator__element__clickable:focus,
      .step-indicator__element__clickable:focus-visible,
      .step-indicator__element__clickable:hover,
      .step-indicator__element__clickable:active {
        outline: 5px solid #990ae3;
        outline: 5px solid var(--core-purple);
        background: #990ae3;
        background: var(--core-purple);
        z-index: 1;
      }

.step-indicator__element__clickable:focus .step-indicator__label, .step-indicator__element__clickable:focus-visible .step-indicator__label, .step-indicator__element__clickable:hover .step-indicator__label, .step-indicator__element__clickable:active .step-indicator__label {
          color: #ffffff;
          color: var(--white);
        }

.step-indicator__label {
    font-size: 0.75rem;
    color: #6f6e6f;
    color: var(--darkest-grey);
    text-align: center;
  }

@media all and (min-width: 37.5em) {

.step-indicator__label {
      margin-top: 0.5rem;
      font-size: 1rem
  }
    }

.step-indicator__list {
    display: flex;
    list-style: none;
    margin: 0 0 2rem;
    margin: 0 0 var(--margin-bottom-large);
    padding: 0;
  }

.step-indicator__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 5rem;
  }

@media all and (min-width: 37.5em) {

.step-indicator__wrapper {
      width: 8rem
  }
    }

.step-indicator__line {
    width: 3rem;
    position: absolute;
    top: calc(1.5*1rem/2);
    top: calc(1.5*var(--step-indicator-height)/2);
    height: 2px;
    right: -1.5rem;
    background-color: #a0a0a0;
    background-color: var(--dark-grey);
    content: '';
    border-radius: 10px;
  }

@media all and (min-width: 37.5em) {

.step-indicator__line {
      height: 4px;
      width: 4rem;
      top: calc(1rem - 2px);
      top: calc(var(--step-indicator-height) - var(--step-indicator-border));
      right: -2rem
  }
    }

.step-indicator__step {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #6f6e6f;
    border: var(--step-indicator-border) solid var(--darkest-grey);
    border-radius: 50%;
    color: #6f6e6f;
    color: var(--darkest-grey);
    font-size: 0.75rem;
    font-weight: bold;
    height: calc(1.5*1rem);
    height: calc(1.5*var(--step-indicator-height));
    width: calc(1.5*1rem);
    width: calc(1.5*var(--step-indicator-height));
    line-height: calc(1.5*1rem - 4px);
    line-height: calc(1.5*var(--step-indicator-height) - 4px);
    margin: 0 calc(1rem/2);
    margin: 0 calc(var(--step-indicator-height)/2);
    position: relative;
    text-align: center;
  }

@media all and (min-width: 37.5em) {

.step-indicator__step {
      font-size: 1rem;
      border-width: 3px;
      height: calc(2*1rem);
      height: calc(2*var(--step-indicator-height));
      width: calc(2*1rem);
      width: calc(2*var(--step-indicator-height));
      margin: 0 1rem;
      margin: 0 var(--step-indicator-height);
      line-height: calc(2*1rem - 3px);
      line-height: calc(2*var(--step-indicator-height) - 3px)
  }
    }

.step-indicator__step:first-of-type {
      margin-left: 0;
    }

.step-indicator__step:last-of-type {
      margin-right: 0;
    }

.step-indicator__step--passed {
      background-color: #ffffff;
      background-color: var(--white);
      border: 2px solid #990ae3;
      border: 2px solid var(--core-purple);
      color: #990ae3;
      color: var(--core-purple);
    }

.step-indicator__step--active {
      border: 2px solid #990ae3;
      border: 2px solid var(--core-purple);
      background-color: #990ae3;
      background-color: var(--core-purple);
      color: #ffffff;
      color: var(--white);
    }

.step-indicator__icon-wrapper {
    background-color: transparent;
    border: none;
  }

.step-indicator__icon {
    display: block;
    height: 1rem;
    width: 1rem;
    color: #990ae3;
    color: var(--core-purple);
  }

.step-indicator__purple .step-indicator__element__clickable:focus,
        .step-indicator__purple .step-indicator__element__clickable:focus-visible,
        .step-indicator__purple .step-indicator__element__clickable:hover,
        .step-indicator__purple .step-indicator__element__clickable:active {
          outline: 5px solid #642d96;
          outline: 5px solid var(--dark-purple);
          background: #642d96;
          background: var(--dark-purple);
        }

.step-indicator__purple .step-indicator__step {
      font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
      font-weight: normal;
      border: 2px solid #d6d6dd;
      color: #642d96;
      color: var(--dark-purple);
    }

.step-indicator__purple .step-indicator__step--passed {
        border: 2px solid #642d96;
        border: 2px solid var(--dark-purple);
        background-color: #642d96;
        background-color: var(--dark-purple);
        color: #ffffff;
        color: var(--white);
      }

.step-indicator__purple .step-indicator__step--active {
        border: 2px solid #642d96;
        border: 2px solid var(--dark-purple);
        background-color: #ffffff;
        background-color: var(--white);
        color: #642d96;
        color: var(--dark-purple);
      }

.step-indicator__purple .step-indicator__step--disabled {
        border: 2px solid #d6d6dd;
        background-color: #ffffff;
        background-color: var(--white);
        color: #d6d6dd;
      }

@media all and (min-width: 37.5em) {
        .step-indicator__purple .step-indicator__step--passed,
        .step-indicator__purple .step-indicator__step--active {
          border-width: 3px;
        }
      }

.step-indicator__purple .step-indicator__icon {
      color: #ffffff;
      color: var(--white);
    }

.step-indicator__purple .step-indicator__label {
      color: #642d96;
      color: var(--dark-purple);
    }

.step-indicator__purple .step-indicator__label--disabled {
        color: #d6d6dd;
      }

.step-indicator__purple .step-indicator__line {
      background-color: #642d96;
      background-color: var(--dark-purple);
    }

.summary-table {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: 40rem;
  width: 100%;
  border-radius: 8px;

  padding: 22px;
  padding-top: 24px;
  padding-bottom: 30px;
}

@media screen and (max-width: 768px) {

.summary-table {
    padding: 16px;
    padding-top: 18px;
    padding-bottom: 24px
}
  }

@media screen and (max-width: 375px) {

.summary-table {
    padding: 12px;
    padding-top: 14px;
    padding-bottom: 20px
}
  }

.summary-table--background-grey-50 {
    background-color: #f4f4f9;
    background-color: var(--grey-50);
  }

.summary-table__badge-container {
    position: absolute;
    top: -10px;
    right: 0;
    margin-right: 10%;
  }

.summary-table__badge-container .telia-badge--root {
      height: 24px;
      position: relative;
      display: inline-flex;
      justify-content: center;

      top: -2px;
      background-color: #ccefdd;
      padding: 0 4px;
      border-radius: 2px;
    }

.summary-table__badge-container .telia-badge--root > svg {
        height: 19px;
        width: 19px;
        position: relative;
        top: 2px;
        margin-left: 2px;
      }

.summary-table__badge-container .telia-badge--root > .telia-badge--with-icon::before {
        margin-left: -11px;
      }

.summary-table__badge-container .telia-badge--root > .telia-badge.telia-badge__top-right {
        position: relative;
        transform: none;
        height: 24px;
      }

.summary-table__badge-container .telia-badge--root > .telia-badge.telia-badge__top-right > div {
          z-index: 2;
        }

.summary-table__badge-container .telia-badge--root > .telia-badge.telia-badge__top-right::before {
          content: '';
          position: absolute;
          bottom: -7px;
          height: 17px;
          width: 17px;
          transform: rotate(45deg);
          background-color: #ccefdd;
          background-color: var(--green-100);
          z-index: 1;
        }

.summary-table__badge-container .telia-badge--text {
      line-height: 22px;
      font-size: 14px;
    }

.summary-table > h3 {
    margin: 0;
    margin-bottom: 0.5rem;
  }

.summary-table h4 {
    margin: 0;
    margin-top: 14px;
    font-family: 'TeliaSans-Bold', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 100%;
  }

.summary-table h4 + div {
      margin-top: -0.4em;
    }

.summary-table__row {
    margin: 0;
  }

.summary-table__row--green {
      color: #00cc66;
    }

.summary-table__row--bold {
      font-family: 'TeliaSans-Bold', Helvetica, Arial, sans-serif;
    }

.summary-table__row--st .summary-table__value {
        text-decoration: line-through;
      }

.summary-table__row--indent {

      padding-left: 2rem;
    }

@media screen and (max-width: 400px) {

.summary-table__row--indent {
        padding-left: 1.35rem;
    }
      }

@media screen and (max-width: 500px) {

.summary-table__row--indent {
        padding-left: 1.7rem;
    }
      }

.summary-table__row--bold {
      font-family: 'TeliaSans-regular', Helvetica, Arial, sans-serif;
    }

.summary-table__row--bold .summary-table__value {
        font-family: 'TeliaSans-Bold', Helvetica, Arial, sans-serif;
      }

.summary-table__row--below-line {

      margin-top: 16px;
      border-top: 1px solid #b0b0b5;
      padding-top: 0px;
    }

.summary-table__row--below-line > h4 {
        padding-top: 0px;
        padding-bottom: 6px;
      }

.summary-table__row--below-line .summary-table__row-container {
        min-height: 30px;
      }

.summary-table__row--below-line ~ .summary-table__row--below-line {
        border: 0;
        margin-top: 0;
      }

.summary-table__row-container {
    min-height: 40px;
    width: 100%;
    display: flex;
  }

.summary-table__label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.5rem;
    width: 50%;
  }

.summary-table__value {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    margin-top: 0.5rem;
    width: 50%;
  }

.summary-table__value--striketrough {
      font-family: 'TeliaSans-regular', Helvetica, Arial, sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 150%;
      -webkit-text-decoration-line: line-through;
              text-decoration-line: line-through;
      text-decoration-thickness: 1px;
      text-align: left;
      -webkit-text-decoration-color: #990ae3;
              text-decoration-color: #990ae3;
      -webkit-text-decoration-color: var(--core-purple);
              text-decoration-color: var(--core-purple);
      margin-right: 0.5rem;
      margin-top: 3px;
    }

.summary-table__description {
    float: right;
    margin: 0;
    margin-top: -8px;
    margin-bottom: 4px;
    font-size: 14px;
    color: #222222;
    color: var(--black);
    font-family: 'TeliaSans-regular', Helvetica, Arial, sans-serif;
  }

.summary-table--compact {
    padding: 22px;
    padding-top: 16px;
    padding-bottom: 20px;
    min-height: 34px;
  }

@media screen and (max-width: 768px) {

.summary-table--compact {
      padding: 16px;
      padding-top: 12px;
      padding-bottom: 16px
  }
    }

@media screen and (max-width: 375px) {

.summary-table--compact {
      padding: 12px;
      padding-top: 10px;
      padding-bottom: 14px
  }
    }

.summary-table--compact h4 {
      margin-top: 8px;
    }

.summary-table--compact h4 + div {
        margin-top: -4px;
      }

.summary-table--compact .summary-table__row-container {
      min-height: 32px;
    }

.summary-table--compact .summary-table__description {
      margin-top: -2px;
    }

.summary-table--result-line-off .summary-table__row {
      border-bottom: none;
    }

.summary-table--result-line .summary-table__row:not(:last-of-type) {
        border-bottom: none;
      }

.summary-table--result-line .summary-table__row:nth-last-child(1) {
        margin-top: 16px;
        border-top: 1px solid #b0b0b5;
        padding-top: 8px;
      }

/* Primary colour palette */

.svg-icon.svg-icon--black * {
        fill: #222222;
        fill: var(--black);
    }

.svg-icon.svg-icon--core-purple * {
        fill: #990ae3;
        fill: var(--core-purple);
    }

.svg-icon.svg-icon--light-grey * {
        fill: #f2f2f2;
        fill: var(--light-grey);
    }

.svg-icon.svg-icon--white * {
        fill: #ffffff;
        fill: var(--white);
    }

.svg-icon.svg-icon--yellow * {
        fill: #ffcd64;
        fill: var(--alert-dark-yellow)
    }

/* Accent colour palette */

.svg-icon.svg-icon--black-purple * {
        fill: #1f012f;
        fill: var(--black-purple);
    }

.svg-icon.svg-icon--dark-blue * {
        fill: #0099ff;
        fill: var(--dark-blue);
    }

.svg-icon.svg-icon--dark-core-purple * {
        fill: #9b009b;
        fill: var(--dark-core-purple);
    }

.svg-icon.svg-icon--dark-green * {
        fill: #00cc66;
        fill: var(--dark-green);
    }

.svg-icon.svg-icon--dark-grey * {
        fill: #a0a0a0;
        fill: var(--dark-grey);
    }

.svg-icon.svg-icon--dark-pink * {
        fill: #d22db9;
        fill: var(--dark-pink);
    }

.svg-icon.svg-icon--dark-purple * {
        fill: #642d96;
        fill: var(--dark-purple);
    }

.svg-icon.svg-icon--dark-red * {
        fill: #e12364;
        fill: var(--dark-red);
    }

.svg-icon.svg-icon--dark-teal * {
        fill: #009999;
        fill: var(--dark-teal);
    }

.svg-icon.svg-icon--deep-purple * {
        fill: #380354;
        fill: var(--deep-purple);
    }

.svg-icon.svg-icon--light-core-purple * {
        fill: #cc00ff;
        fill: var(--light-core-purple);
    }

.svg-icon.svg-icon--light-green * {
        fill: #00ff64;
        fill: var(--light-green);
    }

.svg-icon.svg-icon--orange * {
        fill: #ff9b00;
        fill: var(--orange);
    }

.svg-icon.svg-icon--pink * {
        fill: #ff00cd;
        fill: var(--pink);
    }

.svg-icon.svg-icon--red * {
        fill: #ff3264;
        fill: var(--red);
    }

/* Additional colors */

.svg-icon.svg-icon--darkest-grey * {
        fill: #6f6e6f;
        fill: var(--darkest-grey);
    }

.svg-icon.svg-icon--border-grey * {
        fill: #bfbfbf;
        fill: var(--border-grey);
    }

/* Outdated !!! */

.svg-icon.svg-icon--grey * {
        fill: #dedede;
        fill: var(--grey);
    }

.svg-icon.svg-icon--purple * {
        fill: #990ae3;
        fill: var(--core-purple);
    }

.svg-icon.svg-icon--green * {
        fill: #32ff00;
        fill: var(--green);
    }

.table-with-drop-down {
  border-collapse: collapse;
  margin-bottom: 2rem;
  margin-bottom: var(--margin-bottom-large);
  margin-top: 0.625rem;
  position: relative;
  width: 100%;
}

.table-with-drop-down__cell,
  .table-with-drop-down th,
  .table-with-drop-down td {
    display: inline;
    flex: 0 1 auto;
    font-weight: 400;
    padding: 0.5rem 0;
    text-align: right;
    width: 100%;
  }

.table-with-drop-down__cell:first-child, .table-with-drop-down th:first-child, .table-with-drop-down td:first-child {
      text-align: left;
    }

.table-with-drop-down__cell:not(:first-child), .table-with-drop-down th:not(:first-child), .table-with-drop-down td:not(:first-child) {
      font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    }

.table-with-drop-down__cell:last-child:not(.table-with-drop-down__cell--expanded), .table-with-drop-down th:last-child:not(.table-with-drop-down__cell--expanded), .table-with-drop-down td:last-child:not(.table-with-drop-down__cell--expanded) {
      width: 50%;
    }

.table-with-drop-down .table-with-drop-down__cell--expanded {
    flex: 1 1;
    cursor: default;
  }

.table-with-drop-down td:last-child svg {
      margin-right: 1rem;
    }

.table-with-drop-down__row {
    background-color: #f2f2f2;
    background-color: var(--light-grey);
    display: flex;
    margin: 0;
    padding: 0 1rem 0 1rem;
  }

.table-with-drop-down__expandable-row {
    cursor: pointer;
    display: flex;
    margin: 0;
    padding: 0 1rem 0 1rem;
  }

.table-with-drop-down__expandable-row--expanded {
      display: flex;
    }

.table-with-drop-down__expandable-row--hidden {
      display: none;
    }

.table-with-drop-down__icon-cell .table-with-drop-down__icon {
      height: 0.9rem;
      width: 0.9rem;
    }

.table-with-drop-down__icon-cell .table-with-drop-down__icon--expanded {
        transform: rotate(180deg);
      }

.table-with-drop-down__body tr {
      background: #f2f2f2;
      background: var(--light-grey);
    }

.table-with-drop-down__body tr:nth-child(4n + 1),
    .table-with-drop-down__body tr:nth-child(4n + 2) {
      background: #ffffff;
      background: var(--white);
    }

.table-with-drop-down__header {
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
  }

.table-with-drop-down:before,
  .table-with-drop-down:after,
  .table-with-drop-down__header:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid #dedede;
    border-top: 1px solid var(--grey);
  }

.tags {
    color: #222222;
    color: var(--black);
    display: inline-block;
    font-size: 0.875rem;
}

.tags--dark-grey {
        color: #6f6e6f;
        color: var(--darkest-grey);
    }

.tags__tag {
        border-right: 1px solid;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }

.tags__tag:last-of-type {
            border: none;
        }

.tags__tag:first-of-type {
            padding-left: 0.1rem;
        }

.telephone-number-link {
    color: #990ae3;
    color: var(--core-purple);
    text-decoration: none;
    border-bottom: 1px solid #990ae3;
    border-bottom: 1px solid var(--core-purple);
}

.telephone-number-link:hover {
    }

.telephone-number-link:active, .telephone-number-link:focus {
        background-color: #990ae3;
        background-color: var(--core-purple);
        color: #ffffff;
        color: var(--white);
        outline: none;
        text-decoration: none;
    }

.textarea {
    border-radius: 0.25em;
    background-color: #f2f2f2;
    background-color: var(--light-grey);
    border: 1px solid #f2f2f2;
    border: 1px solid var(--light-grey);
    color: #222222;
    color: var(--black);
    font: inherit;
    padding: 1rem;
    resize: none;
    width: 100%;
    vertical-align: top;
}

.textarea :-ms-input-placeholder {
        color: #6f6e6f;
        color: var(--darkest-grey);
    }

.textarea ::placeholder {
        color: #6f6e6f;
        color: var(--darkest-grey);
    }

.textarea:hover,
    .textarea:focus,
    .textarea:active {
        border-color: #990ae3;
        border-color: var(--core-purple);
        outline: none;
    }

.textarea:disabled,
    .textarea:disabled:hover,
    .textarea:disabled:focus,
    .textarea:disabled:active {
        border: 1px solid #f2f2f2;
        border: 1px solid var(--light-grey);
        color: #6f6e6f;
        color: var(--darkest-grey);
    }

.textarea--margin-bottom {
        margin-bottom: 1rem;
        margin-bottom: var(--margin-bottom);
    }

.textarea--white {
        background-color: #ffffff;
        background-color: var(--white);
        border-color: #6f6e6f;
        border-color: var(--darkest-grey);
    }

.textarea--white:disabled,
        .textarea--white:disabled:hover,
        .textarea--white:disabled:focus,
        .textarea--white:disabled:active {
            border: 1px solid #6f6e6f;
            border: 1px solid var(--darkest-grey);
            color: #6f6e6f;
            color: var(--darkest-grey);
        }

.textarea--with-error,
    .textarea--with-error:hover,
    .textarea--with-error:focus,
    .textarea--with-error:active {
        border-color: #e12364;
        border-color: var(--dark-red);
    }

.textbox {

    border-radius: 0.25em;
    border: 1px solid #6f6e6f;
    border: 1px solid var(--darkest-grey);
    color: #222222;
    color: var(--black);
    display: block;
    font: inherit;
    padding: 10px 15px;
    transition: all 0.3s;
    width: 100%;
}

.textbox :-ms-input-placeholder {
        color: #6f6e6f;
        color: var(--darkest-grey);
    }

.textbox ::placeholder {
        color: #6f6e6f;
        color: var(--darkest-grey);
    }

.textbox[type="search"] {
        -webkit-appearance: none;
    }

.textbox[type="search"]::-webkit-search-decoration,
    .textbox[type="search"]::-webkit-search-cancel-button,
    .textbox[type="search"]::-webkit-search-results-button,
    .textbox[type="search"]::-webkit-search-results-decoration {
        display: none;
    }

.textbox:hover,
    .textbox:focus,
    .textbox:active {
        border: 1px solid #990ae3;
        border: 1px solid var(--core-purple);
        outline: none;
    }

.textbox:disabled {
        background-color: #f2f2f2;
        background-color: var(--light-grey);
        border: 1px solid #6f6e6f;
        border: 1px solid var(--darkest-grey);
        color: #6f6e6f;
        color: var(--darkest-grey);
    }

.textbox--with-error,
    .textbox--with-error:hover,
    .textbox--with-error:focus,
    .textbox--with-error:active {
        border-color: #e12364;
        border-color: var(--dark-red);
    }

.textbox--small{
        padding: 5px 10px;
    }

.telia-toggle {
  width: 2.75rem;
  height: 1.5rem;
  border-radius: 0.75rem;
  background-color: #bdbdbd;
  background-color: var(--grey-300);
  display: inline-flex;
  align-items: center;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

.telia-toggle:hover {
    cursor: pointer;
    background-color: #9c9c9c;
    background-color: var(--grey-400);
  }

.telia-toggle:focus {
    outline: none;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #66c2ff;
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-300);
  }

.telia-toggle:active {
    background-color: #7a7a7a;
    background-color: var(--grey-500);
  }

.telia-toggle:active .telia-toggle-thumb {
      width: 1rem;
      height: 1rem;
      top: 0.25rem;
      right: 1.35rem;
      transition: all 100ms ease-in;
    }

.telia-toggle-thumb {
    margin: 0 0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background-color: #ffffff;
    background-color: var(--white);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    top: 0.125rem;
    right: 1.25rem;
  }

.telia-toggle-thumb-indicator {
    border-left: 2px solid #7d00bd;
    border-left: 2px solid var(--core-purple-600);
    border-radius: 10px;
    height: 8px;
    position: absolute;
    left: 45%;
    top: 30%;
    transition: all 100ms ease-in;
  }

.telia-toggle-track {
    z-index: 0;
    padding: 0 0.25rem;
    width: 100%;
    position: absolute;
    top: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

.telia-toggle.checked {
    background-color: #990ae3;
    background-color: var(--core-purple);
  }

.telia-toggle.checked .telia-toggle-thumb {
      right: 0;
    }

.telia-toggle.checked:hover {
      background-color: #7d00bd;
      background-color: var(--core-purple-600);
    }

.telia-toggle.checked:focus {
      outline: none;
      box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #66c2ff;
      box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-300);
    }

.telia-toggle.checked:active {
      background-color: #5f008f;
      background-color: var(--core-purple-700);
    }

.telia-toggle.checked:active .telia-toggle-thumb {
        width: 1rem;
        height: 1rem;
        top: 0.25rem;
        right: 0.15rem;
        transition: all 100ms ease-in;
      }

.telia-toggle.checked:active .telia-toggle-thumb-indicator {
        top: 0.25rem;
      }

.telia-toggle.disabled {
    pointer-events: none;
    background-color: #f2f2f2;
    background-color: var(--light-grey);
  }

.telia-toggle.disabled .telia-toggle-thumb {
      background-color: #ebebeb;
    }

.telia-toggle.disabled.checked {
    pointer-events: none;
    background-color: rgba(153, 10, 227, 0.5);
  }

.telia-toggle.disabled.checked .telia-toggle-thumb {
      background-color: #ffffff;
      background-color: var(--white);
    }

.telia-toggle-screenreader-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

/*
Inspired by: https://codepen.io/aorcsik/pen/OPMyQp
*/

.toggle-button {
    position: relative;
}

.toggle-button__checkbox {
        margin: 7px 0 0 0;
        position: absolute;
    }

.toggle-button__checkbox:checked + .toggle-button__label:after {
            background: #990ae3;
            background: var(--core-purple);
        }

.toggle-button__checkbox:checked + .toggle-button__label:before {
            background: #d7acff; /* Um, this is not on the color chart... */
        }

.toggle-button__checkbox:focus + .toggle-button__label:after {
            box-shadow: 2px 2px 6px #666, 0 0 0 1px #990ae3;
            box-shadow: 2px 2px 6px #666, 0 0 0 1px var(--core-purple);
        }

.toggle-button__label {
        cursor: pointer;
        display: block;
    }

.toggle-button__label:before {
            background: #c6c5c5;
            border-radius: 16px;
            content: "";
            display: block;
            height: 16px;
            position: absolute;
            top: 4px;
            transition: all 0.3s;
            width: 40px;
        }

.toggle-button__label:after {
            background: #f1f1f1;
            border-radius: 16px;
            box-shadow: 2px 2px 4px #999;
            content: "";
            display: block;
            height: 24px;
            position: absolute;
            top: 0px;
            transition: all 0.3s;
            width: 24px;
        }

.toggle-button__label:hover:after {
                box-shadow: 2px 2px 6px #666, 0 0 0 1px #990ae3;
                box-shadow: 2px 2px 6px #666, 0 0 0 1px var(--core-purple);
            }

.toggle-button__description {
        color: #6f6e6f;
        color: var(--darkest-grey);
        font-style: italic;
    }

.toggle-button.right-side .toggle-button__checkbox {
        right: 5px;
    }

.toggle-button.right-side .toggle-button__checkbox:checked + .toggle-button__label:after {
            right: 0px;
        }

.toggle-button.right-side .toggle-button__label {
        padding: 4px 48px 4px 0;
    }

.toggle-button.right-side .toggle-button__label:before {
            right: 0px;
        }

.toggle-button.right-side .toggle-button__label:after {
            right: 16px;
        }

.toggle-button.left-side .toggle-button__checkbox {
        left: 5px;
        top: 4px;
    }

.toggle-button.left-side .toggle-button__checkbox:checked + .toggle-button__label:after {
            left: 16px;
        }

.toggle-button.left-side .toggle-button__label {
        padding: 4px 0 4px 48px;
    }

.toggle-button.left-side .toggle-button__label:before {
            left: 0;
            top: 8px;
        }

.toggle-button.left-side .toggle-button__label:after {
            left: 0;
            top: 4px;
        }

.toggle-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2.5rem;
    border-radius: 1.25rem;
    width: 20rem;
}

.toggle-switch__white {
        background-color: #ffffff;
        background-color: var(--white);
    }

.toggle-switch__grey {
        background-color: #dedede;
        background-color: var(--grey);
    }

.toggle-switch__button {
        position: relative;
        border: 0;
        border-radius: 1.25rem;
        height: 100%;
        background: inherit;
        padding: 0 1rem;
        font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: normal;

    }

.toggle-switch__button:focus {
        outline: 0;
        text-decoration: underline;
    }

.toggle-switch__button:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.toggle-switch [aria-pressed="true"] {
        background-color: #222222;
        background-color: var(--black);
        color: #ffffff;
        color: var(--white);
        transition: background-color 300ms linear;
    }

.toggle-switch [aria-pressed="true"]:before {
        content: " ";
        position: absolute;
        bottom: 100%;
        top: 2rem;
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-right: 13px solid #222222;
        border-right: 13px solid var(--black);
        border-bottom: 13px solid transparent;
        transform: rotate(135deg);
        left: 50%;
    }

:root {
    --icon-size-small: 20px;
}

.unique-selling-points {
    background-color: white;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 auto 1rem;
    margin: 0 auto var(--margin-bottom);
    width: 100%;
    padding: 0;
}

.unique-selling-points__block {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        list-style: none;
        margin-bottom: 20px;

    }

@media all and (min-width: 28.125em) {

.unique-selling-points__block {
            flex-basis: auto;
            margin: 0 20px 20px 0

    }
        }

@media all and (min-width: 48em) {
            .unique-selling-points__block:last-child {
                margin: 0 0 20px 0;
            }
        }

.unique-selling-points__block-content {
            display: inline-block;
            width: calc(100% - 10px - 24px);
            width: calc(100% - 10px - var(--icon-size-small));
            margin-left:10px;
        }

.unique-selling-points__icon {
        height: 24px;
        height: var(--icon-size-small);
        margin-bottom: 0;
        width: 24px;
        width: var(--icon-size-small);

        display: inline-block;
        float:left;

    }

.unique-selling-points__vertical-list {
        display: block;
    }

.accordion-flexible {
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  color: #222222;
  color: var(--black);
  width: 100%;
  max-width: 40rem;
  border-radius: 2px;
  background-color: #ffffff;
  background-color: var(--white);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.accordion-flexible > h3 {
    margin: 0;
  }

.accordion-flexible__header-container {
    display: flex;
    align-items: flex-start;
    position: relative;
    background-color: #ffffff;
    background-color: var(--white);
    width: 100%;

    font-family: 'TeliaSans-Bold', 'TeliaSans-Medium', 'Helvetica';

    font-family: var(--font-family-heading);

    margin: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;

    border: 2px solid transparent;
    transition: border 0ms ease-out;
    cursor: pointer;

    min-height: 100px;
  }

@media screen and (max-width: 400px) {

.accordion-flexible__header-container {
      padding-left: 0.75rem;
      padding-right: 0.75rem
  }
    }

.accordion-flexible__header-container:hover,
    .accordion-flexible__header-container:active {
      color: #222222;
      color: var(--black);
      border: 2px solid #990ae3;
      border: 2px solid var(--core-purple);
    }

.accordion-flexible__header-container > .telia-badge {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 4px 9px;
      height: 22px;
      position: absolute;
      border-radius: 2px;
      font-size: 0.75rem;
      line-height: 0.875rem;

      margin: 0 auto;
      left: 0;
      right: 0;
      width: -webkit-fit-content;
      width: fit-content;

      top: 0;
      margin-top: -11.5px;
    }

.accordion-flexible--expanded {
    min-height: 0;
    min-height: initial;
    padding-bottom: 0;
    border-bottom: 2px solid transparent;
    border-top: 2px solid #990ae3;
    border-top: 2px solid var(--core-purple);
    border-right: 2px solid #990ae3;
    border-right: 2px solid var(--core-purple);
    border-left: 2px solid #990ae3;
    border-left: 2px solid var(--core-purple);
  }

.accordion-flexible--expanded .accordion-flexible__header-row:last-of-type {
      display: none;
      visibility: hidden;
    }

.accordion-flexible--expanded:hover,
    .accordion-flexible--expanded:active {
      color: #222222;
      color: var(--black);
      border-bottom: 2px solid transparent;
    }

.accordion-flexible .accordion-flexible__content--expanded {
    border-left: 2px solid #990ae3;
    border-left: 2px solid var(--core-purple);
    border-right: 2px solid #990ae3;
    border-right: 2px solid var(--core-purple);
    border-bottom: 2px solid #990ae3;
    border-bottom: 2px solid var(--core-purple);
  }

.accordion-flexible__header {
    margin-top: 1.5rem;

    height: 100%;
    width: 100%;
  }

@media screen and (max-width: 400px) {

.accordion-flexible__header {
      margin-top: 1rem
  }
    }

.accordion-flexible__header-content-left {
      text-align: left;
    }

.accordion-flexible__header-content-right {
      display: flex;
      flex-direction: row-reverse;
      align-items: flex-end;
      min-height: 22px;
      margin-right: 0.5em;

      font-family: 'TeliaSans-Bold', 'TeliaSans-Medium', 'Helvetica';

      font-family: var(--font-family-heading);
      font-size: 16px;
      line-height: 100%;
    }

@media screen and (max-width: 400px) {

.accordion-flexible__header-content-right {
        margin-right: 2px
    }
      }

.accordion-flexible__header .accordion-flexible__header-row:last-of-type {
      position: relative;
      top: 0.66rem;
      align-items: flex-start;
    }

.accordion-flexible__header-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 16px;
  }

.accordion-flexible__header-row > * {
      flex-basis: auto;
      flex-shrink: 1;
      flex-grow: 1;
      align-items: flex-start;
    }

.accordion-flexible__header-row svg {
      color: #222222;
      color: var(--black);
      margin: 0;
      max-width: 26px;
      max-height: 26px;
      margin-right: 6px;
    }

.accordion-flexible__heading--left {
    color: #222222;
    color: var(--black);
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    font-family: 'TeliaSans-Bold', 'TeliaSans-Medium', 'Helvetica';
    font-family: var(--font-family-heading);
  }

@media screen and (max-width: 580px) {

.accordion-flexible__heading--left {
      font-size: 22px;
      line-height: 24px
  }
    }

@media screen and (max-width: 400px) {

.accordion-flexible__heading--left {
      font-size: 18px;
      line-height: 22px
  }
    }

.accordion-flexible__heading--right {
    color: #222222;
    color: var(--black);
    display: block;
    text-align: right;
    line-height: 20px;
    margin-left: 0.25rem;
  }

.accordion-flexible__heading--right.line-through {
      text-decoration: line-through;
    }

.accordion-flexible__arrow {
    fill: #222222;
    height: 1.2rem;
    width: 1.2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }

.accordion-flexible__arrow-container {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: auto;
      width: initial;
      max-width: none;
      max-width: initial;
      flex-basis: initial;
      flex-shrink: 0;
      flex-grow: 0;
      margin-left: 20px;
    }

.accordion-flexible__arrow--expanded {
      transform: translateY(-50%) rotate(180deg);
    }

.accordion-flexible__ingress-row--left {
    color: #222222;
    color: var(--black);
    display: block;
    text-align: left;
    min-width: 150px;
    margin-right: 10px;

    font-family: 'TeliaSans-Regular', 'Helvetica';

    font-family: var(--font-family-text);
    font-size: 16px;
    line-height: 1.5;
  }

@media screen and (max-width: 580px) {

.accordion-flexible__ingress-row--left {
      min-width: 140px
  }
    }

@media screen and (max-width: 480px) {

.accordion-flexible__ingress-row--left {
      min-width: 130px
  }
    }

@media screen and (max-width: 420px) {

.accordion-flexible__ingress-row--left {
      min-width: 120px
  }
    }

@media screen and (max-width: 380px) {

.accordion-flexible__ingress-row--left {
      min-width: 110px
  }
    }

.accordion-flexible__ingress-row--right {
    color: #222222;
    color: var(--black);
    display: block;
    text-align: right;
    min-width: 150px;

    font-family: 'TeliaSans-Regular', 'Helvetica';

    font-family: var(--font-family-text);
    font-size: 16px;
    line-height: 1.5;
  }

@media screen and (max-width: 580px) {

.accordion-flexible__ingress-row--right {
      min-width: 140px
  }
    }

@media screen and (max-width: 480px) {

.accordion-flexible__ingress-row--right {
      min-width: 130px
  }
    }

@media screen and (max-width: 420px) {

.accordion-flexible__ingress-row--right {
      min-width: 120px
  }
    }

@media screen and (max-width: 380px) {

.accordion-flexible__ingress-row--right {
      min-width: 110px
  }
    }

.accordion-flexible__content {
    color: #222222;
    color: var(--black);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 20px;
  }

.accordion-flexible__disclaimers .accordion:last-of-type {
      margin-bottom: 0;
      border-bottom: none;
    }

:root {
  --accordion-border: 1px solid var(--darkest-grey);
}

* ~ .accordion {
  border-top: 1px solid #6f6e6f;
  border-top: var(--accordion-border);
}

p + .accordion,
p + .accordion-list {
  margin-top: 2rem;
}

.accordion {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 2rem;
  max-width: calc(82px*8 + 20px*9);
  max-width: var(--width-medium);
  border-bottom: 1px solid #6f6e6f;
  border-bottom: var(--accordion-border);
}

.accordion:first-of-type {
    border-top: 1px solid #6f6e6f;
    border-top: var(--accordion-border);
  }

.accordion:last-of-type {
    margin-bottom: 2rem;
  }

.accordion + .accordion {
    margin-top: -2rem;
    border-top: none;
  }

.accordion__header {
    margin-top: 0;
    position: relative;
    width: 100%;
  }

.accordion__header--with-button {
      border-right: 1px solid #cfcfcf;
      width: 74%;
    }

@media only screen and (max-width: 52.5em) {

.accordion__header--with-button {
        width: 65%
    }
      }

@media only screen and (max-width: 44.5em) {

.accordion__header--with-button {
        border-right: none;
        width: 100%
    }
      }

.accordion__button {
    margin: 2rem auto;
    width: 20%;
    padding: 0.5rem 1rem;
    text-align: center;
  }

.accordion__button:last-of-type {
      margin-right: auto;
    }

@media only screen and (max-width: 52.5em) {

.accordion__button {
      margin-left: 3rem;
      margin-top: 2rem;
      margin-bottom: 2rem;
      min-width: 10rem
  }
    }

@media only screen and (max-width: 44.5em) {

.accordion__button {
      margin-top: 0rem;
      margin-left: 1.8rem;
      min-width: 10rem
  }
    }

.accordion__header-button {
    background-color: #ffffff;
    background-color: var(--white);
    border: none;
    cursor: pointer;
    display: flex;
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    font-size: inherit;
    font-weight: bold;
    padding: 1rem 2.8rem 1rem 1rem;
    position: relative;
    text-align: left;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
    min-height: 55px;
    color: #222222;
    color: var(--black);
  }

.accordion__header-button--transparent {
      background-color: transparent;
    }

.accordion__header-button--text-box {
      padding-left: 1rem;
    }

.accordion__header-button--text-box-text {
        font-size: 16px;
        color: #3c3c3cb3;
        font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
        padding-top: 0.2rem;
      }

.accordion__header-button:hover {
      color: #990ae3;
      color: var(--core-purple);
    }

.accordion__header-button:hover > .accordion__icon *,
    .accordion__header-button:hover + .accordion__header-icon * {
      fill: #990ae3;
      fill: var(--core-purple);
    }

.accordion__header-button:focus,
    .accordion__header-button:active {
      background-color: hsl(0, 0%, 97%);
      outline: none;
    }

.accordion__header-button--transparent:focus, .accordion__header-button--transparent:active {
        background-color: transparent;
      }

.accordion__header-icon {
    fill: #222222;
    fill: var(--black);

    height: 1.2rem;
    width: 1.2rem;

    position: absolute;
    right: 1rem;
    top: 50%;
    pointer-events: none;
    transform: translateY(-50%);
  }

.accordion__icon {
    fill: #222222;
    fill: var(--black);
    height: 2.5rem;
    width: 2.5rem;
  }

.accordion__image-container {
    display: flex;
    justify-content: center;
    width: 2.5rem;
  }

.accordion__image {
    height: auto;
    max-width: 2.5rem;
  }

.accordion__panel {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 5px 0 5px;
    transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out, padding 0.5s ease-in-out, visibility 0.5s ease-in-out;
    margin-left: 1.6rem;
    visibility: hidden;
    width: 100%;
  }

.accordion--open .accordion__header--with-button {
        border-right: none;
        width: 74%;
      }

@media only screen and (max-width: 52.5em) {

.accordion--open .accordion__header--with-button {
          width: 65%
      }
        }

@media only screen and (max-width: 44.5em) {

.accordion--open .accordion__header--with-button {
          width: 100%
      }
        }

.accordion--open .accordion__header-button:focus,
      .accordion--open .accordion__header-button:active {
        background-color: #ffffff;
        background-color: var(--white);
        color: #990ae3;
        color: var(--core-purple);
      }

.accordion--open .accordion__header-button--transparent:focus, .accordion--open .accordion__header-button--transparent:active {
          background-color: transparent;
        }

.accordion--open .accordion__header-button:focus > .accordion__icon *,
      .accordion--open .accordion__header-button:active > .accordion__icon *,
      .accordion--open .accordion__header-button:focus + .accordion__header-icon *,
      .accordion--open .accordion__header-button:active + .accordion__header-icon * {
        fill: #990ae3;
        fill: var(--core-purple);
      }

.accordion--open .accordion__header-button:hover > .accordion__icon *,
      .accordion--open .accordion__header-button:hover + .accordion__header-icon * {
        fill: #990ae3;
        fill: var(--core-purple);
      }

.accordion--open .accordion__header-icon {
      transform: translateY(-50%) rotate(180deg);
    }

.accordion--open .accordion__panel {
      height: auto;
      padding: 0 5px 5px 5px;
      opacity: 1;
      visibility: visible;
    }

.accordion-list__no-border .accordion {
      border-bottom: 0;
    }

.accordion-list__no-border .accordion:first-of-type {
        border-top: 0;
      }

.accordion-list__no-border .accordion + .accordion {
        margin-top: -1.5rem;
      }

.alert {
  border: 2px solid #00cc66;
  border: 2px solid var(--dark-green);
  border-left: none;
  border-right: none;
  margin-bottom: 1rem;
  margin-bottom: var(--margin-bottom);
  padding: 1rem;
  position: relative;
}

@media screen and (min-width: 60em) {

.alert {
    border: 2px solid;
    display: flex;
    margin: 0 auto 1rem auto;
    justify-content: center;
    max-width: calc(82px*6 + 20px*7);
    max-width: var(--width-small)
}
  }

.alert__text-container p {
      margin: 0;
    }

.alert__icon-container {
    line-height: 0;
  }

.alert__content {
    align-items: flex-start;
    justify-content: flex-start;
    display: flex;
  }

.alert--large,
  .alert--large-with-borders {
    margin-bottom: 0;
    border-left: none;
    border-right: none;
  }

@media screen and (min-width: 60em) {

.alert--large,
  .alert--large-with-borders {
      width: 100%;
      max-width: 100%;
  }
    }

.alert--large-with-borders {
    border: 2px solid;
  }

.alert--minimizable {
    padding-right: 3.125rem;
  }

@media all and (min-width: 28.75em) {

.alert--minimizable {
      padding-right: 6.25rem
  }
    }

.alert__close {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: auto;
  }

.alert__close:hover {
      color: #990ae3;
      color: var(--core-purple);
    }

.alert__close:hover > .box__close-icon * {
        fill: #990ae3;
        fill: var(--core-purple);
      }

.alert__close:focus,
    .alert__close:active {
      background-color: #990ae3;
      background-color: var(--core-purple);
      border-color: #990ae3;
      border-color: var(--core-purple);
      color: #ffffff;
      color: var(--white);
      outline: none;
    }

.alert__close:focus > .box__close-icon *, .alert__close:active > .box__close-icon * {
        fill: #ffffff;
        fill: var(--white);
      }

@media all and (min-width: 21em) {

.alert__close {
      padding: 1rem
  }
    }

.alert__close-text {
    display: none;
    line-height: 20px;
    margin-right: 0.2rem;
  }

@media all and (min-width: 28.75em) {

.alert__close-text {
      display: inline
  }
    }

.alert--positive {
    background-color: #ddf1e7;
    background-color: var(--alert-green);
    border-color: #00cc66;
    border-color: var(--dark-green);
  }

.alert--positive .alert__expand {
      background-color: #ddf1e7;
      background-color: var(--alert-green);
      border-color: #00cc66;
      border-color: var(--dark-green);
    }

.alert--negative {
    background-color: #ffd3e0;
    background-color: var(--alert-red);
    border-color: #ff2365;
    border-color: var(--alert-dark-red);
  }

.alert--negative .alert__expand {
      background-color: #ffd3e0;
      background-color: var(--alert-red);
      border-color: #ff2365;
      border-color: var(--alert-dark-red);
    }

.alert--warning {
    background-color: #fff5e0;
    background-color: var(--alert-yellow);
    border-color: #ffcd64;
    border-color: var(--alert-dark-yellow);
  }

.alert--warning .alert__expand {
      background-color: #fff5e0;
      background-color: var(--alert-yellow);
      border-color: #ffcd64;
      border-color: var(--alert-dark-yellow);
    }

.alert--info {
    background-color: #e5f4ff;
    background-color: var(--alert-blue);
    border-color: #0099ff;
    border-color: var(--alert-dark-blue);
  }

.alert--info .alert__expand {
      background-color: #e5f4ff;
      background-color: var(--alert-blue);
      border-color: #0099ff;
      border-color: var(--alert-dark-blue);
    }

.alert--minimized {
    right: 8px;
    width: 70px;
    height: 32px;
    z-index: 2;
    padding: 0;
    margin-top: 8px;
    border: 0;
    background: transparent;

    position: absolute;
  }

.alert--minimized .alert__content,
    .alert--minimized .alert__close {
      display: none;
    }

.alert--minimized .alert__expand {
      display: block;
    }

.alert__expand {
    border: 3px solid;
    font-family: 'TeliaSans-Bold';
    font-size: 18px;
    cursor: pointer;
    z-index: 100;
    height: 100%;
    width: 100%;
    border-radius: 3px;
    display: none;
  }

.alert__expand:hover,
    .alert__expand:focus {
      background: #990ae3;
      background: var(--core-purple);
      border-color: #990ae3;
      border-color: var(--core-purple);
      color: #ffffff;
      color: var(--white);
    }

.article-list {
    list-style: none;
    padding: 0;
}

.article-list__item {
        border-bottom: 1px solid #dedede;
        border-bottom: 1px solid var(--grey);

        display: flex;
        flex-direction: column;
        align-items: flex-start;

        padding: 1em 0.4375em 0.375em 0.4375em;
    }

.article-list__title {
        margin-bottom: 0.5em;
    }

.article-meta-data {
    border-bottom: 1px solid #dedede;
    border-bottom: 1px solid var(--grey);
    border-top: 1px solid #dedede;
    border-top: 1px solid var(--grey);
}

.article-meta-data__wrapper {
        display: flex;
        flex-flow: row wrap;
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
        position: relative;
    }

@media all and (min-width: 80.25em){

.article-meta-data__wrapper {
            padding: 0.5rem 0
    }
        }

.article-meta-data__date-author {
        color: #6f6e6f;
        color: var(--darkest-grey);
        flex: 0 1 100%;
        font-size: 0.875rem;
        padding-bottom: 0.3rem;
    }

.article-meta-data__date {
        padding-right: 0.6rem;
    }

.article-meta-data__author {
    }

.article-meta-data .tags {
        flex: 0 1 90%;
    }

.article-meta-data__share {
        display: none;
        flex: 0 1 10%;
    }

.article-meta-data__share-icon {
        height: 1.2rem;
        width: 1.2rem;
    }

@media all and (min-width: 47.99em){
        .article-meta-data__date-author {
            flex: 0 1 33.33%;
            padding-bottom: 0;
            padding-right: 2rem;
        }

        .article-meta-data .tags {
            flex: 0 1 33.33%;
            text-align: center;
        }

        .article-meta-data__share {
            flex: 0 1 33.33%;
            text-align: right;
        }
    }

.telia-avatar {
  position: relative;
  font-size: 16px;
  background-color: #f2f2f2;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px;
}

.telia-avatar:focus {
    outline: none;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #66c2ff;
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-300);
    transition: all 200ms ease-in-out;
  }

.telia-avatar__image {
    height: 100%;
    width: 100%;
    border-radius: 50%;

    /*
    Not supported in ie11.
    The image will appear a bit squashed
    */
    object-fit: cover;
  }

.telia-avatar .Icon {
    width: 1.5rem;
    height: 1.5rem;
  }

.telia-avatar .telia-avatar {
    position: absolute;
    right: -2px;
    bottom: -2px;
    height: 1.5rem;
    width: 1.5rem;
    font-size: 8px;
    border: 2px solid #ffffff;
    border: 2px solid var(--white);
    border-radius: 50%;
    margin: 0;
  }

.telia-avatar__text--absolute, .telia-avatar__icon--absolute {
      position: absolute;
    }

button.telia-avatar {
  color: black;
  padding: 0;
  maringe: 0;
  border: 0;
  cursor: pointer;
}

a.telia-avatar {
  text-decoration: none;
  color: #222222;
  color: var(--black);
}

.telia-avatar--compact {
  width: 2rem;
  height: 2rem;
  font-size: 14px;
}

.telia-avatar--compact .Icon {
    width: 1.25rem;
    height: 1.25rem;
  }

.telia-avatar--big {
  width: 5rem;
  height: 5rem;
  font-size: 28px;
}

.telia-avatar--big .Icon {
    width: 3rem;
    height: 3rem;
  }

.telia-avatar--big .telia-avatar__status {
  height: 1.25rem;
  width: 1.25rem;
  border-width: 3px;
}

.telia-avatar--big * .telia-avatar {
  height: 3rem;
  width: 3rem;
  border: 3px solid #ffffff;
  border: 3px solid var(--white);
  font-size: 16px;
}

.telia-avatar--big * .telia-avatar .Icon {
    width: 1.5rem;
    height: 1.5rem;
  }

.telia-avatar--compact .telia-avatar__status {
  height: 0.75rem;
  width: 0.75rem;
  border-width: 2px;
}

.telia-avatar--compact * .telia-avatar {
  height: 1rem;
  width: 1rem;
  border: 1px solid #ffffff;
  border: 1px solid var(--white);
  font-size: 6px;
}

.telia-avatar--compact * .telia-avatar .Icon {
    width: 0.5rem;
    height: 0.5rem;
  }

.telia-avatar__status {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 0.9rem;
  width: 0.9rem;
  background-color: #26bb6f;
  background-color: var(--green-500);
  border: 2.5px solid #ffffff;
  border: 2.5px solid var(--white);
  border-radius: 50%;
}

.telia-avatar__status--offline {
    background-color: #e4175c;
    background-color: var(--red-500);
  }

.telia-avatar__status--inactive {
    background-color: #ff9b00;
    background-color: var(--orange-500);
  }

.telia-avatar__cluster {
  display: flex;
  position: relative;
}

.telia-avatar__cluster .telia-avatar.telia-avatar--default {
    margin-left: -1.5rem;
    border: 3px solid #ffffff;
    border: 3px solid var(--white);
  }

.telia-avatar__cluster .telia-avatar.telia-avatar--big {
    margin-left: -2.2rem;
    border: 4px solid #ffffff;
    border: 4px solid var(--white);
  }

.telia-avatar__cluster .telia-avatar.telia-avatar--compact {
    margin-left: -1rem;
    border: 2px solid #ffffff;
    border: 2px solid var(--white);
  }

.telia-avatar__cluster .telia-avatar:first-child {
      margin-left: 0px;
    }

.banner {
  max-width: calc(82px*6 + 20px*7);
  max-width: var(--width-small);
  margin: 0 auto;

  display: flex;
  flex-flow: column-reverse;
}

@media all and (min-width: 60rem) {

.banner {
    display: flex;
    flex-flow: row;
    max-width: calc(82px*12 + 20px*13);
    max-width: var(--width-large)
}

    .banner--reverse {
      flex-flow: row-reverse;
    }
  }

.banner__col {
    position: relative;
    flex-basis: 50%;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 0;
  }

.banner--background-grey {
    background-color: #f2f2f2;
    background-color: var(--light-grey);
  }

.banner--background-white {
    background-color: #ffffff;
    background-color: var(--white);
  }

.banner__content {
    padding: 2.9375rem;
    line-height: 1.5;
  }

.banner__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

@media all and (min-width: 60rem) {

.banner__image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%)
  }
    }

.big-image-dialog {
  background-color: #ffffff;
  background-color: var(--white);
  border-radius: 0.2rem;
  border: 1px solid #f2f2f2;
  border: 1px solid var(--light-grey);
  box-shadow: 0px 18px 24px 1px rgba(0, 0, 0, 0.5);
  margin: 15% auto;
  width: 90%;
  outline: none;

  z-index: 60;
  left: 0;
  right: 0;
  top: 0;
}

.big-image-dialog__overlay {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 59;
  }

.big-image-dialog__container {
    display: flex;
    position: relative;
    flex-direction: column;
  }

@media all and (min-width: 60rem) {

.big-image-dialog__container {
      flex-direction: row
  }
    }

.big-image-dialog__close-container {
    color: black;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: auto;
  }

.big-image-dialog__close-container:hover {
      color: #990ae3;
      color: var(--core-purple);
    }

.big-image-dialog__close-container:hover > .product-modal-dialog__close-icon * {
          fill: #990ae3;
          fill: var(--core-purple);
        }

.big-image-dialog__close-container:focus,
    .big-image-dialog__close-container:active {
      background-color: #990ae3;
      background-color: var(--core-purple);
      border-color: #990ae3;
      border-color: var(--core-purple);
      color: #ffffff;
      color: var(--white);
      outline: none;
    }

.big-image-dialog__close-container:focus > .product-modal-dialog__close-icon *, .big-image-dialog__close-container:active > .product-modal-dialog__close-icon * {
          fill: #ffffff;
          fill: var(--white);
        }

@media all and (min-width: 21em) {

.big-image-dialog__close-container {
      padding: 1rem
  }
    }

.big-image-dialog__close-text {
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
    display: inline;
    line-height: 20px;
    margin-right: 0.75rem;
  }

.big-image-dialog__close-icon {
    display: inline-block;
    float: right;
    height: 1.25rem;
    width: 1.25rem;
  }

.big-image-dialog__image-container {
    background-color: #f2f2f2;
    background-color: var(--grey-100);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.875rem 0;
  }

.big-image-dialog__image-container img {
      width: 120px;
    }

@media all and (min-width: 48rem) {

.big-image-dialog__image-container {
      padding: 3.75rem 0
  }
      .big-image-dialog__image-container img {
        width: 230px;
      }
    }

@media all and (min-width: 60rem) {

.big-image-dialog__image-container {
      min-width: 23.125rem;
      margin: 2.6rem 2rem;
      border-radius: 8.365px;
      border: 1px solid #d6d6dd;
      border: 1px solid var(--gray-150, #d6d6dd)
  }
    }

.big-image-dialog__heading {
    color: #222222;
    color: var(--black);
    font-family: 'TeliaSans-Bold';
    font-size: 1.125rem;
    line-height: 1.3125rem;
    margin: 0 0 1rem;
    text-transform: uppercase;
  }

@media all and (min-width: 30em) {

.big-image-dialog__heading {
      font-size: 1.5rem;
      line-height: 2rem
  }
    }

.big-image-dialog__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 4rem 2rem 2rem;
  }

@media all and (min-width: 30em) {

.big-image-dialog__content {
      padding: 4rem 0.75rem 2rem
  }
    }

.big-image-dialog--standalone {
    position: static;
  }

.box-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
}

.box-grid--center-content {
        justify-content: center;
    }

.box-grid .box {
        display: flex;
        flex: 0 1 auto;
    }

@media all and (min-width: 39.8125em) {

.box-grid .box {
            margin: 0.75rem
    }
        }

.box-grid .box--is-expanded {
            flex-wrap: wrap;
        }

.box-grid .box--no-margin-horizontal {
        margin-left: 0;
        margin-right: 0;
    }

.box-grid .box--no-margin-vertical {
        margin-top: 0;
        margin-bottom: 0;
    }

.box-grid .box--no-flex {
        display: block;
    }

.box-grid .box--half-width {
        flex-basis: 45%;
    }

.box-grid .box--half-width:only-child {
            flex-basis: 100%;
        }

@media all and (max-width: 47.313em) {
        .box-grid .box--half-width {
            flex-basis: inherit;
        }
    }

.box-grid .box--small,
    .box-grid .box--medium {
        margin: 3%;
    }

@media all and (min-width: 25.3125em) {
        .box-grid .box--small,
        .box-grid .box--medium {
            margin: 0.75rem;
        }
    }

.box-grid .box--is-expanded.box--small,
        .box-grid .box--is-expanded.box--medium {
            margin: 0.75rem 0.3rem;
        }

@media all and (min-width: 25.3125em) {
            .box-grid .box--is-expanded.box--small,
            .box-grid .box--is-expanded.box--medium {
                margin: 0.75rem;
            }
        }

.telia-breadcrumbs {
  padding-top: 8px;
  padding-bottom: 8px;
}

.telia-breadcrumbs--core-purple {
    background-color: #990ae3;
    background-color: var(--core-purple);
  }

.telia-breadcrumbs--grey {
    background-color: #dbdbdb;
    background-color: var(--grey-200);
  }

.telia-breadcrumbs--white {
    background-color: #ffffff;
    background-color: var(--white);
  }

.telia-breadcrumbs--black {
    background-color: #222222;
    background-color: var(--black);
  }

.telia-breadcrumbs--light-grey {
    background-color: #f2f2f2;
    background-color: var(--light-grey);
  }

.telia-breadcrumbs__list {
    vertical-align: middle;
    margin: 0;
  }

@media all and (max-width: 40rem) {

.telia-breadcrumbs__list {
      padding-left: 10px
  }
    }

.telia-breadcrumbs__crumb {
    display: inline-block;
  }

@media all and (max-width: 40rem) {
      .telia-breadcrumbs__crumb:not(:nth-last-child(-n + 2)) {
        display: none;
      }
    }

.telia-breadcrumbs__arrow-right-icon {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    height: 1.1rem;
    vertical-align: middle;
    width: 1.1rem;
  }

.telia-breadcrumbs__arrow-right-icon--white {
      color: #ffffff;
      color: var(--white);
    }

.telia-breadcrumbs__arrow-right-icon--black {
      color: #222222;
      color: var(--black);
    }

.telia-breadcrumbs__arrow-right-icon--grey {
      color: #dbdbdb;
      color: var(--grey-200);
    }

.telia-breadcrumbs__arrow-right-icon--core-purple {
      color: #990ae3;
      color: var(--core-purple);
    }

.telia-breadcrumbs__link {
    text-decoration: none;
    vertical-align: middle;
    padding: 0.6rem !important;
  }

.telia-breadcrumbs__link--white {
      color: #ffffff;
      color: var(--white);
    }

.telia-breadcrumbs__link--black {
      color: #222222;
      color: var(--black);
    }

.telia-breadcrumbs__link--grey {
      color: #dbdbdb;
      color: var(--grey-200);
    }

.telia-breadcrumbs__link--core-purple {
      color: #990ae3;
      color: var(--core-purple);
    }

.telia-breadcrumbs__paging-button {
    border: none;
    background: none;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    cursor: pointer;
  }

.telia-breadcrumbs__more-icon {
    vertical-align: middle;
    height: 1.5rem;
    width: 1.5rem;
  }

.telia-breadcrumbs__more-icon--white {
      color: #ffffff;
      color: var(--white);
    }

.telia-breadcrumbs__more-icon--black {
      color: #222222;
      color: var(--black);
    }

.telia-breadcrumbs__more-icon--grey {
      color: #dbdbdb;
      color: var(--grey-200);
    }

.telia-breadcrumbs__more-icon--core-purple {
      color: #990ae3;
      color: var(--core-purple);
    }

.telia-breadcrumbs__crumb-label {
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    vertical-align: middle;
    padding: 0.6rem;
  }

.telia-breadcrumbs__crumb-label--white {
      color: #ffffff;
      color: var(--white);
    }

.telia-breadcrumbs__crumb-label--black {
      color: #222222;
      color: var(--black);
    }

.telia-breadcrumbs__crumb-label--grey {
      color: #dbdbdb;
      color: var(--grey-200);
    }

.telia-bundle-deal-box {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  max-width: 21rem;
  position: relative;
  margin-top: 2rem;
  min-height: 24rem;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.15);
}

.telia-bundle-deal-box__wrapper {
    padding: 1rem;
    background-color: white;
    border: none;
    text-decoration: none;
    border-radius: 0.5rem;
    color: black;
  }

.telia-bundle-deal-box__wrapper:focus,
    .telia-bundle-deal-box__wrapper:hover {
      outline: solid 2px rgba(0, 0, 0, 0.15);
    }

.telia-bundle-deal-box__flashText-container {
    width: 100%;
    position: relative;
  }

.telia-bundle-deal-box__flashText {
    padding: 4px 8px;
    font-size: 14px;
    position: absolute;
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    top: -1.3rem;
    border-radius: 2px;
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fit-content;
    width: fit-content;
    left: 0;
    right: 0;
  }

.telia-bundle-deal-box__image-container {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

.telia-bundle-deal-box__product-image {
    margin-top: 2.2rem;
    object-fit: contain;
    max-width: 8rem;
    max-height: 7rem;
  }

.telia-bundle-deal-box__upper-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

.telia-bundle-deal-box__upper-container .heading {
      text-align: left;
      width: 100%;
    }

@media all and (min-width: 48em) {

.telia-bundle-deal-box__upper-container {
      min-height: 15rem
  }
    }

.telia-bundle-deal-box__description,
  .telia-bundle-deal-box__lower-container {
    text-align: left;
  }

.telia-bundle-deal-box__price-container {
    display: flex;
    margin: 0.5rem 0 0.5rem 0;
    align-items: center;
    width: 100%;
  }

.telia-bundle-deal-box__price-container--strikethrough {
      text-decoration: line-through;
      margin-right: 1rem;
      -webkit-text-decoration-color: #990ae3;
              text-decoration-color: #990ae3;
    }

.telia-bundle-deal-box__price-container--salesPrice {
      color: #990ae3;
      font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
      font-size: 1.5rem;
    }

:root {
    --campaign-padding: 1.5rem;
}

.campaign {
    max-width: calc(82px*6 + 20px*7);
    max-width: var(--width-small);
    position: relative;
    overflow: hidden;
}

.campaign__picture {
    }

.campaign__image {
        display: block;
        position: absolute;
        object-fit: cover;
        object-position: center;
        font-family: 'object-fit: cover; object-position: center;'; /*object-fit-images polyfill*/

        height: 100%;
        width: 100%;
    }

.campaign__content-wrapper {
        margin: 300px 5% 50px;
        position: relative;
        width: 90%;
    }

@media all and (min-width: 30em) {

.campaign__content-wrapper {
            margin: 2rem;
            width: 60%
    }
        }

.campaign__content {
        margin-bottom: 1.5rem;
        margin-bottom: var(--campaign-padding);
        padding: 1.5rem;
        padding: var(--campaign-padding);
    }

.campaign__heading {
        font-size: 2.5rem;
    }

.campaign__button {
        margin-left: 1.5rem;
        margin-left: var(--campaign-padding);
    }

.campaign--white-text .campaign__heading,
        .campaign--white-text .campaign__content {
            color: white;
        }

.campaign--white-content-box .campaign__content {
            background-color: #fff;
            opacity: 0.9;
        }

.cards {
    max-width: 1266px;
    margin: 0 auto;
    display: block;
    flex-wrap: wrap;
}

@media (min-width: 46.875rem) {

.cards {
        display: flex
}
    }

.card {
    display: block;
    background-color: #ffffff;
    background-color: var(--white);
    text-decoration: none;
    width: 100%;
    margin: 0.5rem 0;
}

@media (min-width: 46.875rem) {

.card {
        flex: 0 0 47%;
        margin: 0.5rem
}
    }

@media (min-width: 74.75rem) {

.card {
        flex-basis: 0;
        flex-grow: 1
}
    }

.card:hover .card__horizontal-line {
            width: 100%;
        }

.card:focus, .card:active {
        background: #990ae3;
        background: var(--core-purple);
    }

.card:focus .card__content .heading, .card:active .card__content .heading {
                color: #ffffff;
                color: var(--white);
            }

.card:focus .card__horizontal-line, .card:active .card__horizontal-line {
            background: #ffffff;
            background: var(--white);
            width: 100%;
        }

.card--background-grey {
        background-color: #F2F2F2;
    }

.card__image {
        width: 100%;
    }

.card__horizontal-line {
        display: block;
        width: 6.25rem;
        height: 0.1875rem;
        background-color: #990AE3;
        transition: width 0.5s ease;
    }

.card__content {
        padding: 0 2.5625rem 2.5625rem 2.5625rem;
    }

.telia-carousel {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.telia-carousel .main-section {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 1rem 0.5rem;
    }

@media (max-width: 410px) {

.telia-carousel .main-section {
            margin: 1rem 0
    }
        }

.telia-carousel .main-section .slides {
            overflow: hidden;
            display: flex;
            transition: transform 0.5s ease;
            width: 100%;
        }

.telia-carousel .main-section .slides .slide {
                opacity: 0;
                min-width: 100%;
                display: flex;
                justify-content: center;
                width: 100%;
            }

.telia-carousel .main-section .slides .slide .slide-items {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-around;
                    min-width: 100%;
                    margin: 1rem;
                }

@media (max-width: 410px) {

.telia-carousel .main-section .slides .slide .slide-items {
                        margin: 1rem 0
                }
                    }

.telia-carousel .main-section .slides .slide .slide-items--center {
                        justify-content: space-evenly;
                    }

.telia-carousel .main-section .slides .slide .slide-items .product-link {
                        text-decoration: none;
                    }

.telia-carousel .main-section .slides .slide .slide-items .product-price {
                        display: grid;
                        grid-template-columns: 1fr 1fr 1fr;
                        font-family: 'TeliaSans-Bold';
                        font-size: 2rem;
                        margin: 0;
                        margin-bottom: 0.5rem;
                    }

.telia-carousel .main-section .slides .slide .slide-items .product-price .price-text {
                            grid-column: 2;
                        }

.telia-carousel .main-section .slides .slide .slide-items .product-price .additional-info {
                            display: flex;
                            grid-column: 3;                           
                            justify-self: left;
                        }

.telia-carousel .main-section .slides .slide .slide-items .product-price .suffix {
                            font-size: 0.875rem;
                            align-self: center;
                        }

.telia-carousel .main-section .slides .slide--active {
                    opacity: 1;
                    transform: translateX(0); /* Move the active slide to the center */
                }

.telia-carousel .main-section .slides .slide:last-child .slide {
                        margin: 1rem;
                    }

.telia-carousel .main-section .arrow-container {
            width: 40px;
            height: 40px;
            color: #fff;
            background-color: #DEDBDB;
            border-radius: 50%;
            margin: auto 12px;
        }

@media (max-width: 560px) and (min-width: 370px) {

.telia-carousel .main-section .arrow-container {
                position: absolute;
                top: 12.75rem;
                margin: 0
        }
                .telia-carousel .main-section .arrow-container--right {
                    right: -5px;
                } 
                .telia-carousel .main-section .arrow-container--left {
                    z-index: 1;
                    left: -5px;
                }
            }

.telia-carousel .main-section .arrow-container .Icon {
                width: 40px;
                height: 40px;
                padding: 4px;
            }

.telia-carousel .main-section .arrow-container .Icon:focus, .telia-carousel .main-section .arrow-container .Icon:hover, .telia-carousel .main-section .arrow-container .Icon:active {
                    cursor: pointer;
                    background-color: #6E6E6E;
                    border-radius: 50%;
                    opacity: 50%;
                }

@media (max-width: 370px) {

.telia-carousel .main-section .arrow-container {
                margin: auto
        }
            }

.telia-carousel .main-section .arrow-container--hidden {
                visibility: hidden;
            }

.telia-carousel .pages-indicator {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 0 auto;
    }

.telia-carousel .pages-indicator .page-bubble {
            display: inline-block;
            height: 14px;
            width: 14px;
            margin: 11px;
            background-color: #DEDBDB;
            border-radius: 50%;
            opacity: 50%;

        }

.telia-carousel .pages-indicator .page-bubble:focus, .telia-carousel .pages-indicator .page-bubble:hover, .telia-carousel .pages-indicator .page-bubble:active {
                cursor: pointer;
                opacity: 85%;
            }

.telia-carousel .pages-indicator .page-bubble--current {
                background-color: #6E6E6E;
            }

.telia-carousel .pages-indicator .page-bubble--current:focus, .telia-carousel .pages-indicator .page-bubble--current:hover, .telia-carousel .pages-indicator .page-bubble--current:active {
                    cursor: default;
                    opacity: 50%;
                }

.chart-legend {
  text-align: center;
  padding-bottom: 1rem;
  padding-top: 1rem;
  line-height: normal;
  line-height: initial;
}

.chart-legend__container {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-bottom: var(--margin-bottom);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }

.chart-legend__title {
    margin-top: 0.5rem;
    margin-bottom: 0;
  }

.chart-legend__number {
    font-family: 'TeliaSans-Bold';
    font-size: 1.5rem;
    padding: 0;
    margin: 0;
  }

.chart-legend__number--sub {
    font-size: 1rem;
    padding: 0;
    margin: 0;
    color: #6f6e6f;
    color: var(--darkest-grey);
  }

.chart-legend--right-border {
    border-width: 0.1rem;
    border-right-style: solid;
    border-color: #d4d4d4;
  }

.chart-legend--left-border {
    border-width: 0.1rem;
    border-left-style: solid;
    border-color: #d4d4d4;
  }

.chart-legend__line {
    stroke-width: 15%;
    stroke-linecap: round;
  }

.chart-legend__line--red {
      stroke: #d0021b;
      stroke: var(--venetian-red);
    }

.chart-legend__line--orange {
      stroke: #ff9b00;
      stroke: var(--orange);
    }

.chart-legend__line--green {
      stroke: #3ed35f;
      stroke: var(--emerald);
    }

.chart-legend__line--disabled {
      opacity: 0;
      stroke: #3ed35f;
      stroke: var(--emerald);
    }

.chart-legend__line--purple {
      stroke: #990ae3;
      stroke: var(--core-purple);
    }

.check-box-with-label {
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
}

.check-box-with-label .check-box-with-label__input {
        position: absolute;
        opacity: 0;
    }

.check-box-with-label .check-box-with-label__input:focus + .check-box-with-label__svg-container .check-box-with-label__frame {
            stroke: #990ae3;
            stroke: var(--core-purple);
        }

/* SVG container */

.check-box-with-label .check-box-with-label__svg-container {
        vertical-align: middle;
        margin-right: .3rem;
        position: relative;
        top: 4px;
    }

/* SVG parts */

.check-box-with-label .check-box-with-label__frame {
        fill: none;
        stroke: #6f6e6f;
        stroke: var(--darkest-grey);
        stroke-width: 2px;
        transition: stroke .3s ease;
    }

.check-box-with-label .check-box-with-label__frame--disabled {
        fill: #f2f2f2;
        fill: var(--light-grey);
    }

.check-box-with-label:hover .check-box-with-label__frame {
        stroke: #990ae3;
        stroke: var(--core-purple);
    }

.check-box-with-label:hover .check-box-with-label__frame--disabled {
        stroke: #6f6e6f;
        stroke: var(--darkest-grey);
    }

.check-box-with-label .check-box-with-label__check-mark {
        fill: none;
        stroke: #990ae3;
        stroke: var(--core-purple);
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dasharray: 21px;
        stroke-dashoffset: 21.1px;
        transition: stroke-dashoffset .3s ease;
    }

.check-box-with-label .check-box-with-label__input:checked + .check-box-with-label__svg-container .check-box-with-label__check-mark {
        stroke-dashoffset: 0px;
    }

.check-box-with-label > .check-box-with-label__label-text {
        pointer-events: none;
        vertical-align: middle;
    }

.telia-chip {
  background-color: #ffffff;
  background-color: var(--white);
  border: 1px solid #bdbdbd;
  border: 1px solid var(--grey-300);
  border-radius: 2rem;
  color: #4e4e4e;
  color: var(--grey-700);
  cursor: pointer;
  display: flex;
  letter-spacing: 0.05rem;
  line-height: 1.25;
  width: -webkit-max-content;
  width: max-content;
  position: relative;
  text-decoration: none;
  align-items: center;
  transition: all 200ms ease-in-out;
  padding: 0.375rem 1rem;
  font-size: 14px;
}

.telia-chip:hover {
    background-color: #f2f2f2;
    background-color: var(--grey-100);
    border-color: #bdbdbd;
    border-color: var(--grey-300);
    color: #222222;
    color: var(--grey-900);
  }

.telia-chip:focus {
    outline: none;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #66c2ff;
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-300);
  }

.telia-chip:active {
    outline: none;
    box-shadow: none;
    background-color: #bdbdbd;
    background-color: var(--grey-300);
    border-color: #bdbdbd;
    border-color: var(--grey-300);
  }

.telia-chip__label {
    display: inline-flex;
    overflow: hidden;
    text-align: flex-start;
    line-height: 18px;
  }

.telia-chip__icon {
    height: 1rem;
    width: 1rem;
    margin-right: 0.5rem;
    align-self: flex-start;
  }

.telia-chip--input {
    padding: 0.375rem 0.375rem 0.375rem 1rem;
  }

.telia-chip--grey {
    background-color: #f2f2f2;
    background-color: var(--grey-100);
    color: #4e4e4e;
    color: var(--grey-700);
    border-color: #f2f2f2;
    border-color: var(--grey-100);
  }

.telia-chip--grey:hover {
      background-color: #bdbdbd;
      background-color: var(--grey-300);
      color: #222222;
      color: var(--grey-900);
      border-color: #bdbdbd;
      border-color: var(--grey-300);
    }

.telia-chip--grey:active {
      background-color: #9c9c9c;
      background-color: var(--grey-400);
      border-color: #9c9c9c;
      border-color: var(--grey-400);
    }

.telia-chip--disabled {
    pointer-events: none;
    background-color: #f2f2f2;
    background-color: var(--grey-100);
    color: #bdbdbd;
    color: var(--grey-300);
    border-color: #f2f2f2;
    border-color: var(--grey-100);
  }

.telia-chip--choice.telia-chip--hasIcon,
.telia-chip--input.telia-chip--hasIcon {
  padding-left: 0.5rem;
}

.telia-chip--square {
  border-radius: 4px;
}

.telia-chip--choice.telia-chip--square {
  padding: 0.375rem 0.5rem;
}

.telia-chip--input.telia-chip--square {
  padding: 0.375rem 0.5rem;
}

.telia-chip--input.telia-chip--active {
  cursor: default;
}

.telia-chip--input.telia-chip--active:focus {
    box-shadow: none;
  }

.telia-chip--choice.telia-chip--active {
  background-color: #f2f2f2;
  background-color: var(--grey-100);
}

.telia-chip--choice.telia-chip--active:hover {
    background-color: #bdbdbd;
    background-color: var(--grey-300);
  }

.telia-chip--choice.telia-chip--grey.telia-chip--active {
  background-color: #222222;
  background-color: var(--grey-900);
  border-color: #222222;
  border-color: var(--grey-900);
  color: #ffffff;
  color: var(--white);
}

.telia-chip--choice.telia-chip--grey.telia-chip--active:hover {
    background-color: #646464;
    background-color: var(--grey-600);
    border-color: #646464;
    border-color: var(--grey-600);
  }

.telia-chip .telia-chip__closeBtn {
  background-color: #9c9c9c;
  background-color: var(--grey-400);
  color: #ffffff;
  color: var(--white);
  padding: 0.2rem;
  height: 1.5rem;
  width: 1.5rem;
  margin: -4px;
  margin-left: 0.4rem;
}

.telia-chip .telia-chip__closeBtn:hover {
    background-color: #4e4e4e;
    background-color: var(--grey-700);
  }

.telia-chip .telia-chip__closeBtn:focus {
    background-color: #bdbdbd;
    background-color: var(--grey-300);
  }

.telia-chip:hover .telia-chip__closeBtn {
    background-color: #7a7a7a;
    background-color: var(--grey-500);
  }

.telia-chip--grey:hover .telia-chip__closeBtn {
    background-color: #4e4e4e;
    background-color: var(--grey-700);
  }

.telia-chip--disabled .telia-chip__closeBtn {
  background-color: #f2f2f2;
  background-color: var(--grey-100);
  color: #9c9c9c;
  color: var(--grey-400);
}

.telia-chip--input .telia-chip__icon {
  align-self: center;
}

.contentBlock {
  border-radius: 12px;
  background-color: #f4f4f9;
  background-color: var(--grey-50);
}

.contentBlock--white {
    background-color: #ffffff;
    background-color: var(--white);
  }

.contentBlock .button {
    font-family: 'TeliaSans-Medium', Helvetica, Arial, 'Lucida Grande', sans-serif;
    border: 0.125rem solid #990ae3;
    font-size: 1rem;
  }

.contentBlock .banner__image {
      border-radius: 12px 12px 0 0;
    }

@media all and (min-width: 60.5em) {

.contentBlock .banner__image {
        border-radius: 12px 0 0 12px
    }
      }

@keyframes data-boost-chart-animation {
  0%   { transform: rotate(0deg); }
  50%  { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}

.data-boost-chart {
  position: relative;
  display: block;
  color: #222222;
  color: var(--black);
}

.data-boost-chart__slice {
      position: absolute;
  }

.data-boost-chart__slice:before {
          border-radius: 50%;

          animation: data-boost-chart-animation 20s linear infinite;
          background-image: linear-gradient(314.2634263100117deg, #099, #009797 7.2%, #009b9b 7.2%, #00c3c2 7.5%, #00cece 8.1%, #00d1cc 11.5%, #03cecb 11.5%, #10c6d0 11.6%, #8d71f5 11.9%, #a561fb 12%, #b555ff, #af5afe 12.4%, #b15cff 15%, #b05efe, #b05cfe, #af55fd, #af55fd 15.4%, #aa48f9 15.4%, #9a0be3 16.6%, #930ae3 20.2%, #9a09e2 20.2%, #b707dc 20.3%, #e002d4 20.5%, #fe00cd 20.8%, #fe00cd 24.6%, #f701cf 24.6%, #d504d4 24.8%, #ad08e0 24.9%, #940ae4 25.1%, #9a0be3 25.7%, #9908e5 33.9%, #9501ec, #9804e8 34.3%, #9c1ad9 34.3%, #c2c557 34.7%, #cffe2a 35%, #cbfe2b 40.3%, #d0ee39 40.3%, #f240a9 40.7%, #ff00d6 41%, #ff00ce 41.5%, #fe00cd 63.3%, #fa04cc 63.3%, #9952ce 63.6%, #667bce 63.7%, #37a2ce 63.7%, #13c0cd, #05d0cd 63.9%, #02dacd 64.1%, #0cc 64.4%, #01cecc 69.3%, #00d6ca 69.5%, #00d1cb, #00d1cb 69.7%, #0bc1cf 69.7%, #1ea8d1 69.8%, #3887d4 69.8%, #713ddd 70%, #8720e0 70.1%, #980be4 70.1%, #9f04e3 70.2%, #9a0be3 71%);

          width: 100%;
          height: 100%;

          content: ' ';
          display: block;
          position: absolute;

          left: 0;
          top: 0;
      }

.data-boost-chart__slice:after {
          border-radius: 50%;

          width: 88%;
          height: 88%;
          margin: 6%;

          background: #fff;

          content: ' ';
          display: block;
          position: absolute;

          left: 0;
          top: 0;
      }

.data-boost-chart__upper-caption {
      font-family: 'TeliaSans-Bold';
      text-align: center;
      font-size: 1.5rem;
      line-height: 1.4rem;

      padding: 0;
      margin: 0;
      width: 80%;
  }

.data-boost-chart__lower-caption {
      text-align: center;
      font-size: 1rem;

      padding: 0.4em 0 0 0;
      margin: 0;
  }

.data-boost-chart:focus {
        background: #990ae3;
        background: var(--core-purple);
        color: #ffffff;
        color: var(--white);

        outline: none;
    }

.data-boost-chart:focus .data-boost-chart__slice:before {
                    background: #ffffff;
                    background: var(--white);
                }

.data-boost-chart:focus .data-boost-chart__slice:after {
                    background: #990ae3;
                    background: var(--core-purple);
                }

.telia-date-picker {
  --date-picker-period-input-border-radius: 4px;
  --date-picker-period-input-border-color: var(--grey-400);
  --date-picker-period-input-border-color-focused: var(--core-purple-500);
  --date-picker-menu-border-radius: 4px;

  position: relative;
}

.telia-date-picker input[type='text'],
  .telia-date-picker input[type='time'] {
    font-family: inherit;
    line-height: 20px;

    max-height: 42px;
  }

.telia-date-picker input[type='text']::-webkit-inner-spin-button,
    .telia-date-picker input[type='text']::-webkit-calendar-picker-indicator,
    .telia-date-picker input[type='time']::-webkit-inner-spin-button,
    .telia-date-picker input[type='time']::-webkit-calendar-picker-indicator {
      display: none;
      -webkit-appearance: none;
    }

.telia-date-picker__time .telia-dropdown-content {
    max-height: 132px;
    width: 100px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

.telia-date-picker__time .telia-dropdown-content::-webkit-scrollbar {
      display: none;
    }

.telia-date-picker__time .telia-date-picker__input {
    width: 108px;
  }

.telia-date-picker__input {
  width: 200px;
}

.telia-date-picker__input.telia-date-picker__input--full-width {
    width: 100%;
  }

.telia-date-picker__period .telia-date-picker__inputs {
    display: flex;
    width: -webkit-fit-content;
    width: fit-content;
    align-items: flex-end;
  }

.telia-date-picker__period .telia-date-picker__inputs .telia-textfield__input {
      transition: border 200ms;

      border: 1px solid var(--date-picker-period-input-border-color);
      border-right-color: transparent;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
    }

.telia-date-picker__period .telia-date-picker__inputs .telia-textfield__content {
      border: none;
      height: 38px;
    }

.telia-date-picker__period .telia-date-picker__inputs .telia-date-picker__input .telia-textfield__input {
        border-radius: 0px;
        border-left-color: transparent;
        border-right-color: transparent;
      }

.telia-date-picker__period .telia-date-picker__inputs .telia-date-picker__input::before,
      .telia-date-picker__period .telia-date-picker__inputs .telia-date-picker__input::after {
        content: '';
        transition: border 200ms;
        position: absolute;
        width: 1px;
        height: 38px;
        border-top: 1px solid var(--date-picker-period-input-border-color);
        border-bottom: 1px solid var(--date-picker-period-input-border-color);
      }

.telia-date-picker__period .telia-date-picker__inputs .telia-date-picker__input::after {
        right: 0;
        bottom: 0;
      }

.telia-date-picker__period .telia-date-picker__inputs > *:first-child .telia-textfield__input {
        border-top-left-radius: var(--date-picker-period-input-border-radius);
        border-bottom-left-radius: var(--date-picker-period-input-border-radius);
        border-color: var(--date-picker-period-input-border-color);
        border-right-color: transparent;
      }

.telia-date-picker__period .telia-date-picker__inputs > *:first-child::before {
        content: none;
      }

.telia-date-picker__period .telia-date-picker__inputs > *:last-child .telia-textfield__rightContent {
        border-right: 1px solid var(--date-picker-period-input-border-color);
        border-top-right-radius: var(--date-picker-period-input-border-radius);
        border-bottom-right-radius: var(--date-picker-period-input-border-radius);
      }

.telia-date-picker__period .telia-date-picker__inputs > *:last-child .telia-textfield__input {
        border: 1px solid var(--date-picker-period-input-border-color);
        border-left-color: transparent;
        border-right-color: transparent;
      }

.telia-date-picker__period .telia-date-picker__inputs > *:last-child .telia-date-picker__input::after,
      .telia-date-picker__period .telia-date-picker__inputs > *:last-child::after {
        content: none;
      }

.telia-date-picker__period .telia-date-picker__inputs .telia-date-picker__input--compact {
      width: 150px;
    }

.telia-date-picker__period .telia-textfield__rightContent {
    transition: border 200ms;
    border-top: 1px solid var(--date-picker-period-input-border-color);
    border-bottom: 1px solid var(--date-picker-period-input-border-color);
    border-radius: 0;
    margin-left: -1px;
  }

.telia-date-picker__period .telia-textfield__input {
    transition: border 200ms;

    border: 1px solid var(--date-picker-period-input-border-color);
    border-right-color: transparent;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

.telia-date-picker__period .telia-textfield__focus .telia-textfield__input {
      border-color: var(--date-picker-period-input-border-color-focused);
    }

.telia-date-picker__period .telia-textfield__focus .telia-textfield__rightContent {
      margin: 0;
    }

.telia-date-picker__period .telia-date-picker__input.telia-textfield__focus .telia-textfield__input {
      border-color: var(--date-picker-period-input-border-color-focused);
    }

.telia-date-picker__period .telia-date-picker__input.telia-textfield__focus::before,
    .telia-date-picker__period .telia-date-picker__input.telia-textfield__focus::after {
      border-color: var(--date-picker-period-input-border-color-focused);
    }

.telia-date-picker__menu {
  position: absolute;
  background-color: white;
  box-shadow: 0px 8px 32px rgba(58, 58, 58, 0.18);
  border-radius: var(--menu-border-radius);
  z-index: 10;
  min-width: 350px;
}

.telia-date-picker__menu--options {
    margin: 1rem 1.5rem;
    margin-top: 0rem;
  }

.telia-date-picker__menu__close {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 1rem;
  }

.telia-date-picker__menu__close .telia-business-button {
      width: 100%;
      justify-content: center;
    }

.telia-date-picker__menu--compact {
  min-width: 0;
}

.telia-date-picker__menu--compact .telia-date-picker__month {
    margin: 0 0.75rem;
    grid-template-columns: 40px 40px 40px 40px 40px 40px 40px;
    grid-template-rows: 40px 40px 40px 40px 40px 40px;
  }

.telia-date-picker__menu--compact .telia-date-picker__header {
    padding: 0.5rem 0.75rem;
    padding-bottom: 0;
  }

.telia-date-picker__header {
  padding: 1rem 1.5rem;
  padding-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.telia-date-picker__header__labels {
    display: flex;
    width: 100%;
    justify-content: space-around;
  }

.telia-date-picker__header__labels div:first-child {
      margin-right: 4rem;
    }

.telia-date-picker__months {
  display: flex;
}

.telia-date-picker__months--stack {
    flex-direction: column;
  }

.telia-date-picker__month-label {
  grid-column: 1/8;
}

.telia-date-picker__month {
  display: grid;
  grid-template-columns: 45px 45px 45px 45px 45px 45px 45px;
  grid-template-rows: 45px 45px 45px 45px 45px 45px;
  justify-content: center;
  place-items: center;
  margin: 0 1.5rem;
  margin-bottom: 1.5rem;
}

.telia-date-picker__day {
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  background-color: white;
  border: none;
}

.telia-date-picker__day:focus {
    outline: none;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #66c2ff;
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-300);
  }

.telia-date-picker__day:hover {
    color: #222222;
    color: var(--black);
    background-color: #f2f2f2;
    background-color: var(--grey-100);
  }

.telia-date-picker__day:active,
  .telia-date-picker__day--active {
    color: #ffffff;
    color: var(--white);
    background-color: #990ae3;
    background-color: var(--core-purple-500);
  }

.telia-date-picker__day--inPeriod {
    color: #990ae3;
    color: var(--core-purple);
    background-color: #fbf0ff;
    background-color: var(--core-purple-100);
  }

.telia-date-picker__day--disabled {
    color: #bdbdbd;
    color: var(--grey-300);
    pointer-events: none;
  }

.display-functionality {
    background-color: #f2f2f2;
    background-color: var(--light-grey);
    padding: 1.25rem 0;
    padding: var(--padding) 0;
}

@media (min-width: 39.5em) {

.display-functionality__container {
            display: flex;
            flex-flow: row;
            justify-content: space-between
    }
        }

@media (min-width: 39.5em) {

.display-functionality__container--reverse {
            flex-flow: row-reverse
    }
        }

.display-functionality__col {
        position: relative;
        flex-grow: 1;
        flex-basis: 0;
        padding: 1.25rem;
        padding: var(--padding);
    }

.display-functionality__device {
        position: relative;
        z-index: 1;
        width: 100%;
        margin: 3px 0px 0px 2px;
    }

.display-functionality__image {    
        position: absolute;
        top: 0;
        left: 12%;
        width: 76%;
        margin-top: 4.25%;
        padding: 1.25rem;
        box-sizing: border-box;
        opacity: 1;
        transition: opacity 0.5s ease-out;
    }

.display-functionality__image--hidden {
            opacity: 0;
        }

.display-functionality__image--tablet {
            left: 14%;
            width: 68%;
            margin-top: 12.25%;
        }

.display-functionality__image--phone {
            left: 20%;
            width: 63%;
            margin-top: 11.25%;
        }

.display-functionality__image--tv {
            left: 10%;
            width: 80%;
            margin-top: 6%;
        }

.display-functionality__paging {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        display:flex;
    }

.display-functionality__bullet {
        display:block;
        width: 1.25rem;
        width: var(--padding);
        height: 1.25rem;
        height: var(--padding);
        border-radius: 50%;
        border: 1px solid #990ae3;
        border: 1px solid var(--core-purple);
        margin: 0 0.2813rem;
        cursor: pointer;
    }

.display-functionality__bullet--active {
            background-color: #990ae3;
            background-color: var(--core-purple)
        }

@keyframes reduceStrokeToCurrentValue {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
  }
}

@keyframes repositionCaps {
  0% {
    transform: rotate(6.28rad);
  }
  100% {
  }
}

@keyframes repositionSegment {
  0% {
    transform: rotate(0);
  }
  100% {
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
  99.999999% {
    stroke-dashoffset: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes capsfadeIn {
  0% {
    opacity: 0;
  }
  99.999999% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.donut-chart {
  position: relative;
  display: block;
  color: #222222;
  color: var(--black);
}

.donut-chart__spinner {
    margin: 0 auto;
  }

.donut-chart__slice {
    position: absolute;
    transform: rotate(-90deg);
  }

.donut-chart__arc {
    fill: none;
    stroke-linecap: butt;

    stroke: #3ed35f;

    stroke: var(--emerald);

    animation: fadeIn 0.5s linear, reduceStrokeToCurrentValue 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
  }

.donut-chart__arc--red {
      stroke: #d0021b;
      stroke: var(--venetian-red);
    }

.donut-chart__arc--orange {
      stroke: #ff9b00;
      stroke: var(--orange);
    }

.donut-chart__arc--green {
      stroke: #3ed35f;
      stroke: var(--emerald);
    }

.donut-chart__arc--disabled {
      opacity: 0;
      stroke: #3ed35f;
      stroke: var(--emerald);
    }

.donut-chart__arc--purple {
      stroke: #990ae3;
      stroke: var(--core-purple);
    }

.donut-chart__segment {
    animation: repositionSegment 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  }

.donut-chart__cap {
    animation: capsfadeIn 0.5s linear, repositionCaps 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
  }

.donut-chart__cap--red {
      fill: #d0021b;
      fill: var(--venetian-red);
    }

.donut-chart__cap--orange {
      fill: #ff9b00;
      fill: var(--orange);
    }

.donut-chart__cap--green {
      fill: #3ed35f;
      fill: var(--emerald);
    }

.donut-chart__cap--purple {
      fill: #990ae3;
      fill: var(--core-purple);
    }

.donut-chart__end-cap {
    animation: capsfadeIn 0.5s linear;
  }

.donut-chart__end-cap--red {
      fill: #d0021b;
      fill: var(--venetian-red);
    }

.donut-chart__end-cap--orange {
      fill: #ff9b00;
      fill: var(--orange);
    }

.donut-chart__end-cap--green {
      fill: #3ed35f;
      fill: var(--emerald);
    }

.donut-chart__end-cap--purple {
      fill: #990ae3;
      fill: var(--core-purple);
    }

.donut-chart__background {
    fill: none;
    stroke: #f2f2f2;
    stroke: var(--light-grey);
  }

.donut-chart__hole {
    width: 100%;
    height: 100%;
    top: 0;

    position: absolute;
    display: flex;

    flex-direction: column;
    align-items: center;
    justify-content: center;

    opacity: 1;

    pointer-events: none;

    transition: top 0.2s linear 0.2s, opacity 0.2s linear 0.2s;
  }

.donut-chart__hole--hidden-top,
    .donut-chart__hole--hidden-bottom {
      transition: top 0.2s linear 0s, opacity 0.2s linear 0s;
    }

.donut-chart__hole--hidden-top {
      top: -30%;
      opacity: 0;
    }

.donut-chart__hole--hidden-bottom {
      top: 30%;
      opacity: 0;
    }

.donut-chart__value {
    font-family: 'TeliaSans-Bold';
    font-size: 2.583rem;

    padding: 0;
    margin: 0;
  }

.donut-chart__value-caption {
    text-align: center;
    font-size: 1rem;
    line-height: 1.4rem;
    padding: 0;
    margin: 0;
    width: 80%;
  }

.donut-chart__loading-caption {
    text-align: center;
    font-size: 0.9rem;

    padding: 0.2em 0 0 0;
    margin: 0;
  }

.donut-chart:focus {
    background: #990ae3;
    background: var(--core-purple);
    color: #ffffff;
    color: var(--white);

    outline: none;
  }

.donut-chart:focus .donut-chart__cap,
      .donut-chart:focus .donut-chart__end-cap {
        fill: #ffffff;
        fill: var(--white);
      }

.donut-chart:focus .donut-chart__arc {
        stroke: #ffffff;
        stroke: var(--white);
      }

.donut-chart:focus .donut-chart__background {
        stroke: none;
      }

.download-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 2rem;
    margin-bottom: var(--margin-bottom-large);
}

.download-buttons__button {
        display: block; /*Needed by certain rendering engines*/
        padding: 0.4rem 1rem;
        text-decoration: none;
    }

.download-buttons__image {
        display: block;
        max-width: 100%;
        width: 160px;
    }

.telia-dropdown {
  position: relative;
  display: inline-block;
  width: -webkit-fit-content;
  width: fit-content;
  width: -moz-fit-content;
}

.telia-dropdown-content {
  display: none;
  position: absolute;
  border-radius: 4px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
  z-index: 1000;
}

.telia-dropdown-content.open {
    display: block;
  }

.telia-dropdown-content.right {
    right: 0;
  }

.telia-dropdown-content:active,
  .telia-dropdown-content:focus {
    outline: none;
  }

.telia-dropdown-content__nowrap .telia-dropdown-item {
      white-space: nowrap;
    }

.telia-dropdown-content__purpur {
    box-shadow: 0 8px 12px 0 rgb(0 0 0 / 10%);
  }

.telia-dropdown-toggle {
  transition-duration: 300ms;
  transition-property: background-color;
}

.telia-dropdown-toggle__default {
    color: black;
    padding: 0 1rem;
    border-radius: 4px;
    border: none;
    font-size: 16px;
    height: 2.25rem;
    line-height: 24px;
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    background-color: var(--light-grey);
  }

.telia-dropdown-toggle__default:hover {
      cursor: pointer;
      background-color: #dbdbdb;
      background-color: var(--grey-200);
    }

.telia-dropdown-toggle__default:active,
    .telia-dropdown-toggle__default:focus {
      box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #66c2ff;
      box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-300);
      outline: none;
      background-color: #dedede;
      background-color: var(--grey);
    }

.telia-dropdown-toggle__default .telia-dropdown-toggle-icon {
      header: 1rem;
      width: 1rem;
      margin-right: 8px;
    }

.telia-dropdown-toggle__default .telia-dropdown-toggle-caret {
      margin-left: 8px;
      height: 1rem;
      width: 1rem;
    }

.telia-dropdown-toggle__hideLabel {
    padding: 6px;
  }

.telia-dropdown-toggle__hideLabel .telia-dropdown-toggle-icon {
      margin: 0;
      height: 1.5rem;
      width: 1.5rem;
    }

.telia-dropdown-toggle__hideLabel .telia-dropdown-toggle-label,
    .telia-dropdown-toggle__hideLabel .telia-dropdown-toggle-caret {
      display: none;
    }

.telia-dropdown-toggle__outline {
    border: 1px solid #9c9c9c;
    border: 1px solid var(--grey-400);
  }

.telia-dropdown-toggle__outline.telia-dropdown-toggle__purple {
      border-color: #990ae3;
      border-color: var(--core-purple);
    }

.telia-dropdown-toggle__purpur {
    border: 1px solid #29003e;
    border: 1px solid var(--core-purple-850);
    border-radius: 8px;
    background-color: #ffffff;
    background-color: var(--white);
  }

.telia-dropdown-toggle__purpur:hover {
      background-color: #fbf0ff;
      background-color: var(--core-purple-100);
    }

.telia-dropdown-toggle__purpur .telia-dropdown-toggle-label {
        color: #29003e;
        color: var(--core-purple-850);
    }

.telia-dropdown-toggle__purple {
    color: #990ae3;
    color: var(--core-purple);
    background-color: #ffffff;
    background-color: var(--white);
  }

.telia-dropdown-toggle__purple:hover {
      background-color: #fbf0ff;
      background-color: var(--core-purple-100);
    }

.telia-dropdown-toggle__purple:active,
    .telia-dropdown-toggle__purple:focus {
      background-color: #edc8ff;
      background-color: var(--core-purple-200);
    }

.telia-dropdown-toggle__white {
    color: #222222;
    color: var(--black);
    background-color: #ffffff;
    background-color: var(--white);
  }

.telia-dropdown-toggle__white:hover {
      background-color: #f2f2f2;
      background-color: var(--light-grey);
    }

.telia-dropdown-toggle__white:active,
    .telia-dropdown-toggle__white:focus {
      background-color: #dbdbdb;
      background-color: var(--grey-200);
    }

.telia-dropdown-toggle__disabled {
    pointer-events: none;
    background-color: #f2f2f2;
    background-color: var(--grey-100);
    color: #9c9c9c;
    color: var(--grey-400);
    border-color: #bdbdbd;
    border-color: var(--grey-300);
  }

.telia-dropdown-toggle__outline.telia-dropdown-toggle__purple.telia-dropdown-toggle__disabled {
    border-color: #bdbdbd;
    border-color: var(--grey-300);
  }

.telia-dropdown-item {
  display: flex;
  align-items: center;
  color: #595959;
  color: var(--medium-dark-grey);
  padding: 1rem 0.95rem;
  margin: 0;
  font-size: 14px;
  background-color: white;
  border: none;
  white-space: pre-wrap;
  text-align: left;
  width: 100%;
}

.telia-dropdown-item__icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
  }

.telia-dropdown-item__active,
  .telia-dropdown-item:active,
  .telia-dropdown-item:focus {
    outline: none;
  }

.telia-dropdown-item__centered {
    justify-content: center;
  }

.telia-dropdown-item__divider {
    padding: 0;
    height: 1px;
    background-color: #dbdbdb;
    background-color: var(--grey-200);
    pointer-events: none;
  }

.telia-dropdown-item__header {
    pointer-events: none;
    color: #9c9c9c;
    color: var(--grey-400);
  }

.telia-dropdown-item__header--centered {
      justify-content: center;
    }

.telia-dropdown-item__search {
    background-color: #ffffff;
    background-color: var(--white);

    padding: 0.25rem 0.5rem;
  }

.telia-dropdown-item__search:not(last-child) {
      border-bottom: 1px solid #dbdbdb;
      border-bottom: 1px solid var(--grey-200);
    }

.telia-dropdown-item__search:not(first-child) {
      border-top: 1px solid #dbdbdb;
      border-top: 1px solid var(--grey-200);
    }

.telia-dropdown-item__search:active,
    .telia-dropdown-item__search:focus,
    .telia-dropdown-item__search:hover {
      background-color: #ffffff;
      background-color: var(--white);
    }

.telia-dropdown-item__search input,
    .telia-dropdown-item__search input:focus {
      box-shadow: none;
      height: 2rem;
      width: 100%;
      border: none;
      outline: none;
      font: inherit;
    }

.telia-dropdown-item__icon-container {
    padding-right: 0.375rem;
  }

.telia-dropdown-item__purpur:hover {
    cursor: pointer;
    background-color: #fbf0ff !important;
    background-color: var(--core-purple-100) !important;
  }

.telia-dropdown-item__purpur:active,
  .telia-dropdown-item__purpur:focus {
    background-color: #fbf0ff !important;
    background-color: var(--core-purple-100) !important;
  }

.telia-dropdown-item__clickable:hover {
    cursor: pointer;
    background-color: #dbdbdb;
    background-color: var(--grey-200);
  }

.telia-dropdown-item__clickable:active,
  .telia-dropdown-item__clickable:focus {
    background-color: #dedede;
    background-color: var(--grey);
  }

.telia-dropdown-item__clickable.telia-dropdown-item__active {
  background-color: #dedede;
  background-color: var(--grey);
}

.telia-dropdown-content > .telia-dropdown-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

.telia-dropdown-content > .telia-dropdown-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

.telia-dropdown-content__purpur > .telia-dropdown-item:first-child {
     border-radius: 8px 8px 0 0;
  }

.telia-dropdown-content__purpur > .telia-dropdown-item:last-child {
    border-radius: 0 0 8px 8px;
  }

.telia-dropdown--fullWidth {
  width: 100%;
}

.telia-dropdown--fullWidth .telia-dropdown-toggle,
  .telia-dropdown--fullWidth .telia-dropdown-content {
    width: 100%;
  }

.telia-dropdown--fullWidth .telia-dropdown-toggle-caret {
    margin-left: auto;
  }

.dropdown-list-with-label {
    align-items: left;
    display: flex;
    flex-direction: column;
}

.dropdown-list-with-label__select {
        color: black;
        border-radius: 0.25em;
        background: transparent url(/static/media/ico_dropArrow.28ad4a1d.svg) no-repeat right 10px center;
        background-size: 15px 15px;
        border: 1px solid #6f6e6f;
        border: 1px solid var(--darkest-grey);
        font-size: 1rem;
        margin: 0;
        min-width: 10px;
        padding: 10px 30px 10px 15px;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 100%;
    }

.dropdown-list-with-label__select:focus,
        .dropdown-list-with-label__select:active {
            background-color: #ffffff;
            background-color: var(--white);
            background-image: url(/static/media/ico_dropArrow_purple.f7df009d.svg);
            border-color: #990ae3;
            border-color: var(--core-purple);
            color: #990ae3;
            color: var(--core-purple);
            outline: none;
        }

.dropdown-list-with-label__select--half {
            width: 50%;
        }

.dropdown-list-with-label__select--disabled {
            background-image: url(/static/media/ico_dropArrow_grey.078892a1.svg);
        }

.dropdown-list-with-label__select::-ms-expand {
            display: none;
        }

.dropdown-list-with-label__option {
        color: #222222;
        color: var(--black);
        padding: 0;
    }

.dropdown-list-with-label--text-to-right {
        align-items: center;
        flex-direction: row;
    }

.dropdown-list-with-label--text-to-right .dropdown-list-with-label__label-text {
            order: 2;
            margin-left: 10px;
        }

.dropdown-list-with-label--text-to-right .dropdown-list-with-label__select {
            order: 1;
        }

.telia-expandableTextContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.telia-expandableTextContainer__textblock {
        padding: 1.5rem 1.5rem;
    }

.telia-expandableTextContainer__textblock-container {
        position: relative;
        overflow: hidden;
        height: 140px;
    }

.telia-expandableTextContainer__textblock-container .gradient {
            position: absolute;
            background: linear-gradient(rgba(242, 242, 242, 0.2) 40%, rgba(242, 242, 242, .9) 100%);
            top: 0;
            width: 100%;
            height: 140px;
        }

.telia-expandableTextContainer__textblock-container .gradient--white {
                background: linear-gradient(rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, .9) 100%);
            }

.telia-expandableTextContainer__textblock-container--expanded {
            height: auto;
        }

.telia-expandableTextContainer__button-container {
        margin-bottom: .5rem;
    }

.telia-expandableTextContainer__button-container .button {
            text-decoration: none;
            color: #6d02a3;
            color: var(--core-purple-750);
            font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
            font-size: 1rem;
            margin-top: 1rem;
        }

.telia-expandableTextContainer__button-container .button:hover, .telia-expandableTextContainer__button-container .button:active, .telia-expandableTextContainer__button-container .button:focus {
                color: #6d02a3 !important;
                color: var(--core-purple-750) !important;
                background-color: transparent !important;
            }

.telia-expandableTextContainer__button-container .button:focus {
                text-decoration: underline;
            }

.fact-box {
    background-color: #f2f2f2;
    background-color: var(--light-grey);
    margin: 0 auto 1rem;
    margin: 0 auto var(--margin-bottom);
    padding: 1rem;

    position: relative;
}

@media all and (min-width: 30em) {

.fact-box {
        padding: 1.5rem 2.3125rem 1.5rem 2.3125rem
}
    }

.fact-box__icon {
        height: 2.5rem;
        margin-bottom: 0.5rem;
        width: 2.5rem;
    }

.fact-box__heading {
        margin: 0;
    }

.fact-box__line {
        margin: 1em 0;
    }

.fact-box__text {
        margin-bottom: 1rem;
        margin-bottom: var(--margin-bottom);
    }

.fact-box--two-columns {
        display: flex;
        flex-direction: column;
    }

@media all and (min-width: 43em) {

.fact-box--two-columns {
            flex-direction: row
    }
        }

.fact-box--two-columns .fact-box__text {
            margin-top: 1.5rem;
        }

.fact-box__left {
        width: 100%;
        order: 1;
    }

@media all and (min-width: 43em) {

.fact-box__left {
            width: 66%;
            flex-direction: row;
            order: 0
    }
        }

.fact-box__right {
        box-sizing: border-box;
        width: 100%;
        padding: 2rem 0 0 2rem;
        order: 0;
    }

@media all and (min-width: 43em) {

.fact-box__right {
            width: 33%;
            flex-direction: row;
            order: 1
    }
        }

.fact-box__image {
        display: block;
        margin: 0 auto;

        max-height: 10em;
        max-width: 100%;
    }

.fact-box--centered-icon {
        padding-top: 4rem;
        margin-top: 2.34375rem;
    }

.fact-box--centered-icon .fact-box__icon {
            width: 4.6875rem;
            height: 4.6875rem;

            position: absolute;
            left: calc(50% - 2.34375rem);
            top: -2.34375rem;
        }

.fact-box--centered-icon .fact-box__text {
            margin-top: 1.5rem;
        }

.telia-field-instructions {
  position: relative;
}

.telia-field-instructions--icon {
    cursor: pointer;
  }

.telia-field-instructions--card {
    position: absolute;
    width: 250px;
    background-color: #f2f2f2;
    background-color: var(--grey-100);
    border-radius: 4px;
    bottom: auto;
    top: 30px;
    left: -118px;
    font-size: 14px;
  }

.telia-field-instructions--card--header {
      display: flex;
      padding: 0.1rem 0.1rem 0.1rem 1rem;
      align-items: center;
      place-content: space-between;
    }

.telia-field-instructions--card--header .telia-business-button:hover {
        background-color: #bdbdbd;
        background-color: var(--grey-300);
      }

.telia-field-instructions--card--divider {
      background-color: #bdbdbd;
      background-color: var(--grey-300);
      border: 0;
      height: 1px;
      width: auto;
      margin: 0;
    }

.telia-field-instructions--card--body {
      padding: 0.5rem 1rem;
      font-weight: 500;
    }

.telia-field-instructions--card__top,
    .telia-field-instructions--card__top-start,
    .telia-field-instructions--card__top-end {
      top: auto;
      bottom: 30px;
      left: -118px;
    }

.telia-field-instructions--card__top-start {
      left: -224px;
    }

.telia-field-instructions--card__top-end {
      left: -14px;
    }

.telia-field-instructions--card__right {
      left: 25px;
      top: -50px;
    }

.telia-field-instructions--card__bottom-start {
      left: -224px;
    }

.telia-field-instructions--card__bottom-end {
      left: -14px;
    }

.telia-field-instructions--card__left {
      left: -265px;
      top: -50px;
    }

.telia-field-instructions--card--arrow {
      content: ' ';
      position: absolute;
      bottom: 100%; /* At the top of the field-instructions-card */
      margin-left: -8px;
      border-width: 8px;
      border-style: solid;
      border-left-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-top-color: transparent;
    }

.telia-field-instructions--card__top > .telia-field-instructions--card--arrow {
  left: 50%;
  top: 100%;
  border-top-color: #f2f2f2;
  border-top-color: var(--grey-100);
}

.telia-field-instructions--card__top-start > .telia-field-instructions--card--arrow {
  left: 92%;
  top: 100%;
  border-top-color: #f2f2f2;
  border-top-color: var(--grey-100);
}

.telia-field-instructions--card__top-end > .telia-field-instructions--card--arrow {
  left: 8%;
  top: 100%;
  border-top-color: #f2f2f2;
  border-top-color: var(--grey-100);
}

.telia-field-instructions--card__right > .telia-field-instructions--card--arrow {
  border-right-color: #f2f2f2;
  border-right-color: var(--grey-100);
  top: 52px;
  right: 100%;
}

.telia-field-instructions--card__bottom > .telia-field-instructions--card--arrow {
  left: 50%;
  border-bottom-color: #f2f2f2;
  border-bottom-color: var(--grey-100);
}

.telia-field-instructions--card__bottom-start > .telia-field-instructions--card--arrow {
  left: 92%;
  border-bottom-color: #f2f2f2;
  border-bottom-color: var(--grey-100);
}

.telia-field-instructions--card__bottom-end > .telia-field-instructions--card--arrow {
  left: 8%;
  border-bottom-color: #f2f2f2;
  border-bottom-color: var(--grey-100);
}

.telia-field-instructions--card__left > .telia-field-instructions--card--arrow {
  border-left-color: #f2f2f2;
  border-left-color: var(--grey-100);
  top: 52px;
  left: calc(100% + 8px);
}

@keyframes focus-box-animation {
    0%   { background-position: -1000px -1000px; }
    25%  { background-position: -1000px -1000px; }
    100% { background-position: -600px  -1000px; }
}

.focus-box {
    background: #990ae3 url(/static/media/pebble-41.bffbd9e7.svg) no-repeat -300px -500px;
    background: var(--core-purple) url(/static/media/pebble-41.bffbd9e7.svg) no-repeat -300px -500px;
    background-size: 1000px;
    margin: 0 auto 2rem;
    margin: 0 auto var(--margin-bottom-large);
    max-width: calc(82px*8 + 20px*9);
    max-width: var(--width-medium);
    padding: 0.5rem;
}

.focus-box--expanded-width {
        margin: 0 -7.63rem 2rem;
        margin: 0 -7.63rem var(--margin-bottom-large);
    }

@media screen and (min-width: 28.125em) {

.focus-box {
        animation: focus-box-animation 4s 1;
        background: #990ae3 url(/static/media/pebble-41.bffbd9e7.svg) no-repeat -600px -1000px;
        background: var(--core-purple) url(/static/media/pebble-41.bffbd9e7.svg) no-repeat -600px -1000px;
        background-size: 2000px
}
    }

.focus-box__content-outer {
        background-color: white;
    }

.focus-box__content-inner {
        padding: 2.5rem 20px 2rem;
    }

@media screen and (min-width: 28.125em) {

.focus-box__content-inner {
            padding: 4rem 20px 3.5rem
    }
        }

.focus-header {
    padding: 1.25rem;
    text-align: center;
    background-color: #ffcd65;
    background-color: var(--light-orange);
}

.focus-header__heading {
        margin: 0 0 10px;
    }

.focus-spinner {
    animation: none;
    background-position: -1000px -1000px;
    text-align: center;
}

.focus-spinner__spinner {
        margin: 5rem auto;
    }

@media screen and (min-width: 28.125em) {

.focus-spinner__spinner {
            margin: 6.5rem auto
    }
        }

.telia-footer__container {
        margin-left: auto;
        margin-right: auto;
        padding: 1.5em 0 1.5em 0;
        max-width: 1244px;
        display: flex;
        justify-content: space-between;
    }

@media all and (max-width: 54em) {

.telia-footer__container {
            padding: 1em 0 1em 0;
            display: block;
            width: 100%
    }
        }

.telia-footer__nav-column-top {
        line-height: 1.3em;
        margin-left: 1em;
        margin-right: 1em;
        flex-direction: column;
        width: 25%;
        text-align: left;
    }

@media all and (max-width: 54em){

.telia-footer__nav-column-top {
            width: auto; 
            padding-top: 0.5em;
            padding-bottom: 0.5em;
            border-top: solid 1px #990ae3;
            border-top: solid 1px var(--core-purple)
    }
        }

@media all and (max-width: 54em) 
        {

.telia-footer__nav-column-top:last-child {
            border-bottom: solid 1px #990ae3;
            border-bottom: solid 1px var(--core-purple)
    }
        }

.telia-footer__nav-column-bottom {
        line-height: 1.3em;
        margin: 0;
        padding-left: 1em;
        flex-direction: column;
        width: 25%;
        text-align: left;
        color: #ffffff;
        color: var(--white);
    }

.telia-footer__nav-column-bottom p {
            margin:0;
            pointer-events: none;
            text-decoration:none; 
            color:inherit;
        }

.telia-footer__nav-column-bottom a {
            display: block;
            text-decoration: none;
        }

@media all and (max-width: 54em){

.telia-footer__nav-column-bottom {
            width: auto; 
            padding-top: 0.5em;
            padding-bottom: 0.5em
    }
        }

.telia-footer__logo:hover {
        opacity: 0.7;
    }

.telia-footer__accordion {
        padding-left: 0;
        width: 100%;
        text-align: left;
        font-size: 1em;
        background-color: Transparent;
        border: none;
        line-height: 1.3em;
    }

.telia-footer__accordion div a {
                display: block;
                text-decoration: none;
                line-height: 1.5rem
            }

@media all and (max-width: 54em) {

.telia-footer__accordion-heading:hover {
            opacity: 0.7;
            cursor: pointer
    }
        }

.telia-footer__accordian-chevron {
        display: none;
    }

@media all and (max-width: 54em) {

.telia-footer__accordian-chevron {
            display: inline-block;
            float: right;
            color: #990ae3;
            color: var(--core-purple)
    }
        }

.telia-footer__accordion-small-screen {
        display: none;
    }

@media all and (max-width: 54em){

.telia-footer__accordion-small-screen {
            display: block
    }
        }

.telia-footer__accordion-desktop {
        display: block;
    }

@media all and (max-width: 54em){

.telia-footer__accordion-desktop {
            display: none
    }
        }

.telia-footer__nav-column-link-top:hover {
        opacity: 0.7;
    }

.telia-footer__nav-column-link-top:first-child {
        margin-top: 0.5em;
    }

.telia-footer__nav-column-link-bottom:hover {
        opacity: 0.7;
    }

.telia-footer__nav-column-link-bottom:first-child {
        margin: 0;
    }

.telia-footer__deep-purple {
        background-color: #1f002e;
        background-color: var(--core-purple-900);
    }

.telia-footer__purple {
        background-color: #3f005e;
        background-color: var(--core-purple-800);        
    }

.telia-footer__white {
        color: #ffffff;
        color: var(--white);
    }

.telia-footer__light-purple {
        color: #c158f8;
        color: var(--core-purple-400);
    }

@media all and (max-width: 54em) {

.telia-footer__light-purple {
            color: #ffffff;
            color: var(--white)
    }
        }

.telia-footer__heading {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        color: #ffffff;
        color: var(--white);
        font-weight: normal;
    }

.telia-footer__vertical-seperator-line {
        display: inline;
        margin-left: 0.6em; 
        padding-left: 0.6em;    
    }

.telia-footer__sosial-media-row {
        margin: 0;
        list-style-type: none;
        display: inline-block;
        padding-left: 1em;
        padding-right: 1em;
        border-right: solid 1px #ffffff;
        border-right: solid 1px var(--white);
    }

.telia-footer__sosial-media-row:nth-child(3n+1) {
        padding-left: 0;
    }

.telia-footer__sosial-media-row:last-child {
        border: none;
    }

.telia-footer__social-media-icon { 
        font-size: 1.3em;
        transition: all .1s ease-in-out; 
    }

.telia-footer__social-media-icon:hover { 
        transform: scale(1.3);
    }

@media all and (max-width: 54em) {

.telia-footer__social-media-icon:hover {
            transform: none;
            opacity: 0.7
    } 
        }

.full-width-image {
    background-color: #dedede;
    background-color: var(--grey);
    margin: 0;
    position: relative;
    z-index: -1;
}

.full-width-image__image {
        display: block;
        min-height: 150px;
        object-fit: cover;
        object-position: top;
        font-family: 'object-fit: cover; object-position: top;'; /*object-fit-images polyfill*/
        width: 100%;
    }

@media all and (min-width: 28.125em) {

.full-width-image__image {
            min-height: 300px
    }
        }

@media all and (min-width: 62em) {

.full-width-image__image {
            height: 440px
    }
        }

@media all and (min-width: 110em) {

.full-width-image__image {
            height: 620px
    }
        }

.full-width-image__logo {
        position: absolute;

        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

.full-width-image__logo-image {
            position: absolute;
        }

.full-width-image__logo-image--align-top-left {
                left: 1rem;
                top: 1rem;
            }

.full-width-image__logo-image--align-top-right {
                top: 1rem;
                right: 1rem;
            }

.full-width-image__logo-image--align-bottom-right {
                bottom: 1rem;
                right: 1rem;
            }

.full-width-image__logo-image--align-bottom-left {
                bottom: 1rem;
                left: 1rem;
            }

@media all and (min-width: 43em) {
            .full-width-image--with-mask:after {
                background: transparent url(/static/media/full-screen-image-mask.5e40d828.svg) no-repeat bottom left;
                background-size: 101%;
                bottom: -2px;
                content: "";
                display: block;
                height: 100%;
                left: 0;
                position: absolute;
                width: 100%;
            }

        .full-width-image--with-content-overlap {
            margin-bottom: -12%;
        }
    }

@media all and (min-width: 78.125em) {
        .full-width-image--with-content-overlap {
            margin-bottom: -9.375rem;
        }
    }

.full-width-image--no-margin {
        margin-bottom: 0;
    }

.funky-tabs__tabs {
        position: relative;
        text-align: center;
    }

@media all and (max-width: 49.749em) {

.funky-tabs__tabs {
            margin: 0 0 -14rem 0;
            padding: 11rem 0 0 0
    }
        }

@media all and (min-width: 49.750em) {

.funky-tabs__tabs {
            margin: 0 0 -6rem 0;
            padding: 0
    }
        }

@media all and (max-width: 49.749em) {

.funky-tabs__tabs--no-images {
                margin: 0;
                padding: 0
        }
            }

@media all and (min-width: 49.750em) {

.funky-tabs__tabs--no-images {
                margin: 0;
                padding: 0
        }
            }

.funky-tabs__tab {
        display: block;
        margin-bottom: 1rem;
        margin-bottom: var(--margin-bottom);
    }

@media all and (min-width: 49.750em) {

.funky-tabs__tab {
            display: inline-block;
            position: relative
    }
        }

.funky-tabs__link .link {
            border-bottom: 2px solid transparent;
        }

.funky-tabs__tab-image {
        display: none;
        width: 180px;
        height: 200px;
    }

@media all and (min-width: 49.750em) {

.funky-tabs__tab-image {
            display: block;
            position: relative;
            z-index: -1
    }
        }

.funky-tabs__tab-no-image {
        width: 180px;
    }

.funky-tabs__tab-text {
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
    }

@media all and (min-width: 49.750em) {

.funky-tabs__tab-text {
            left: 0;
            position: absolute;
            top: 80%;
            width: 100%
    }
        }

.funky-tabs__panel {
        background-color: #f2f2f2;
        background-color: var(--light-grey);
        border-top: 1px solid #990ae3;
        border-top: 1px solid var(--core-purple);
        display: none;
        padding: 15rem 0 2rem;
    }

@media all and (min-width: 49.750em) {

.funky-tabs__panel {
            padding-top: 10rem
    }
        }

.funky-tabs__panel--selected {
            display: block;
        }

.funky-tabs__panel:focus {
            outline: none;
            border: 1px solid #990ae3;
            border: 1px solid var(--core-purple);
        }

.funky-tabs__panel--no-images {
            padding: 0 0 2rem;
        }

.funky-tabs__tab--selected .funky-tabs__tab-image {
            z-index: 1;
        }

@media all and (max-width: 49.749em) {

.funky-tabs__tab--selected .funky-tabs__tab-image {
                display: block;
                left: 0;
                margin: 0 auto 1rem;
                position: absolute;
                right: 0;
                top: -1.25rem
        }
            }

@media all and (min-width: 49.750em) {

.funky-tabs__tab--selected .funky-tabs__tab-text {
                position: static
        }
            }

.funky-tabs__link:hover .link, .funky-tabs__tab--selected .link {
            border-bottom: 2px solid #990ae3;
            border-bottom: 2px solid var(--core-purple);
            color: #990ae3;
            color: var(--core-purple);
            padding: 0 0 0.125rem 0;
        }

.funky-tabs__link:focus {
        outline: none;
    }

.funky-tabs__link:focus .link {
            color: #ffffff;
            color: var(--white);
            background-color: #990ae3;
            background-color: var(--core-purple);
        }

.gallery {
    line-height: 2;
    column-count: 1;
    column-gap: 10px;
}

@media all and (min-width: 18.75em) {

.gallery {
        column-count: 2
}
    }

@media all and (min-width: 50em) {

.gallery {
        column-count: 3
}
    }

@media all and (min-width: 62.5em) {

.gallery {
        column-count: 4
}
    }

@media all and (min-width: 75em) {

.gallery {
        column-count: 5
}
    }

.gallery--image {
        width: 100%;
        height: auto;
    }

.hardware-product {
  display: flex;
  flex-direction: column;
  max-width: 20rem;
  min-width: 15rem;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0.5rem;
  text-decoration: none;
  color: #222222;
  color: var(--black);
  text-align: center;
}

.hardware-product:hover {
    background-color: #f2f2f2;
    background-color: var(--light-grey);
  }

.hardware-product__upper-container {
    min-height: 14rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 0.5rem;
  }

.hardware-product__lower-container {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

.hardware-product__product-image-container {
    flex: 1 1 auto;
    height: 11rem;
    margin-bottom: 1rem;
    margin-bottom: var(--margin-bottom);
  }

.hardware-product__product-image {
    height: 100%;
    max-width: 100%;
  }

.hardware-product__product-campaign {
    padding: 0.1rem 0.4rem;
    text-align: center;
    align-self: center;
  }

.hardware-product__product-name {
    margin-bottom: 0.5rem;
  }

.hardware-product__product-price-decription {
  }

.hardware-product__product-price {
    font-family: 'TeliaSans-Bold';
    font-size: 1.5rem;
    margin: 0;
    margin-bottom: 0.5rem;
  }

.hardware-product__product-price-disclaimer {
  }

.hardware-product-box {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  width: 11rem;
  position: relative;
  min-height: 24rem;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  padding: 0.5rem;
  color: #222222;
  color: var(--black);
  text-align: center;
  cursor: pointer;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.15);
}

@media all and (min-width: 48em) {

.hardware-product-box {
    min-height: 27rem;
    width: 18rem
}
  }

.hardware-product-box__five-g-container {
    position: absolute;
    right: 0.5rem;
    height: 1.7rem;
    width: auto;
    bottom: 13.8rem;
  }

@media all and (min-width: 48em) {

.hardware-product-box__five-g-container {
      right: 2rem;
      bottom: 12rem;
      height: 2.3rem;
      width: auto
  }
    }

.hardware-product-box__highlight-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 4rem;
    width: 4rem;
    right: 0.5rem;
    top: 1rem;
    border-radius: 41px;
    z-index: 1;
  }

.hardware-product-box__highlight-container--wrapper {
      display: flex;
      justify-content: center;
      flex-direction: column;
    }

.hardware-product-box__highlight-container--heading {
      font-size: 0.6rem;
    }

.hardware-product-box__highlight-container--text {
      font-size: 0.5rem;
    }

.hardware-product-box__highlight-container--icon {
      align-self: center;
      height: 1rem;
      width: 1rem;
    }

@media all and (min-width: 48em) {

.hardware-product-box__highlight-container {
      height: 5.125rem;
      width: 5.125rem;
      right: 1.25rem
  }

      .hardware-product-box__highlight-container--heading {
        font-size: 0.8125rem;
      }

      .hardware-product-box__highlight-container--text {
        font-size: 11px;
      }

      .hardware-product-box__highlight-container--icon {
        height: 1.375rem;
        width: 1.375rem;
      }
    }

.hardware-product-box .horizontal-rule {
    display: none;
    transition: width 0.3s ease-in !important;
  }

.hardware-product-box .horizontal-rule--short {
      border-bottom: 2px solid #990ae3;
      border-bottom: 2px solid var(--core-purple);
      width: 50px;
    }

@media all and (min-width: 48em) {

.hardware-product-box .horizontal-rule {
      display: block
  }
    }

.hardware-product-box:hover {
    background-color: white;
  }

.hardware-product-box:hover .horizontal-rule--short {
      transition: width 0.4s ease-in !important;
      width: 70% !important;
    }

.hardware-product-box:focus {
    background: #990ae3 !important;
    color: #fff !important;
    outline: none !important;
  }

.hardware-product-box:focus .horizontal-rule--short {
      border-color: #fff !important;
    }

.hardware-product-box__upper-container {
    min-height: 10.5rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 0.5rem;
  }

@media all and (min-width: 48em) {

.hardware-product-box__upper-container {
      min-height: 15rem
  }
    }

.hardware-product-box__upper-container__fiveg {
      position: absolute;
      left: 100px;
    }

.hardware-product-box__image {
    height: 4rem;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
  }

@media all and (min-width: 48em) {

.hardware-product-box__image {
      height: 6rem
  }
    }

.hardware-product-box__lower-container {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

.hardware-product-box__lower-container .heading--level-3 {
      line-height: 1.4rem !important;
      color: black;
      text-wrap: pretty;
    }

.hardware-product-box__product-image-container {
    display: flex;
    justify-content: center;
    height: 10rem;
    width: 100%;
    position: relative;
  }

@media all and (min-width: 48em) {

.hardware-product-box__product-image-container {
      height: 15rem
  }
    }

.hardware-product-box__product-image {
    margin-top: 1.25rem;
    object-fit: contain;
    max-width: 90%;
  }

.hardware-product-box__product-campaign {
    display: flex;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    padding: 4px 9px;
    height: 22px;
    position: absolute;
    border-radius: 2px;
    font-size: 0.75rem;
    line-height: 0.875rem;
    top: -12px;
  }

@media all and (min-width: 48em) {

.hardware-product-box__product-campaign {
      font-size: 0.875rem
  }
    }

.hardware-product-box__name-wrapper {
    min-height: 4.5rem;
  }

@media all and (min-width: 48em) {

.hardware-product-box__name-wrapper {
      min-height: 3.5rem
  }
    }

.hardware-product-box__product-brand {
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem;
    letter-spacing: 1px;
  }

@media all and (min-width: 48em) {

.hardware-product-box__product-brand {
      font-size: 0.875rem
  }
    }

.hardware-product-box__product-name {
    font-family: 'TeliaSans-Bold', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: 0.3px;
    margin: 0rem 0 2px 0;
  }

@media all and (min-width: 48em) {

.hardware-product-box__product-name {
      font-size: 1.125rem
  }
    }

.hardware-product-box__product-price {
    display: grid;
    grid-template-columns: 7rem 3rem;
    align-items: center;
    text-align: right;
    font-family: 'TeliaSans-Bold';
    font-size: 1.5rem;
    margin: 0;
    margin-bottom: 0.5rem;
  }

.hardware-product-box__product-price span {
      font-size: 0.875rem;
    }

@media all and (min-width: 48em) {

.hardware-product-box__product-price {
      font-size: 2rem;
      grid-template-columns: 9rem 3rem
  }
    }

.hardware-product-box__product-price-description {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    font-weight: 400;
    color: black;
  }

.hardware-product-box__product-price-disclaimer {
    font-size: 0.625rem;
    line-height: 12px;
  }

.header {
    background: #f2f2f2;
    background: var(--light-grey);
    padding: 1.875rem 1.25rem 2.5rem;
}

.header--white {
        background-color: #ffffff;
        background-color: var(--white);
    }

.header--with-border-bottom {
        border-bottom: 3px solid #990ae3;
        border-bottom: 3px solid var(--core-purple)
    }

@media all and (min-width: 28.125em) {

.header {
        padding: 2.5rem
}
    }

@media all and (min-width: 48em) {

.header {
        padding: 3.125rem 5rem 2.5rem
}
            .header--hide-icon-on-desktop .header__icon {
                display: none;
            }

        .header--with-mask {
            padding-bottom: 12.5rem;
            background: #f2f2f2 url(/static/media/full-screen-image-mask.5e40d828.svg) no-repeat bottom -2px left;
            background: var(--light-grey) url(/static/media/full-screen-image-mask.5e40d828.svg) no-repeat bottom -2px left;
            background-size: 101%;
        }

        .header--with-content-overlap {
            margin-bottom: -10rem;
            padding-bottom: 12.8125rem;
        }
    }

.header__container {
        text-align: center;
    }

.header__icon {
        margin-bottom: 0.625rem;
        width: 2.5rem;
        height: 2.5rem;
    }

@media all and (min-width: 28.125em) {

.header__icon {
            margin-bottom: 0.9375rem;
            width: 3.125rem;
            height: 3.125rem
    }
        }

@media all and (min-width: 48em) {

.header__icon {
            margin-bottom: 1.25rem;
            width: 3.75rem;
            height: 3.75rem
    }
        }

.header__subtitle {
        color: #6f6e6f;
        color: var(--darkest-grey);
        display: block;
        font-size: 0.875rem;
        letter-spacing: 0.05em;
        line-height: 1.2;
        margin-bottom: 0.625rem;
        text-transform: uppercase;
    }

@media all and (min-width: 28.125em) {

.header__subtitle {
            font-size: 1.125rem
    }
        }

@media all and (min-width: 48em) {

.header__subtitle {
            font-size: 1.25rem
    }
        }

.header__preamble {
        font-size: 1.25rem;
        line-height: 1.625rem;
        margin: 0 auto;
        max-width: calc(82px*8 + 20px*9);
        max-width: var(--width-medium);
    }

@media all and (min-width: 28.125em) {

.header__preamble {
            font-size: 1.375rem;
            line-height: 1.75rem
    }
        }

@media all and (min-width: 48em) {

.header__preamble {
            font-size: 1.5rem;
            line-height: 1.875rem
    }
        }

.header.header--plain {
        background: none;
    }

.header.header--black-text .header__subtitle,
        .header.header--black-text .heading--level-1,
        .header.header--black-text .header__preamble {
            color: #000000;
        }

.header.header--white-text .header__subtitle,
        .header.header--white-text .heading--level-1,
        .header.header--white-text .header__preamble {
            color: #FFFFFF;
        }

.header-with-image {
    position: relative;
    padding: 0;
}

.header-with-image--with-gradient.header--black-text .hero__picture {
                background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.7) 100%);
                display: block;
            }

.header-with-image--with-gradient.header--white-text .hero__picture {
                background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
                display: block;
            }

.header-with-image--with-gradient .hero__image {
            position: relative;
            z-index: -1;
        }

.header-with-image .header__container {
        position: absolute;
        top: 20%;
        left: 0;
        right: 0;
        padding: 20px;
    }

@media all and (min-width: 61.25em) {

.header-with-image .header__container {
            top: 30%
    }
        }

.header-with-image .heading--level-1 {
        font-size: 2.5rem;
    }

@media all and (min-width: 37.5em) {

.header-with-image .heading--level-1 {
            font-size: 3.4375rem
    }
        }

@media all and (min-width: 61.25em) {

.header-with-image .heading--level-1 {
            font-size: 4.0625rem
    }
        }

.heading-link {
    display: inline-block;
    text-decoration: none;
}

.heading-link:hover .heading-link--focus-area * {
                color: #990ae3;
                color: var(--core-purple);
            }

.heading-link:hover .horizontal-rule--short {
            transition: width 0.3s ease-in;
            width: 100%;
        }

.heading-link:active,
    .heading-link:focus {
        outline: none;
    }

.heading-link:active .heading-link--focus-area, .heading-link:focus .heading-link--focus-area {
            background-color: #990ae3;
            background-color: var(--core-purple);
            color: #ffffff;
            color: var(--white);
            outline: none;
        }

.heading-link:active .heading-link--focus-area *, .heading-link:focus .heading-link--focus-area * {
                color: #ffffff;
                color: var(--white);
            }

.heading-link:active .horizontal-rule--short, .heading-link:focus .horizontal-rule--short {
            border-color: transparent;
            width: 100%;
        }

.heading-link .heading--level-2 {
        margin: 0 0 0.3125rem;
    }

.hero {
  color: #222222;
  color: var(--black);
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
}

.hero .horizontal-rule {
    margin: 0.5rem auto 0;
  }

.hero:active .horizontal-rule, .hero:focus .horizontal-rule {
      border-color: #ffffff;
      border-color: var(--white);
    }

@media all and (min-width: 48em) {

.hero {
    text-align: left
}

    .hero .horizontal-rule {
      margin: 0.5rem 0 0;
    }
  }

.hero--with-pebbles:before {
      background-image: url(/static/media/hero-pebble-05.17294836.svg), url(/static/media/hero-pebble-26.ddeca7cf.svg);
      background-repeat: no-repeat;
      background-position: -30% 65%, 104% 90%;
      background-size: 40vw, 22vw;
      content: '';
      display: block;
      height: 100%;
      overflow: hidden;
      position: absolute;
      width: 100%;
    }

@media all and (min-width: 28.125em) {

.hero--with-pebbles:before {
        background-position: -30% 70%, 104% 90%
    }
      }

@media all and (min-width: 38em) {

.hero--with-pebbles:before {
        background-position: -20% 70%, 104% 95%;
        background-size: 34vw, 20vw
    }
      }

@media all and (min-width: 48em) {

.hero--with-pebbles:before {
        background-position: -18% 45%, 104% 92%;
        background-size: 30vw, 17vw
    }
      }

@media all and (min-width: 64em) {

.hero--with-pebbles:before {
        background-position: -12% 45%, 104% 92%;
        background-size: 28vw, 17vw
    }
      }

@media all and (min-width: 90em) {

.hero--with-pebbles:before {
        background-position: -10% 55%, 104% 92%;
        background-size: 25vw, 15vw
    }
      }

@media all and (min-width: 112em) {

.hero--with-pebbles:before {
        background-size: 20vw, 13vw
    }
      }

.hero--with-pebbles-variant-1:before {
      background-image: url(/static/media/hero-pebble-46.ba7509d9.svg), url(/static/media/hero-pebble-01.bdac7aa9.svg);
    }

.hero--with-pebbles-variant-2:before {
      background-image: url(/static/media/hero-pebble-54.6f2d208b.svg), url(/static/media/hero-pebble-22.cb045766.svg);
    }

.hero--with-pebbles-variant-3:before {
      background-image: url(/static/media/hero-pebble-47.b54b8261.svg), url(/static/media/hero-pebble-06.639cc156.svg);
    }

.hero--with-pebbles-variant-4:before {
      background-image: url(/static/media/hero-pebble-14.3ef6f998.svg), url(/static/media/hero-pebble-12.569c4b96.svg);
    }

.hero--with-pebbles-black-friday:before {
      background-image: url(/static/media/hero-pebble-black-friday-2.e04f52c7.svg),
        url(/static/media/hero-pebble-black-friday-6.1ed39954.svg);
    }

.hero--with-pebbles-easter:before {
      background-image: url(/static/media/hero-pebble-easter-2.74af9f0e.svg),
        url(/static/media/hero-pebble-easter-4.914de334.svg);
    }

@media all and (min-width: 48em) {

.hero--with-pebbles-only-on-mobile:before {
        background: none
    }
      }

@media all and (max-width: 47.99em) {

.hero--with-pebbles-only-on-desktop:before {
        background: none
    }
      }

.hero__picture {
    margin: 0;
  }

.hero__image {
    display: block;
    min-height: 18.75em;
    max-height: 25em;
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover; object-position: center;'; /*object-fit-images polyfill*/
    width: 100%;
  }

@media all and (min-width: 68.75em) {
      .hero__image--align-top {
        font-family: 'object-fit: cover; object-position: top;'; /*object-fit-images polyfill*/
        object-position: top;
      }

      .hero__image--align-bottom {
        font-family: 'object-fit: cover; object-position: bottom;'; /*object-fit-images polyfill*/
        object-position: bottom;
      }
    }

@media all and (min-width: 87.5em) {

.hero__image {
      max-height: 37.5em
  }
    }

@media all and (min-width: 125em) {

.hero__image {
      max-height: 62.5em
  }
    }

.hero__logo {
    position: absolute;

    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

.hero__logo-image {
      position: absolute;
    }

.hero__logo-image--align-top-left {
        left: 1rem;
        top: 1rem;
      }

.hero__logo-image--align-top-right {
        top: 1rem;
        right: 1rem;
      }

.hero__logo-image--align-bottom-right {
        bottom: 1rem;
        right: 1rem;
      }

.hero__logo-image--align-bottom-left {
        bottom: 1rem;
        left: 1rem;
      }

.hero__box {
    background-color: #ffffff;
    background-color: var(--white);
    bottom: 5%;
    height: auto;
    max-height: 193px;
    left: 0;
    margin: 0 auto;
    max-width: 320px;
    padding: 20px;
    position: absolute;
    right: 0;
    width: 90%;
  }

@media all and (min-width: 28.125em) {

.hero__box {
      width: 100%
  }
    }

@media all and (min-width: 48em) {

.hero__box {
      bottom: 10%;
      left: 8%;
      margin: 0
  }
    }

@media all and (min-width: 64em) {

.hero__box {
      bottom: 15%;
      left: 15%
  }
    }

@media all and (min-width: 90em) {

.hero__box {
      max-height: 500px;
      max-width: 490px;
      padding: 30px
  }
    }

@media all and (min-width: 48em) {

.hero__box--align-right {
        left: 50%;
        margin: 0
    }
      }

@media all and (min-width: 64em) {

.hero__box--align-right {
        bottom: 15%;
        left: 60%
    }
      }

@media all and (min-width: 48em) {

.hero__box--align-center {
        left: 34%;
        margin: 0
    }
      }

@media all and (min-width: 64em) {

.hero__box--align-center {
        bottom: 15%;
        left: 38%
    }
      }

.hero__heading {
    color: #990ae3;
    color: var(--core-purple);
    font-family: 'TeliaSans-Bold';
    font-size: 25px;
    line-height: 27px;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: normal;
  }

@media all and (min-width: 90em) {

.hero__heading {
      font-size: 45px;
      line-height: 45px
  }
    }

.hero__subheading {
    display: inline-block;
  }

@media all and (min-width: 90em) {

.hero__subheading {
      font-size: 18px
  }
    }

.image {
    margin: 0 0 2rem 0;
}

.image--inline-left, .image--inline-right {
        display: inline;
        margin-bottom: .75em;
        margin-top: .25em;
        max-width: 50%;
    }

.image--inline-left .image__img, .image--inline-right .image__img {
            display: block;
            width: inherit;
        }

.image--inline-left {
        float: left;
        margin-right: 1em;
    }

.image--inline-right {
        float: right;
        margin-left: 1em;
    }

.image__img {
        display: block;
        height: auto;
        max-width: 100%;
    }

.image-heading-link {
  text-align: center;
  margin-bottom: 2rem;
  width: 200px;
}

.image-heading-link:active .horizontal-rule, .image-heading-link:focus .horizontal-rule {
      border-color: #ffffff;
      border-color: var(--white);
    }

.image-heading-link__image {
    max-height: 130px;
    width: auto;
  }

.image-heading-link__box {
    padding: 10px;
  }

.image-heading-link__heading {
    color: #990ae3;
    color: var(--core-purple);
    font-family: 'TeliaSans-Bold';
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 10px;
    text-transform: uppercase;
  }

@media all and (min-width: 48em) {

.image-heading-link__heading {
      font-size: 25px
  }
    }

.image-heading-link__heading--small {
      display: block;
      font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: 400;
      letter-spacing: 1px;
    }

@media all and (min-width: 48em) {

.image-heading-link__heading--small {
        font-size: 16px
    }
      }

.telia-incrementer {
  display: flex;
  justify-content: space-between;
  width: 7.74rem;
  height: 2.75rem;
  position: relative;
  border: 1px solid #fbf0ff;
  border: 1px solid var(--core-purple-100);
  border-radius: 100px;
  background-color: #ffffff;
  background-color: var(--white);
}

.telia-incrementer .telia-business-button {
    top: -1px;
    height: 2.75rem;
    width: 2.75rem;
    z-index: 2;
  }

.telia-incrementer .telia-business-button .Icon {
      height: 20px;
      width: 20px;
    }

.telia-incrementer .telia-business-button:hover,
  .telia-incrementer .telia-business-button:focus {
    transition: 0;
  }

.telia-incrementer input {
    position: absolute;
    height: 2.6rem;
    width: 40px;
    margin-left: 2.5rem;
    font-size: 16px;
    text-align: center;
    border: none;
  }

.telia-incrementer input:focus {
    z-index: 1;
    outline: none;
    box-shadow: 0 0 0 2px #66c2ff;
    box-shadow: 0 0 0 2px var(--blue-300);
    transition: all 200ms ease-in-out;
  }

/* Chrome, Safari, Edge, Opera */

.telia-incrementer input::-webkit-outer-spin-button,
  .telia-incrementer input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

/* Firefox */

.telia-incrementer input[type='number'] {
    -moz-appearance: textfield;
  }

.telia-incrementer--compact {
  height: 2.25rem;
  width: 104px;
}

.telia-incrementer--compact .telia-business-button {
    height: 2.25rem;
    width: 2.25rem;
  }

.telia-incrementer--compact .telia-business-button .Icon {
      height: 16px;
      width: 16px;
    }

.telia-incrementer--compact input {
    height: 2.1rem;
    width: 34px;
    font-size: 14px;
    margin-left: 2.1rem;
  }

.telia-incrementer--secondary {
  border-color: #f2f2f2;
  border-color: var(--grey-100);
}

.info-box {
    background-color: #f2f2f2;
    background-color: var(--light-grey);
    border-left: 6px solid #990ae3;
    border-left: 6px solid var(--core-purple);
    padding: 1.25rem 3.1875rem;
    padding: var(--padding) 3.1875rem;
    margin-bottom: 2rem;
    margin-bottom: var(--margin-bottom-large);
}

.info-card {
  background-color: #f2f2f2;
  background-color: var(--grey-100);
  padding: 0 0.75rem 0.75rem;
}

.info-card__title {
    display: flex;
    align-items: center;
  }

.info-card__list {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0;
  }

.info-card__item {
    position: relative;
    padding-left: 2rem;
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
    font-size: 1rem;
  }

.info-card__title-icon {
    margin-left: 0.5rem;
    width: 1.8rem;
    height: 1.8rem;
    color: #222222;
    color: var(--grey-900);
  }

.info-card__icon {
    position: absolute;
    left: 0;
    top: 4px;
    margin: 0 0.5rem;
    width: 1rem;
    height: 1rem;
  }

.light-alert {
    margin-bottom: 1rem;
    margin-bottom: var(--margin-bottom);
    padding: 1rem;
    position: relative;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    background-color: var(--white);
    border-radius: 3px;
}

.light-alert--no-margin {
        margin: 0 auto;
    }

@media screen and (min-width: 60em) {

.light-alert {
        max-width: calc(82px*6 + 20px*7);
        max-width: var(--width-small)
}
    }

.light-alert__header-container {
        display: flex;
        justify-content: space-between;
    }

.light-alert__heading {
        margin: 0 0 0.3125rem;
    }

.light-alert__icon {
        margin-left: 1rem;
        height: 1.7rem;
        width: 1.7rem;
        transform: rotate(180deg);
        border-radius: 50%;
    }

@media screen and (min-width: 60em) {

.light-alert__icon {
            height: 2.2rem;
            width: 2.2rem
    }
        }

.link-table {
    margin: 20px;
    padding: 0;

    list-style: none;
    display: flex;
    flex-wrap: wrap;

    background-color: #ffffff;

    background-color: var(--white);
}

.link-table__item {
        border-bottom: 1px solid #d8d8d8;
        border-bottom: 1px solid var(--grey-darker);
        border-left: 1px solid #d8d8d8;
        border-left: 1px solid var(--grey-darker);
        border-right: 1px solid #d8d8d8;
        border-right: 1px solid var(--grey-darker);

        width: 100%;
        display: flex;
    }

.link-table__item:first-child {
            border-top: 1px solid #d8d8d8;
            border-top: 1px solid var(--grey-darker);
        }

@media all and (min-width: 32em) {

.link-table__item {
            width: 50%
    }

            .link-table__item:nth-child(1),
            .link-table__item:nth-child(2) {
                 border-top: 1px solid #d8d8d8;
                 border-top: 1px solid var(--grey-darker);
            }

            .link-table__item:nth-child(even) {
                border-left: none;
            }
        }

@media all and (min-width: 70em) {

.link-table__item {
            width: 25%
    }

            .link-table__item:nth-child(3),
            .link-table__item:nth-child(4) {
                 border-top: 1px solid #d8d8d8;
                 border-top: 1px solid var(--grey-darker);
            }

            .link-table__item:nth-child(4n+2),
            .link-table__item:nth-child(4n+3),
            .link-table__item:nth-child(4n+4) {
                border-left: none;
            }
        }

.link-table__item:last-child {

        }

.link-table--wrap-by-two .link-table__item {
            width: 100%;
        }

@media all and (min-width: 32em) {

.link-table--wrap-by-two .link-table__item {
                width: 50%
        }

                .link-table--wrap-by-two .link-table__item:nth-child(2n+1) {
                    border-left: 1px solid #d8d8d8;
                    border-left: 1px solid var(--grey-darker);;
                }

                .link-table--wrap-by-two .link-table__item:nth-child(3),
                .link-table--wrap-by-two .link-table__item:nth-child(4) {
                    border-top: none;
                }

                .link-table--wrap-by-two .link-table__item:nth-child(2n+0) {
                    border-left: none;
                }
            }

.link-table__link {
        display: flex;
        height: 4rem;
        padding: 1rem;
        width: 100%;
        border-bottom: none;
    }

.link-table__link:hover {
            border-bottom: none;
        }

.link-table__link:hover > .link-table__icon * {
                fill:#990ae3;
                fill:var(--core-purple);
            }

.link-table__link:active > .link-table__icon *, .link-table__link:focus > .link-table__icon * {
                fill:#ffffff;
                fill:var(--white);
            }

.link-table__link > .link-table__icon {
            width: 2rem;
            height: 2rem;
            min-width: 3rem;
            margin-right: 1.2rem;
            align-self: center;
        }

.link-table__text {
        align-self: center;
    }

.list-with-image {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 auto 40px;
    max-width: 600px;
}

.list-with-image__heading {
        width: 100%;
    }

.list-with-image__list {
        align-self: center;
        margin-top: 0;
        padding: 0;
        order: 1;
        width: 100%;
    }

@media all and (min-width: 40em) {

.list-with-image__list {
            margin: 0;
            padding-right: 1rem;
            width: 50%
    }
        }

.list-with-image__image {
        order: 2;
        width: 100%;
    }

@media all and (min-width: 40em) {

.list-with-image__image {
            width: 50%
    }
        }

.list-with-image--list-right .list-with-image__list {
            order: 1;
        }

@media all and (min-width: 40em) {

.list-with-image--list-right .list-with-image__list {
                order: 2;
                padding-left: 1rem;
                padding-right: 0
        }
            }

.list-with-image--list-right .list-with-image__image {
            order: 2;
        }

@media all and (min-width: 40em) {

.list-with-image--list-right .list-with-image__image {
                order: 1
        }
            }

.list-with-image--image-top .list-with-image__list {
            order: 2;
        }

@media all and (min-width: 40em) {

.list-with-image--image-top .list-with-image__list {
                order: 1
        }
            }

.list-with-image--image-top .list-with-image__image {
            order: 1;
        }

@media all and (min-width: 40em) {

.list-with-image--image-top .list-with-image__image {
                order: 2
        }
            }

.list-with-image--list-right.list-with-image--image-top .list-with-image__list {
            order: 2;
        }

.list-with-image--list-right.list-with-image--image-top .list-with-image__image {
            order: 1;
        }

.list-with-image--hide-image-for-mobile {
        margin-bottom: 0;
    }

@media all and (min-width: 40em) {

.list-with-image--hide-image-for-mobile {
            margin-bottom: 40px
    }
        }

.list-with-image--hide-image-for-mobile .list-with-image__image {
            display: none;
        }

@media all and (min-width: 40em) {

.list-with-image--hide-image-for-mobile .list-with-image__image {
                display: block
        }
            }

.telia-lozenge {
  background-color: #f2f2f2;
  background-color: var(--grey-100);
  color: #222222;
  color: var(--grey-900);
  padding: 0.25rem 0.5rem;
  border-radius: 100px;
  width: -webkit-fit-content;
  width: fit-content;
  width: -moz-fit-content;
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
}

.telia-lozenge__positive {
    background-color: #ccefdd;
    background-color: var(--green-100);
    color: #00572a;
    color: var(--green-800);
  }

.telia-lozenge__negative {
    background-color: #fad1de;
    background-color: var(--red-100);
    color: #890e37;
    color: var(--red-700);
  }

.telia-lozenge__warning {
    background-color: #ffdca6;
    background-color: var(--orange-200);
    color: #663e00;
    color: var(--orange-800);
  }

.telia-lozenge__square {
    border-radius: 2px;
  }

.telia-lozenge__communication {
    background-color: #edc8ff;
    background-color: var(--core-purple-200);
    color: #5f008f;
    color: var(--core-purple-700);
  }

.telia-lozenge__info {
    background-color: #ccebff;
    background-color: var(--blue-100);
    color: #00558f;
    color: var(--blue-700);
  }

.telia-lozenge__attention {
    background-color: #5f008f;
    background-color: var(--core-purple-700);
    color: #fff;
  }

.telia-lozenge .Icon {
    height: 1rem;
    width: 1rem;
    margin-right: 0.25rem;
  }

:root {
  --logo-width-desktop: 9rem;
  --menu-padding: 0.5rem 1.25rem;
  --menu-padding-small: 0.5rem 0.5rem;
  --menu-link-padding: 0 calc(var(--padding)/1.3);
  --menu-link-margin-right: calc(var(--padding)/-2);

  --font-size: 1.08rem;
  --font-size-small: 0.89em;
  --font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;

  --icon-size-mobile: 1.9rem;
  --icon-size-mobile-small: 1.3rem;

  --menu-button-width: 3.5rem;
  --menu-button-width-small: 2.5rem;
}

.menu {
  width: 100%;
  position: relative;
  z-index: 45;
  background-color: white;
  box-shadow: 0 0.3rem 0.4rem rgba(0, 0, 0, 0.13);
}

.menu .link:hover {
    border: none;
    color: none;
  }

.menu .menu__top--heading {
    max-width: 1680px;
    margin: 0 auto;
  }

.body--locked {
  height: 100vh;
  overflow: hidden;
}

:root {
  --cart-icon-large: 1.5rem;
  --cart-item-count-size: 1.2rem;
}

.menu-cart__button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent;
    border: 0;
    padding: 0;
    letter-spacing: 1px;
    height: 100%;
    width: 2.5rem;
    width: var(--menu-button-width-small);
    position: relative;
  }

@media all and (min-width: 37.5rem) {

.menu-cart__button {
      width: 3.5rem;
      width: var(--menu-button-width);
      justify-content: center
  }
    }

@media screen and (min-width: 70rem) {

.menu-cart__button {
      align-items: center
  }
    }

.menu-cart__button:hover,
    .menu-cart__button:focus,
    .menu-cart__button:active {
      outline: none;
      cursor: pointer;
    }

.menu-cart__button:hover .Icon, .menu-cart__button:focus .Icon, .menu-cart__button:active .Icon {
        fill: #990ae3;
        fill: var(--core-purple);
        color: #990ae3;
        color: var(--core-purple);
      }

.menu-cart__icon-container {
    color: black;
    position: relative;
  }

.menu-cart__icon {
    display: block;
    width: 100%;
    height: 100%;
  }

.menu-cart__item-count {
    background-color: #5f008f;
    background-color: var(--core-purple-700);
    border-radius: 50%;
    border: 1px solid white;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(1.2rem/2);
    font-size: calc(var(--cart-item-count-size)/2);
    font-weight: bold;
    line-height: 1.2rem;
    line-height: var(--cart-item-count-size);
    position: absolute;
    right: -22%;
    top: -10%;
    height: 1.2rem;
    height: var(--cart-item-count-size);
    width: 1.2rem;
    width: var(--cart-item-count-size);
  }

.menu__content {
    max-width: 1680px;
    margin: 0 auto;

    padding: 0.5rem 0.5rem;

    padding: var(--menu-padding-small);
    display: flex;
    justify-content: center;
  }

@media all and (min-width: 22.5rem) {

.menu__content {
      padding: 0.5rem 1.25rem;
      padding: var(--menu-padding)
  }
    }

.menu__content-panel {
      display: flex;

      justify: space-around;
      align-items: center;
      flex-grow: 1;
      list-style: none;
      padding: 0;
    }

.menu__content-panel * {
        display: none;
      }

@media all and (min-width: 70rem) {
        .menu__content-panel * {
          display: flex;
        }
      }

.menu__content-panel--hidden {
        display: none;
      }

.menu__content-panel .menu__item {
        border: none;
        cursor: pointer;
        font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
        font-family: var(--font-family);
        font-size: 1.08rem;
        font-size: var(--font-size);
        margin: 0;
        padding: 0 calc(1.25rem/1.3);
        padding: var(--menu-link-padding);
        margin-right: calc(1.25rem/-2);
        margin-right: var(--menu-link-margin-right);
      }

.menu__content-panel .menu__item:hover,
        .menu__content-panel .menu__item--active,
        .menu__content-panel .menu__item:focus {
          background: none;
        }

.menu__content-panel .menu__item:hover > .link__content, .menu__content-panel .menu__item--active > .link__content, .menu__content-panel .menu__item:focus > .link__content {
            color: #990ae3;
            color: var(--core-purple);
            border-bottom: 2px solid #990ae3;
            border-bottom: 2px solid var(--core-purple);
            margin-bottom: -2px;
          }

.menu__content-panel .menu__submenu {
        position: relative;
        overflow: visible;
      }

.menu__content-panel .menu__submenu-link {
          display: flex;
          align-items: center;
          justify-content: center;
          border-bottom: 2px solid transparent;
        }

.menu__content-panel .menu__submenu-link:hover {
            background: none;
            color: #990ae3;
            color: var(--core-purple);
            border-bottom: 2px solid #990ae3;
            border-bottom: 2px solid var(--core-purple);
          }

.menu__content-panel .menu__submenu-icon {
          width: 1rem;
          height: 1rem;
          margin-left: 0.5rem;
          pointer-events: none;
        }

.menu__content-panel .menu__submenu-icon--open {
            transform: rotate(180deg);
          }

.menu__content-panel .menu__submenu-container {
          display: none;
          position: absolute;
          left: calc(-1*1.25rem);
          left: calc(-1*var(--padding));
          top: 100%;
          background-color: #ffffff;
          background-color: var(--white);
          padding: 1.25rem;
          padding: var(--padding);
          left: 0;
          right: 0;
          box-shadow: 0 0.3rem 0.4rem rgba(0, 0, 0, 0.13);
          width: -webkit-fit-content;
          width: fit-content;
        }

.menu__content-panel .menu__submenu-container--open {
            display: block;
          }

.menu__content-panel .menu__submenu-container--open:before {
              content: '';
              display: block;
              position: absolute;
              background: white;
              right: -5px;
              left: -5px;
              height: 1.5rem;
              top: 0;
              z-index: 46;
            }

.menu__content-panel .menu__submenu-container .menu__subitem {
            display: block;
            border: none;
            margin-top: 1rem;
            font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
            font-family: var(--font-family);
            font-size: 1.08rem;
            font-size: var(--font-size);
          }

.menu__content-panel .menu__submenu-container .menu__subitem:hover,
            .menu__content-panel .menu__submenu-container .menu__subitem:focus {
              background: none;
            }

.menu__content-panel .menu__submenu-container .menu__subitem:hover .link__content, .menu__content-panel .menu__submenu-container .menu__subitem:focus .link__content {
                width: -webkit-fit-content;
                width: fit-content;
                color: #990ae3;
                color: var(--core-purple);
                border-bottom: 2px solid #990ae3;
                border-bottom: 2px solid var(--core-purple);
                margin-bottom: -2px;
              }

.menu__content-panel .menu__submenu--active,
        .menu__content-panel .menu__submenu:focus {
          background: none;
        }

.menu__content-panel .menu__submenu--active .menu__submenu-link, .menu__content-panel .menu__submenu:focus .menu__submenu-link {
            color: #990ae3;
            color: var(--core-purple);
            border-bottom: 2px solid #990ae3;
            border-bottom: 2px solid var(--core-purple);
          }

.menu__content-right {
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }

@media all and (min-width: 70rem) {

.menu__content-right {
        position: relative
    }
      }

.menu__logo,
  .menu__logo--inverted {
    max-width: 5rem;
  }

@media all and (min-width: 37.5rem) {

.menu__logo,
  .menu__logo--inverted {
      min-width: 7rem;
      max-width: 7rem
  }
    }

@media all and (min-width: 70rem) {

.menu__logo,
  .menu__logo--inverted {
      margin-right: 2rem
  }
    }

.menu__logo-container {
    display: flex;
    align-items: center;
  }

.menu__logo-container > .link__content {
      display: flex;
      align-items: center;
    }

.menu__logo-container > .menu__logo--inverted {
      display: none;
    }

.menu__logo-container > .menu__logo--only {
      margin-right: 0;
    }

.menu__logo-container:focus {
      outline: none;
      background: #990ae3;
      background: var(--core-purple);
    }

.menu__logo-container:focus > .menu__logo {
        display: none;
      }

.menu__logo-container:focus > .menu__logo--inverted {
        outline: none;
        max-width: 5rem;
        display: flex;
        padding: 0 0.2rem;
      }

@media all and (min-width: 37.5rem) {

.menu__logo-container:focus > .menu__logo--inverted {
          max-width: 7rem
      }
        }

.menu__login-button,
  .menu__mypage-button {
    display: flex;
    text-transform: lowercase;
    height: 100%;
    align-items: center;
    color: #222222;
    color: var(--black);
    border: none;
    padding: 0;
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
    font-family: var(--font-family);
    font-size: 0.75rem;
    border-radius: 0;
    flex-direction: column;
    justify-content: center;
    letter-spacing: 0;
    box-sizing: content-box;
  }

.menu__login-button__mobile, .menu__mypage-button__mobile {
      width: 2.5rem;
      width: var(--menu-button-width-small);
    }

@media all and (min-width: 37.5rem) {

.menu__login-button__mobile, .menu__mypage-button__mobile {
        width: 3.5rem;
        width: var(--menu-button-width)
    }
      }

.menu__login-button__desktop, .menu__mypage-button__desktop {
      display: none;
    }

.menu__login-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):focus,
    .menu__login-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):active,
    .menu__login-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):hover,
    .menu__mypage-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):focus,
    .menu__mypage-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):active,
    .menu__mypage-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):hover {
      background-color: #ffffff;
      background-color: var(--white);
      color: #222222;
      color: var(--black);
    }

@media all and (min-width: 22.5rem) {

.menu__login-button,
  .menu__mypage-button {
      letter-spacing: 0.05rem
  }
    }

@media all and (min-width: 37.5rem) {

.menu__login-button,
  .menu__mypage-button {
      font-size: 0.875rem
  }
    }

@media all and (min-width: 70rem) {

.menu__login-button,
  .menu__mypage-button {
      border: 1px solid #990ae3;
      border: 1px solid var(--core-purple);
      padding-left: 1.3rem;
      border-radius: 2rem;
      flex-direction: row;
      padding: 0.6rem 1.3rem;
      height: inherit
  }

      .menu__login-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):focus,
      .menu__login-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):active,
      .menu__login-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):hover,
      .menu__mypage-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):focus,
      .menu__mypage-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):active,
      .menu__mypage-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):hover {
        background-color: #990ae3;
        background-color: var(--core-purple);
        color: #ffffff;
        color: var(--white);
        border-bottom: 1px solid #990ae3;
        border-bottom: 1px solid var(--core-purple);
        margin-bottom: 0;
      }
          .menu__login-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):focus .menu__login-button-icon *, .menu__login-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):active .menu__login-button-icon *, .menu__login-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):hover .menu__login-button-icon *, .menu__mypage-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):focus .menu__login-button-icon *, .menu__mypage-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):active .menu__login-button-icon *, .menu__mypage-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):hover .menu__login-button-icon * {
            stroke: #ffffff;
            stroke: var(--white);
            stroke-width: 50;
          }
          .menu__login-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):focus .menu__mypage-button-icon *, .menu__login-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):active .menu__mypage-button-icon *, .menu__login-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):hover .menu__mypage-button-icon *, .menu__mypage-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):focus .menu__mypage-button-icon *, .menu__mypage-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):active .menu__mypage-button-icon *, .menu__mypage-button:not(.button--processing):not(.button--disabled):not(.button--inverted):not(.button--negative):hover .menu__mypage-button-icon * {
            stroke: #ffffff;
            stroke: var(--white);
            fill: #ffffff;
            fill: var(--white);
            stroke-width: 50;
          }
      .menu__login-button__mobile, .menu__mypage-button__mobile {
        display: none;
      }
      .menu__login-button__desktop, .menu__mypage-button__desktop {
        display: flex;
        margin-left: 1rem;
      }
    }

.menu__login-button-icon, .menu__mypage-button-icon {
      height: 1.3rem;
      height: var(--icon-size-mobile-small);
      width: 1.3rem;
      width: var(--icon-size-mobile-small);
      margin-bottom: auto;
    }

@media all and (min-width: 37.5rem) {

.menu__login-button-icon, .menu__mypage-button-icon {
        height: 1.9rem;
        height: var(--icon-size-mobile);
        width: 1.9rem;
        width: var(--icon-size-mobile)
    }
      }

@media all and (min-width: 70rem) {

.menu__login-button-icon, .menu__mypage-button-icon {
        height: 100%;
        height: 1rem;
        width: 1rem;
        margin-right: 1rem;
        margin-bottom: 0
    }
      }

.menu__login-button-icon *, .menu__mypage-button-icon * {
        fill: none;
        stroke: #222222;
        stroke: var(--black);
        stroke-width: 30;
      }

@media all and (min-width: 70rem) {
    .menu__mypage-button {
      background: #990ae3;
      background: var(--core-purple);
      color: #ffffff;
      color: var(--white);
    }
        .menu__mypage-button-icon * {
          stroke: #ffffff;
          stroke: var(--white);
          stroke-width: 40;
        }
  }

.menu__dropdown {
  background: #ffffff;
  background: var(--white);
  position: absolute;
  top: 100px;
  right: calc((100vw - min(100vw, 1680px))/2);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  width: 16rem;
}

.menu__dropdown--button {
  text-align: center;
  padding: 1rem 0;
  border-bottom: 1px solid #f2f2f2;
  border-bottom: 1px solid var(--grey-100);
}

.menu__dropdown--button button {
    text-decoration: none;
    border-radius: 0;
    border-radius: initial;
    color: #646464;
    color: var(--grey-600);
    font-size: 1rem;
  }

.menu__dropdown--button .button--active {
    color: #222222;
    color: var(--black);
    text-decoration: underline;
    -webkit-text-decoration-color: #990ae3;
            text-decoration-color: #990ae3;
    -webkit-text-decoration-color: var(--core-purple);
            text-decoration-color: var(--core-purple);
  }

.menu__dropdown--links {
  padding: 1rem 0;
}

.menu__dropdown--links a {
    margin-bottom: 0.7rem;
    margin-left: 1.5rem;
  }

.menu__dropdown--links a:last-child {
    margin-bottom: 0;
  }

.menu__dropdown--logout {
  text-align: center;
  border-top: 1px solid #f2f2f2;
  border-top: 1px solid var(--grey-100);
  padding: 1rem 0;
}

.menu__dropdown--logout--not-logged-in {
    color: #a0a0a0;
    color: var(--dark-grey);
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    margin: 0;
    display: inline;
    cursor: default;
  }

@media all and (max-width: 70rem) {
  .menu__dropdown {
    top: 85px;
    right: 10px;
  }
}

@media all and (max-width: 37.5rem) {
  .menu__dropdown {
    top: 70px;
    right: 10px;
  }
}

.menu__search {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  cursor: pointer;
  width: 2.5rem;
  width: var(--menu-button-width-small);
  flex-direction: row;
  justify-content: space-between;
}

.menu__search:focus,
  .menu__search:hover {
    outline: none;
  }

.menu__search:focus > .menu__search--label, .menu__search:hover > .menu__search--label {
      border-bottom: 2px solid #990ae3;
      border-bottom: 2px solid var(--core-purple);
      margin-bottom: -2px;
      z-index: 0;
    }

.menu__search--icon {
    pointer-events: none;
    height: 1.3rem;
    height: var(--icon-size-mobile-small);
    width: 1.3rem;
    width: var(--icon-size-mobile-small);
    margin-bottom: auto;
  }

@media all and (min-width: 37.5rem) {

.menu__search--icon {
      height: 1.9rem;
      height: var(--icon-size-mobile);
      width: 1.9rem;
      width: var(--icon-size-mobile)
  }
    }

@media all and (min-width: 70rem) {

.menu__search--icon {
      height: 1rem;
      width: 1rem;
      margin-bottom: 0;
      margin-right: 0.3rem
  }
    }

.menu__search--label {
    display: flex;
    align-items: center;
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
    font-family: var(--font-family);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05rem;
    line-height: 1;
    margin-top: auto;
  }

@media all and (min-width: 37.5rem) {

.menu__search--label {
      font-size: 0.875rem
  }
    }

@media all and (min-width: 70rem) {

.menu__search--label {
      margin-top: 0;
      text-align: left
  }
    }

.menu__search--focused {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
  }

.menu__search--focused .menu__search--icon,
      .menu__search--focused .menu__search--label {
        display: none;
      }

.menu__search--focused .menu__search--open {
      position: absolute;
      display: flex;
      align-items: center;
      height: 100%;
      width: 100%;
      padding: 0.5rem 1.25rem;
      padding: var(--menu-padding);
      background: #ffffff;
      background: var(--white);
    }

@media all and (min-width: 70rem) {

.menu__search--focused .menu__search--open {
        top: 0;
        right: 0;
        padding: 0;
        height: 100%;
        width: 20rem
    }
      }

.menu__search--focused .menu__search--open-form {
        flex-grow: 1;
      }

.menu__search--focused .menu__search--open-abort-button {
        margin-left: 1rem;
      }

.menu__top {
        background: #f2f2f2;
        background: var(--light-grey);
        padding: 0 1.25rem;
        padding: 0 var(--padding);
        padding-left: 9rem;
        padding-left: var(--logo-width-desktop);
        position: relative;
        display: none;
    }

@media all and (min-width: 70rem) {

.menu__top {
            display: block
    }
        }

.menu__top--heading {
            display:flex;
            justify: space-around;
            flex-grow: 1;
            list-style: none;
            margin: 0;
            padding-left: 1.25rem;
            padding-left: var(--padding);
        }

.menu__top--heading-item {
                position: relative;
                display: flex;
                border-bottom: none;
                padding: 0 calc(1.25rem/1.3);
                padding: var(--menu-link-padding);
                margin-right: calc(1.25rem/-2);
                margin-right: var(--menu-link-margin-right);

                cursor: pointer;

                font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;

                font-family: var(--font-family);
                font-size: 0.89em;
                font-size: var(--font-size-small);
                text-transform: uppercase;
            }

.menu__top--heading-item .link__content {
                    position: relative;
                    border-bottom: 2px solid transparent;
                }

.menu__top--heading-item .link__content:after {
                        content: '';
                        display: block;
                        border-bottom: 2px solid #990ae3;
                        border-bottom: 2px solid var(--core-purple);
                        margin-top: -2px;
                        width: 0;
                        position: absolute;
                        left: 0;
                        transition: 0.5s ease;
                    }

.menu__top--heading-item:hover, .menu__top--heading-item--active{
                    transition: all .1s ease-in;
                }

.menu__top--heading-item:hover .link__content:after, .menu__top--heading-item--active .link__content:after {
                            width: 100%;
                        }

.menu__mobile {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 90%;
    height: 100%;
    background-color: #ffffff;
    background-color: var(--white);
    padding: 1.5rem;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
  }

@media all and (min-width: 70rem) {

.menu__mobile {
      display: none
  }
    }

.menu__mobile--open {
      display: block;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      z-index: 45;
    }

.menu__mobile-header {
      height: 50px;
      display: flex;
      align-items: center;
    }

.menu__mobile-heading-links {
        display: flex;
        flex: 1 1;
        justify-content: flex-start;
        list-style: none;
        padding: 0;
        margin: 0;
      }

.menu__mobile-heading-item {
        cursor: pointer;
      }

.menu__mobile-heading-item--active {
          border-bottom: 2px solid #990ae3;
          border-bottom: 2px solid var(--core-purple);
          margin-bottom: -2px;
        }

.menu__mobile-heading-item:last-child {
          margin-right: 2rem;
        }

.menu__mobile-heading-item:hover,
        .menu__mobile-heading-item:focus {
          outline: none;
          color: #990ae3;
          color: var(--core-purple);
          border-bottom: 2px solid #990ae3;
          border-bottom: 2px solid var(--core-purple);
          margin-bottom: -2px;
        }

.menu__mobile-heading-item-text {
          font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
          font-family: var(--font-family);
          font-size: 1rem;
          text-transform: uppercase;
        }

.menu__mobile-heading-item-link {
          color: inherit;
          text-decoration: none;
        }

.menu__mobile-button {
      color: black;
      box-shadow: none;
      background-color: transparent;
      border: none;
      padding: 0;
      width: 2.5rem;
      width: var(--menu-button-width-small);

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%;
      width: var(--menu-button-width-small);
    }

@media all and (min-width: 37.5rem) {

.menu__mobile-button {
        width: 3.5rem;
        width: var(--menu-button-width)
    }
      }

@media all and (min-width: 70rem) {

.menu__mobile-button {
        display: none
    }
      }

.menu__mobile-button:hover,
      .menu__mobile-button:focus,
      .menu__mobile-button:active {
        outline: none;
        cursor: pointer;
      }

.menu__mobile-button:hover > .menu__mobile-button-text, .menu__mobile-button:focus > .menu__mobile-button-text, .menu__mobile-button:active > .menu__mobile-button-text {
          border-bottom: 2px solid #990ae3;
          border-bottom: 2px solid var(--core-purple);
          margin-bottom: -2px;
          z-index: 0;
        }

.menu__mobile-button-icon {
        height: 1.3rem;
        height: var(--icon-size-mobile-small);
        width: 1.3rem;
        width: var(--icon-size-mobile-small);
        margin-bottom: 0.3rem;
      }

.menu__mobile-button-icon * {
          stroke: #222222;
          stroke: var(--black);
          stroke-width: 30;
        }

@media all and (min-width: 37.5rem) {

.menu__mobile-button-icon {
          height: 1.9rem;
          height: var(--icon-size-mobile);
          width: 1.9rem;
          width: var(--icon-size-mobile);
          margin-bottom: 0.5rem
      }
        }

.menu__mobile-button-text {
        display: block;
        text-transform: uppercase;
        font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
        font-family: var(--font-family);
        font-size: 0.75rem;
        letter-spacing: 0.05rem;
        line-height: 1;
      }

@media all and (min-width: 37.5rem) {

.menu__mobile-button-text {
          font-size: 0.875rem
      }
        }

.menu__mobile-close-button {
      display: flex;
      align-items: center;
      border: none;
      background-color: transparent;
      box-shadow: none;
      cursor: pointer;
      color: #222;
    }

.menu__mobile-close-button:focus {
        outline: none;
      }

.menu__mobile-close-button:focus * {
          fill: #990ae3;
          fill: var(--core-purple);
        }

.menu__mobile-close-button-icon {
        width: 1.2rem;
        height: 1.2rem;
        margin-left: 0.25rem;
      }

.menu__mobile-item {
      display: block;
      width: 100%;
      border: none;
      margin: 1rem 0;
    }

.menu__mobile-item:hover,
      .menu__mobile-item:focus {
        background: none;
        color: #990ae3;
        color: var(--core-purple);
      }

.menu__mobile-item:hover .link__content, .menu__mobile-item:focus .link__content {
          border-bottom: 2px solid #990ae3;
          border-bottom: 2px solid var(--core-purple);
          margin-bottom: -2px;
        }

.menu__mobile-submenu {
      margin-top: 0.5rem;
    }

.menu__mobile-subitem {
      display: block;
      width: 100%;
      border: none;
      font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
      font-family: var(--font-family);
      font-size: 1rem;
      padding: 0.4rem 0;
    }

.menu__mobile-subitem:hover,
      .menu__mobile-subitem:focus,
      .menu__mobile-subitem.link:hover {
        background: none;
        color: #990ae3;
        color: var(--core-purple);
      }

.menu__mobile-subitem:hover .link__content, .menu__mobile-subitem:focus .link__content, .menu__mobile-subitem.link:hover .link__content {
          border-bottom: 2px solid #990ae3;
          border-bottom: 2px solid var(--core-purple);
          margin-bottom: -2px;
        }

.menu__mobile-dropdown-menu {
      position: relative;
      margin: 1rem 0;
      padding: 0 0.25rem;
      cursor: pointer;
    }

.menu__mobile-dropdown-menu__header {
        font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
      }

.menu__mobile-dropdown-menu__arrow-button {
        border: none;
        background: none;
        position: absolute;
        cursor: pointer;
        top: 0px;
        right: 0px;
        color: #222;
      }

.menu__mobile-dropdown-menu__arrow-icon {
        width: 22px;
        height: 22px;
      }

.menu__mobile-dropdown-menu__arrow-icon.expanded {
        transform: rotate(180deg);
      }

.menu__overlay {
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }

@media all and (min-width: 48em) {

.mini-dashboard {
    display: flex;
    margin-bottom: 1rem;
    margin-bottom: var(--margin-bottom)
}
  }

.mini-dashboard__container {
    padding: 1rem 1.25rem;
  }

@media all and (min-width: 48em) {

.mini-dashboard__container {
      display: inline-block;
      flex: 0 1 58%
  }
    }

.mini-dashboard__heading {
    margin: 0 0 1rem 0;
  }

.mini-dashboard__statistic-widget {
    display: inline-block;
  }

.mini-dashboard__statistic-text {
    display: block;
    font-family: 'TeliaSans-Medium';
    font-size: 37px;
    line-height: 1;
  }

@media all and (min-width: 48em) {

.mini-dashboard__statistic-text {
      display: inline;
      margin-right: 0.5rem
  }
    }

.mini-dashboard__statistic-label {
    font-size: 0.875rem;
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    line-height: 2;
  }

.mini-dashboard .progress {
    margin-top: 1rem;
  }

.mini-dashboard__extra-promo-line {
    margin: 0.5rem 0;
  }

.mini-dashboard__extra-promo-line .svg-icon {
      float: left;
      height: 25px;
      margin-right: 0.5rem;
      width: 25px;
    }

.mini-dashboard__extra-promo-line .paragraph {
      margin: 1rem 0 0 0;
    }

.mini-dashboard__links {
    align-self: flex-end;
    margin: 1rem 0 0.75rem 1.25rem;
  }

@media all and (min-width: 48em) {

.mini-dashboard__links {
      margin: 0 0 0.75rem 3rem
  }
    }

.mini-dashboard__link-notifications {
    background-color: #d0021b;
    border-radius: 1rem;
    color: white;
    display: inline;
    font-size: 1rem;
    line-height: 1.3;
    text-align: center;
    padding: 1px 5.5px;
    cursor: default;
  }

.telia-mobile-nav-bar {
  background-color: #ffffff;
  background-color: var(--white);
  border-top: 1px solid #f2f2f2;
  border-top: 1px solid var(--grey-100);
  position: relative;
}

.telia-mobile-nav-bar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;

    /* NB:  not supported in IE.
     * Items will align left.
     */
    justify-content: space-around;
  }

.telia-mobile-nav-bar__item {
  border: none;
  width: 4rem;
  height: 4rem;
  margin: 4px;
  padding: 0;
  border-radius: 50%;
  color: #4e4e4e;
  color: var(--grey-700);
  background-color: #ffffff;
  background-color: var(--white);
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.telia-mobile-nav-bar__item:hover {
    background-color: #f2f2f2;
    background-color: var(--grey-100);
  }

.telia-mobile-nav-bar__item:focus {
    outline: none;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #66c2ff;
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-300);
  }

.telia-mobile-nav-bar__item .Icon {
    width: 1.5rem;
    height: 1.5rem;
  }

.telia-mobile-nav-bar__item__content {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

.telia-mobile-nav-bar__item__label {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

.telia-mobile-nav-bar__item--active {
  color: #990ae3;
  color: var(--core-purple-500);
}

.telia-mobile-nav-bar__item--active:hover {
    background-color: #fbf0ff;
    background-color: var(--core-purple-100);
  }

.telia-mobile-nav-bar__item--compact {
  width: 2rem;
  height: 2rem;
}

.telia-mobile-nav-bar__item--compact .Icon {
    width: 1.5rem;
    height: 1.5rem;
  }

.telia-mobile-nav-bar__more-menu {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  right: 0;
  transform: translateY(-100%);
  height: 100vh;
  transition-duration: 200ms;
  transition-property: all;
}

.telia-mobile-nav-bar__more-menu__content {
    height: auto;
    max-height: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    border: 1px solid #f2f2f2;
    border: 1px solid var(--grey-100);
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    padding-bottom: 1rem;
    overflow-y: scroll;
  }

.telia-mobile-nav-bar__more-menu__content__divider {
      width: 100%;
      height: 1px;
      background-color: #f2f2f2;
      background-color: var(--grey-100);
    }

.telia-mobile-nav-bar__more-menu__content__button {
  display: flex;
  padding: 0.75rem 1rem;
  border: none;
  background: transparent;
  align-items: center;
  font-size: 16px;
  color: #4e4e4e;
  color: var(--grey-700);
  width: 100%;
  cursor: pointer;
}

.telia-mobile-nav-bar__more-menu__content__button--active {
    color: #990ae3;
    color: var(--core-purple-500);
  }

.telia-mobile-nav-bar__more-menu__content__button--active:hover {
      background-color: #fbf0ff;
      background-color: var(--core-purple-100);
    }

.telia-mobile-nav-bar__more-menu__content__button__icon {
    height: 1.5rem;
    width: 1.5rem;
    margin-right: 1rem;
  }

.telia-mobile-nav-bar__more-menu__content__button__badge {
    margin-left: 0.5rem;
  }

.telia-mobile-nav-bar__more-menu__content__header {
  padding: 1rem;
}

.telia-mobile-nav-bar__more-menu__content__header .telia-mobile-nav-bar__more-menu__content__close {
    /* NB:  not supported in IE.
     * Buttin will align left.
     */
    width: -webkit-fit-content;
    width: fit-content;
    margin-left: auto;
  }

.telia-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
}

.telia-modal__container {
    background: white;
    position: fixed;
    width: 50%;
    height: auto;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    transform: translate(-50%, -50%);
    border-radius: 8px;

    box-shadow: 0px 8px 12px -5px rgba(34, 34, 34, 0.18), 0px 7px 18px 4px rgba(34, 34, 34, 0.1),
      0px 16px 28px 3px rgba(34, 34, 34, 0.12);
    min-height: 160px;

    max-height: 80%;
    overflow: auto;
  }

@media (min-width: 900px) {

.telia-modal__container--small {
        width: 35%
    }
      }

.telia-modal__container--large {
      width: 80%;
    }

.telia-modal--invisible {
    visibility: hidden;
  }

.telia-modal__header {
  padding: 1.5rem;
  padding-bottom: 1rem;
}

.telia-modal__header h1,
  .telia-modal__header h2,
  .telia-modal__header h3,
  .telia-modal__header h4,
  .telia-modal__header h5,
  .telia-modal__header h6 {
    font-size: 20px;
    margin: 0;
  }

.telia-modal__header--border {
    border-bottom: 1px solid #f2f2f2;
    border-bottom: 1px solid var(--light-grey);
    margin-bottom: 1rem;
  }

.telia-modal__body {
  padding: 0 1.5rem;
  padding-bottom: 1rem;
  font-size: 14px;
  flex-grow: 1;
}

.telia-modal__body--noPadding {
    padding: 0;
  }

.telia-modal__divider {
  height: 1px;
  width: 100%;
  margin: 0.5rem 0;
  background-color: #f2f2f2;
  background-color: var(--light-grey);
}

.telia-modal__divider--fullWidth {
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
  }

.telia-modal__footer {
  padding: 1rem 1.5rem;
  text-align: flex-end;
}

.telia-modal__container--fullscreen {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
  width: 100%;
  border: none;
  border-radius: 0;
  align-items: center;
  max-height: none;
}

.telia-modal__container--fullscreen .telia-modal__header {
    width: 100%;
    padding: 1.5rem 10%;
    margin-bottom: 2.5rem;
  }

.telia-modal__container--fullscreen .telia-modal__body,
  .telia-modal__container--fullscreen .telia-modal__footer {
    width: 60%;
  }

@media (max-width: 600px) {
  .telia-modal__container--medium,
  .telia-modal__container--large {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    width: 100%;
    transform: none;
    overflow-y: auto;
    height: 98%;
    max-height: 98%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .telia-modal__container--small {
    left: 1.25rem;
    right: 1.25rem;
    top: 5rem;
    width: auto;
    transform: none;
    overflow-y: auto;
  }
    .telia-modal__container--fullscreen .telia-modal__header,
    .telia-modal__container--fullscreen .telia-modal__body,
    .telia-modal__container--fullscreen .telia-modal__footer {
      width: 100%;
      padding-left: 1rem;
      padding-right: 1rem;
    }
}

.scroll-lock {
  overflow: hidden;
}

.telia-info-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
  background: rgba(0, 0, 0, 0.1);
}

.telia-info-modal__container {
    background: white;
    position: fixed;
    width: 50%;
    height: auto;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    transform: translate(-50%, -50%);
    border-radius: 8px;

    box-shadow: 0px 8px 12px -5px rgba(34, 34, 34, 0.18), 0px 7px 18px 4px rgba(34, 34, 34, 0.1),
      0px 16px 28px 3px rgba(34, 34, 34, 0.12);
    min-height: 160px;

    max-height: 80%;
    overflow: auto;
  }

@media (min-width: 900px) {

.telia-info-modal__container--small {
        width: 35%
    }
      }

.telia-info-modal__container--large {
      width: 34.625rem;
    }

.telia-info-modal--invisible {
    visibility: hidden;
  }

.telia-info-modal__header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  color: white;
  padding: 1.5rem;
}

.telia-info-modal__header .heading {
    color: white;
    margin-bottom: 0.375rem;
    font-size: 1.5rem;
  }

@media (max-width: 600px) {

.telia-info-modal__header .heading {
      font-size: 1.25rem
  }
    }

.telia-info-modal__close-button {
  position: fixed;
  right: 20px;
  cursor: pointer;
  top: 15px;
}

.telia-info-modal__close-button .button {
    color: white;
    text-decoration: none;
    background-color: transparent;
    border: none;
  }

.telia-info-modal__close-button .button:hover,
    .telia-info-modal__close-button .button:focus,
    .telia-info-modal__close-button .button:active {
      background-color: transparent !important;
      border: none;
      text-decoration: underline;
    }

.telia-info-modal__body {
  padding: 1.5rem 1.5rem;
  padding-bottom: 1rem;
  font-size: 14px;
  flex-grow: 1;
}

.telia-info-modal__body--noPadding {
    padding: 0;
  }

.telia-info-modal__container--fullscreen {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
  width: 100%;
  border: none;
  border-radius: 0;
  align-items: center;
  max-height: none;
}

.telia-info-modal__container--fullscreen .telia-info-modal__header {
    width: 100%;
    padding: 1.5rem 10%;
    margin-bottom: 2.5rem;
  }

.telia-info-modal__container--fullscreen .telia-info-modal__body,
  .telia-info-modal__container--fullscreen .telia-info-modal__footer {
    width: 60%;
  }

@media (max-width: 600px) {
  .telia-info-modal__close-button {
    top: 25px;
    right: 30px;
  }

  .telia-info-modal__container--medium,
  .telia-info-modal__container--large {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    width: 95%;
    margin: 0 auto;
    transform: none;
    overflow-y: auto;
    height: 98%;
    max-height: 98%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .telia-info-modal__container--small {
    left: 1.25rem;
    right: 1.25rem;
    top: 5rem;
    width: auto;
    transform: none;
    overflow-y: auto;
  }

    .telia-info-modal__container--small .telia-info-modal__close-button {
      top: 6rem;
      right: 2rem;
    }
    .telia-info-modal__container--fullscreen .telia-info-modal__header,
    .telia-info-modal__container--fullscreen .telia-info-modal__body,
    .telia-info-modal__container--fullscreen .telia-info-modal__footer {
      width: 100%;
      padding-left: 1rem;
      padding-right: 1rem;
    }
}

.modal-dialog {
  background-color: #ffffff;
  background-color: var(--white);
  border-radius: 0.2rem;
  border: 1px solid #f2f2f2;
  border: 1px solid var(--light-grey);
  box-shadow: 0px 18px 24px 1px rgba(0, 0, 0, 0.5);
  margin: 15% auto;
  padding: 1.5rem;
  width: 90%;
  outline: none;

  z-index: 52;
  left: 0;
  right: 0;
  top: 0;
}

.modal-dialog .button--cancel {
    margin-left: 2rem;
  }

.modal-dialog--standalone {
    position: static;
  }

.modal-dialog-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 51;
  }

.modal-dialog__heading {
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 1rem;
  }

.modal-dialog__footer {
    display: flex;
    justify-content: flex-end;
  }

.page-footer__content {
        background-color: #990ae3;
        background-color: var(--core-purple);
        position: relative;
    }

.page-footer__content-wrapper {
        margin: 0 auto;
        max-width: calc(82px*12 + 20px*13);
        max-width: var(--width-large);
        position: relative;
    }

@media screen and (min-width: 60em) {

.page-footer__content-wrapper {
            display: flex;
            flex-direction: row
    }
        }

.page-footer__main-nav {
        background-color: #990ae3;
        background-color: var(--core-purple);
        padding: 1.25rem 1rem;
    }

@media screen and (min-width: 60em) {

.page-footer__main-nav {
            width: 75%
    }
        }

.page-footer__special-nav {
        background-color: #642c96;
        background-color: var(--dark-purple-2);
        padding: 1rem;
    }

@media screen and (min-width: 60em) {

.page-footer__special-nav {
            background-color: #990ae3;
            background-color: var(--core-purple);
            padding: 1.25rem 1rem;
            text-align: right;
            width: 25%
    }
        }

.page-footer__link {
        color: #ffffff;
        color: var(--white);
        display: block;
        padding: 0.5rem 0;
        text-decoration: none;
    }

@media screen and (min-width: 42em) {

.page-footer__link {
            border-right: 1px solid #ffffff;
            border-right: 1px solid var(--white);
            display: inline;
            padding: 0 1rem
    }
        }

.page-footer__link:hover {
            text-decoration: underline;
        }

.page-footer__link:first-child {
            padding-left: 0;
        }

.page-footer__link:last-child {
            border-right: none;
        }

@media screen and (min-width: 60em) {

.page-footer__special-link {
            padding: 0
    }
        }

:root {
    --cart-count-size: 1.5rem;
    --cart-count-size-small: 1rem;
    --logo-size-small-screens: 80px;
    --logo-size-large-screens: 120px;
    --icon-size-small: 24px;
    --icon-size-large: 32px;
}

.page-header {
    border-bottom: 1px solid #6f6e6f;
    border-bottom: 1px solid var(--darkest-grey);
    background-color: #ffffff;
    background-color: var(--white);
    display: flex;
}

.page-header__icon-box {
        background: none;
        border: none;
        display: inline-block;
        font-size: 0.75rem;
        letter-spacing: 1px;
        text-decoration: none;
    }

.page-header__icon-box:hover {
            cursor: pointer;
        }

.page-header__icon-box-icon {
        display: block;
        height: 24px;
        height: var(--icon-size-small);
        margin: 0.2rem 0 0 0;
        width: 24px;
        width: var(--icon-size-small);
    }

@media screen and (min-width: 42em) {

.page-header__icon-box-icon {
            height: 32px;
            height: var(--icon-size-large);
            margin: 0 auto 0.5rem auto;
            width: 32px;
            width: var(--icon-size-large)
    }
        }

.page-header__icon-box-text {
        display: none;
        color: #222222;
        color: var(--black);
        text-transform: uppercase;
    }

@media screen and (min-width: 42em) {

.page-header__icon-box-text {
            display: block
    }
        }

.page-header__site-logo {
        flex: 0 0 120px;
        padding: 1.4rem;
        order: 2;
        display: inline-block;
    }

@media screen and (min-width: 42em) {

.page-header__site-logo {
            align-self: center
    }
        }

.page-header__site-logo:focus {
            outline: none;
            background: #990ae3;
            background: var(--core-purple);
        }

.page-header__site-logo:focus > .page-header__site-logo-img {
                display: none;
            }

.page-header__site-logo:focus > .page-header__site-logo-img--inverted {
                display: block;
            }

.page-header__site-logo-img {
        display: block;
        height: 100%;
        max-width: 80px;
        max-width: var(--logo-size-small-screens);
    }

.page-header__site-logo-img--inverted {
            display: none;
        }

@media screen and (min-width: 42em) {

.page-header__site-logo-img {
            max-width: 120px;
            max-width: var(--logo-size-large-screens)
    }
        }

.page-header__site-nav {
        order: 1;
        flex: 1 1;
    }

.page-header__menu-button {
        flex: 1 1;
        height: 100%;
        padding: 1em 2em;
        text-transform: uppercase;
    }

.page-header__menu-button:hover > .page-header__menu-button-image {
                outline: none;
            }

.page-header__menu-button:hover > .page-header__menu-button-image * {
                    fill: #990ae3;
                    fill: var(--core-purple);
                }

.page-header__menu-button:hover > .page-header__icon-box-text {
                color: #990ae3;
                color: var(--core-purple);
            }

.page-header__menu-button:focus {
            outline: none;
            background: #990ae3;
            background: var(--core-purple);
        }

.page-header__menu-button:focus > .page-header__menu-button-image {
                outline: none;
            }

.page-header__menu-button:focus > .page-header__menu-button-image * {
                    fill: #ffffff;
                    fill: var(--white);
                }

.page-header__menu-button:focus > .page-header__icon-box-text {
                color: #ffffff;
                color: var(--white);
            }

.page-header__site-tools {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        order: 2;
        text-align: right;
        flex: 1 1;
    }

.page-header__cart-button {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;

        background-color: transparent;
        border: 0;
        color: #222222;
        color: var(--black);
        font-size: 0.75rem;
        letter-spacing: 1px;
        padding: 1rem 1rem;
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
        height: 100%;
    }

.page-header__cart-button:hover > .page-header__cart-button-text {
                color: #990ae3;
                color: var(--core-purple);
            }

.page-header__cart-button:hover > .page-header__cart-button-image * {
                fill: #990ae3;
                fill: var(--core-purple);
            }

.page-header__cart-button:focus {
            outline: none;
            background: #990ae3;
            background: var(--core-purple);
        }

.page-header__cart-button:focus > .page-header__cart-button-text {
                color: #ffffff;
                color: var(--white);
            }

.page-header__cart-button:focus > .page-header__cart-button-image * {
                fill: #ffffff;
                fill: var(--white);
            }

.page-header__cart-button:focus > .page-header__cart-item-count {
                background-color: white;
                color: #990ae3;
                color: var(--core-purple);
            }

.page-header__cart-button-text {
            display: none;
            flex: 0 0 100%;
            text-align: center;
        }

@media screen and (min-width: 42em) {

.page-header__cart-button-text {
                display: block
        }
            }

.page-header__cart-button-image {
        display: block;

        height: 24px;

        height: var(--icon-size-small);
        width: 24px;
        width: var(--icon-size-small);
    }

@media screen and (min-width: 42em) {

.page-header__cart-button-image {
            height: 32px;
            height: var(--icon-size-large);
            width: 32px;
            width: var(--icon-size-large)
    }
        }

.page-header__cart-item-count {
        background-color: #990ae3;
        background-color: var(--core-purple);
        border-radius: calc(1rem/2);
        border-radius: calc(var(--cart-count-size-small)/2);
        color: white;
        display: inline-block;
        font-size: calc(1rem/2);
        font-size: calc(var(--cart-count-size-small)/2);
        font-weight: bold;
        height: 1rem;
        height: var(--cart-count-size-small);
        line-height: 1rem;
        line-height: var(--cart-count-size-small);
        text-align: center;
        position: absolute;
        top: 35%;
        right: 15%;
        width: 1rem;
        width: var(--cart-count-size-small);
    }

.page-header__cart-item-count-text {
            display: none;
        }

@media screen and (min-width: 42em) {

.page-header__cart-item-count {
            border-radius: calc(1.5rem/2);
            border-radius: calc(var(--cart-count-size)/2);
            font-size: calc(1.5rem/2);
            font-size: calc(var(--cart-count-size)/2);
            height: 1.5rem;
            height: var(--cart-count-size);
            line-height: 1.5rem;
            line-height: var(--cart-count-size);
            width: 1.5rem;
            width: var(--cart-count-size);

            right: 30%;
            top: 10%
    }

            .page-header__cart-item-count-text {
                display: inline;
            }
        }

.page-header__log-in-button {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;

        color: #222222;

        color: var(--black);
        font-size: 0.75rem;
        letter-spacing: 1px;
        padding: 1rem 1rem;
        text-decoration: none;
        text-transform: uppercase;
        height: 100%;
    }

.page-header__log-in-button-text {
            display: none;
            flex: 0 0 100%;
            text-align: center;
        }

.page-header__log-in-button-icon {
            display: block;

            height: 24px;

            height: var(--icon-size-small);
            width: 24px;
            width: var(--icon-size-small);
        }

@media screen and (min-width: 42em) {

.page-header__log-in-button-icon {
                height: 32px;
                height: var(--icon-size-large);
                width: 32px;
                width: var(--icon-size-large)
        }
            }

.page-header__log-in-button:hover > .page-header__log-in-button-text {
                color: #990ae3;
                color: var(--core-purple);
            }

.page-header__log-in-button:hover > .page-header__log-in-button-icon * {
                fill: #990ae3;
                fill: var(--core-purple);
            }

.page-header__log-in-button:focus {
            outline: none;
            background: #990ae3;
            background: var(--core-purple);
        }

.page-header__log-in-button:focus > .page-header__log-in-button-text {
                color: #ffffff;
                color: var(--white);
            }

.page-header__log-in-button:focus > .page-header__log-in-button-icon * {
                fill: #ffffff;
                fill: var(--white);
            }

@media screen and (min-width: 42em) {
            .page-header__log-in-button > .page-header__log-in-button-text {
                display: block;
            }
        }

.page-header__my-account-button {
        margin-left: 1rem;
    }

.page-header__user-name {
        display: none;
        text-transform: none;
    }

@media screen and (min-width: 42em) {

.page-header__user-name {
            display: block
    }
        }

:root {
    --menu-icon-size-small: 16px;
    --menu-icon-size-large: 22px;
}

.page-menu {
    background-color: #ffffff;
    background-color: var(--white);
    border-right: 5px solid #990ae3;
    border-right: 5px solid var(--core-purple);
    transform: translate(-100%, 0);
    height: 100%;
    left: 0;
    overflow-x: hidden;
    top: 0;
    transition: 0.25s ease-in-out;
    max-width: 405px;
    width: 100%;
    z-index: 4000;
}

.page-menu--expanded {
        transform: translate(0, 0);
    }

.page-menu--fixed {
        position: fixed;
    }

.page-menu__search {
        margin-bottom: 2rem;
        padding: 0 1rem;
    }

.page-menu__log-out-button {
        display: inline-block;
        font-size: 0.875rem;
        margin: 0.25rem 0;
        text-transform: uppercase;
    }

.page-menu__icon-box {
        background: none;
        border: none;
        display: inline-block;
        font-size: 0.75rem;
        letter-spacing: 1px;
        text-decoration: none;
        padding: 1.3125rem 1.8125rem 0.6875rem 1.8125rem;
    }

.page-menu__icon-box:hover {
            cursor: pointer;
        }

.page-menu__icon-box:hover > .page-menu__icon-box-text {
                color: #990ae3;
                color: var(--core-purple);
            }

.page-menu__icon-box:hover > .page-menu__icon-box-icon * {
                fill:#990ae3;
                fill:var(--core-purple);
            }

.page-menu__icon-box:focus {
            outline: none;
            background: #990ae3;
            background: var(--core-purple);
        }

.page-menu__icon-box:focus > .page-menu__icon-box-text {
                color: #ffffff;
                color: var(--white);
            }

.page-menu__icon-box:focus > .page-menu__icon-box-icon * {
                fill:#ffffff;
                fill:var(--white);
            }

.page-menu__icon-box-icon {
        display: block;
        margin: 0 auto 0.5rem auto;
        width: 16px;
        width: var(--menu-icon-size-small);
        height: 16px;
        height: var(--menu-icon-size-small);
    }

@media screen and (min-width: 42em) {

.page-menu__icon-box-icon {
            width: 22px;
            width: var(--menu-icon-size-large);
            height: 22px;
            height: var(--menu-icon-size-large)
    }
        }

.page-menu__icon-box-text {
        color: #222222;
        color: var(--black);
        text-transform: uppercase;
    }

.page-menu__item {
        border-bottom: 1px solid #f2f2f2;
        border-bottom: 1px solid var(--light-grey);
        margin: 0;
        padding: 0;
        position: relative;
    }

.page-menu__item-text {
            padding-left: 2rem;
        }

.page-menu__item-icon {
            width: 22px;
            width: var(--menu-icon-size-large);
            height: 22px;
            height: var(--menu-icon-size-large);

            display: inline-block;

            margin-top: 2px;
            margin-left: auto;

            position: absolute;
            left: 1.875rem;
            top: auto;
        }

.page-menu__item-icon--small {
                width: 16px;
                width: var(--menu-icon-size-small);
                height: 16px;
                height: var(--menu-icon-size-small);

                left: 2.2rem;
                margin-top: 5px;
            }

.page-menu__item-list {
            margin: 0;
            padding: 0;
            list-style: none;
        }

.page-menu__item-link {
            color: #222222;
            color: var(--black);
            display: flex;
            font-size: 1.2em;
            padding: 1.0625rem 2rem 1.0625rem 1.875rem;
            text-decoration: none;
            transition: 0.3s;
        }

.page-menu__item-link:hover {
                color: #990ae3;
                color: var(--core-purple);
            }

.page-menu__item-link:hover .page-menu__item-icon *, .page-menu__item-link:hover .page-menu__item-icon--small * {
                        fill: #990ae3;
                        fill: var(--core-purple);
                    }

.page-menu__item-link:focus {
                outline: none;
                background: #990ae3;
                background: var(--core-purple);
                color: #ffffff;
                color: var(--white);
            }

.page-menu__item-link:focus .page-menu__item-icon *, .page-menu__item-link:focus .page-menu__item-icon--small * {
                        fill: #ffffff;
                        fill: var(--white);
                    }

.page-menu__item-notification {
            background: #ff2365;
            background: var(--alert-dark-red);
            border-radius: 100%;

            font-size: 0.9em;
            text-align: center;
            color: #ffffff;
            color: var(--white);

            display: inline-block;
            width: 1.375rem;
            height: 1.375rem;
            margin-left: 9px;
        }

.page-menu__item--logged-in {
            border-bottom: 1px solid #dedede;
            border-bottom: 1px solid var(--grey);
            background: #f2f2f2;
            background: var(--light-grey);
        }

.page-menu__item--logged-in:last-child {
                border-bottom: 1px solid #6f6e6f;
                border-bottom: 1px solid var(--darkest-grey);
            }

.page-menu__top-panel {
        background: #f2f2f2;
        background: var(--light-grey);
        border-bottom: 1px solid #6f6e6f;
        border-bottom: 1px solid var(--darkest-grey);
        overflow: hidden;
    }

.page-menu__top-panel-content {
        padding: 1rem 0;
    }

.page-menu__selection {
        background: #f2f2f2;
        background: var(--light-grey);
        padding: 1.3125rem 1.8125rem 0 1.8125rem;
        text-align: center;
    }

.page-menu__content {
        background: #f2f2f2;
        background: var(--light-grey);
        padding: 1rem 1.8125rem 1.3125rem 1.8125rem;
        text-align: center;
        border-bottom: 1px solid #6f6e6f;
        border-bottom: 1px solid var(--darkest-grey);
    }

.page-menu__content--empty {
            padding-top: 0;
        }

.page-menu__search-button {
        float: right;
    }

.page-menu__search-bar {
        float: right;
        margin-right: 1rem;
        margin-top: 1rem;
    }

.page-menu__overlay {
        background-color: rgba(0, 0, 0, 0.9);
        height: 100%;
        left: 0;
        opacity: 0;
        overflow-y: auto;
        overflow-x: hidden;
        position: fixed;
        text-align: center;
        top: 0;
        width: 0;
        z-index: 3000;
    }

.page-menu__overlay--active {
            opacity: 0.5;
            width: 100%;
        }

.telia-pagination {
  display: flex;
}

.telia-pagination__dottes {
    pointer-events: none;
  }

.telia-pagination .telia-business-button--ball {
    align-items: center;
  }

.telia-pagination .telia-business-button--active {
    background-color: inherit !important;
    font-weight: bolder;
    color: #990ae3;
    color: var(--core-purple-500);
  }

.telia-table-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.telia-table-pagination__text {
    margin: 0 1rem;
  }

.telia-table-pagination__per-page {
    border: none;
    text-align: right;
  }

.telia-table-pagination__navigation {
    display: inline;
    margin: 0 1rem;
  }

.telia-table-pagination__navigation button:first-child {
      margin-right: 0.5rem;
    }

.person-box {
    display: inline-block;
}

@media all and (min-width: 39.8125em){

.person-box {
        max-width: 10.55rem
}
    }

.person-box__image-label {
    }

.person-box__image {
        vertical-align: middle;
        width: 34%;
    }

@media all and (min-width: 39.8125em){

.person-box__image {
            margin-bottom: 1rem;
            margin-bottom: var(--margin-bottom);
            vertical-align: baseline;
            width: 100%
    }
        }

.person-box__label {
        display: inline-block;
        margin-bottom: 0.5rem;
        vertical-align: bottom;
        width: 64%;
    }

@media all and (min-width: 39.8125em) {

.person-box__label {
            margin-bottom: 1rem;
            margin-bottom: var(--margin-bottom);
            vertical-align: baseline;
            width: 100%
    }
        }

.person-box__name {
        display: block;
        font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
        padding: 0 0.5rem;
    }

@media all and (min-width: 39.8125em) {

.person-box__name {
            padding: 0 0.5rem 0.5rem
    }
        }

.person-box__title {
        color: #6f6e6f;
        color: var(--darkest-grey);
        display: block;
        font-style: italic;
        padding: 0 0.5rem;
    }

.person-box__text-links {

    }

.person-box__description {
        display: none;
        margin-bottom: 1rem;
        margin-bottom: var(--margin-bottom);
    }

.person-box__social-links {
        display: none;
    }

.box--expandable:focus .person-box .person-box__title, .box--expandable:active .person-box .person-box__title {
            color: #ffffff;
            color: var(--white);
        }

.box--expandable:hover .person-box .person-box__title {
            color: #222222;
            color: var(--black);
        }

.box--is-expanded:hover .person-box .person-box__title {
        color: #6f6e6f;
        color: var(--darkest-grey);
        }

.box--is-expanded:focus .person-box .person-box__title, .box--is-expanded:active .person-box .person-box__title {
            color: #6f6e6f;
            color: var(--darkest-grey);
        }

.box--is-expanded .person-box {
        width: 100%;
    }

@media all and (min-width: 39.8125em) {

.box--is-expanded .person-box {
            display: flex;
            flex-flow: row wrap;
            max-width: 100%;
            padding: 2.5rem
    }
        }

.box--is-expanded .person-box__image-label {
            border-bottom: 1px solid #6f6e6f;
            border-bottom: 1px solid var(--darkest-grey);
            margin-bottom: 1rem;
            margin-bottom: var(--margin-bottom);
            padding-bottom: 0.5rem;
        }

@media all and (min-width: 39.8125em) {

.box--is-expanded .person-box__image-label {
                border-bottom: none;
                flex: 0 1 27%;
                margin-bottom: 0;
                margin-right: 3rem;
                padding-bottom: 0
        }
            }

.box--is-expanded .person-box__image {
            max-width: 165px;
        }

.box--is-expanded .person-box__label {
            margin-bottom: 0;
        }

@media all and (min-width: 39.8125em) {

.box--is-expanded .person-box__name {
                padding: 0 0 0.5rem
        }
            }

@media all and (min-width: 39.8125em) {

.box--is-expanded .person-box__title {
                padding: 0
        }
            }

@media all and (min-width: 39.8125em) {

.box--is-expanded .person-box__text-links {
                flex: 0 1 60%
        }
            }

.box--is-expanded .person-box__description {
            display: block;
        }

.box--is-expanded .person-box__social-links {
            display: block;
        }

.telia-phonenumber {
  display: flex;
  position: relative;
}

.telia-phonenumber .telia-dropdown button.telia-dropdown-toggle {
      height: 44px;
      width: 84px;
      padding: 12px;
      justify-content: flex-end;
    }

.telia-phonenumber .telia-dropdown button.telia-dropdown-toggle .Icon {
        height: 15px;
        width: 15px;
      }

.telia-phonenumber .telia-dropdown-content {
    width: -webkit-fit-content;
    width: fit-content;
  }

.telia-phonenumber .telia-dropdown-toggle__outline {
    border-color: #dbdbdb;
    border-color: var(--grey-200);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    transition: border 150ms ease;
  }

.telia-phonenumber .telia-textfield {
    width: 100%;
  }

.telia-phonenumber .telia-textfield__input {
    color: #222222;
    color: var(--grey-900);
  }

.telia-phonenumber .telia-textfield__content {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 44px;
  }

.telia-phonenumber .telia-textfield--withValue .telia-textfield__content {
    border-color: #dbdbdb;
    border-color: var(--grey-200);
  }

.telia-phonenumber--compact .telia-dropdown button.telia-dropdown-toggle {
        padding: 8px;
        height: 36px;
        width: 68px;
        font-size: 14px;
      }

.telia-phonenumber--compact .telia-dropdown button.telia-dropdown-toggle .Icon {
          height: 12px;
          width: 12px;
        }

.telia-phonenumber--compact .telia-textfield__content {
      height: 36px;
      font-size: 14px;
    }

.telia-phonenumber--compact .telia-textfield--compact {
      margin-top: 0;
    }

.telia-phonenumber--error .telia-dropdown-toggle__outline {
      border-color: #be0040;
      border-color: var(--red-600);
    }

.telia-phonenumber--error .telia-textfield--withValue .telia-textfield__content {
      border-color: #be0040;
      border-color: var(--red-600);
    }

.telia-phonenumber__countryCode--active .telia-dropdown-toggle__outline {
    border-color: #990ae3;
    border-color: var(--core-purple-500);
  }

.telia-phonenumber__countryCode--active .telia-textfield__content {
    border-left-color: #990ae3 !important;
    border-left-color: var(--core-purple-500) !important;
  }

.telia-phonenumber__helptext {
  color: #646464;
  color: var(--grey-600);
  display: block;
  float: right;
}

.telia-phonenumber__helptext--error {
  color: #be0040;
  color: var(--red-600);
  display: block;
  float: left;
}

.telia-phonenumber__label {
  position: absolute;
  top: -20px;
  font-size: 14px;
  color: #222222;
  color: var(--grey-900);
}

.pop-up-line {
    background-color: #dedede;
    background-color: var(--grey);
}

.pop-up-line__container {
        display: flex;
        flex-flow: row wrap;
        justify-content: left;
    }

.pop-up-line__description {
        margin-right: 2.5rem;
        align-self: center;
    }

.pop-up-line__buttons {
        margin-top: 1rem;
    }

@media all and (min-width: 448px){

.pop-up-line__buttons {
            margin-top: 0
    }
        }

.price-table {
    width: 100%;
    max-width: calc(82px*6 + 20px*7);
    max-width: var(--width-small);
    margin: 0 auto;
    text-align: left;
}

.price-table__items {
        border-bottom: 1px solid #dedede;
        border-bottom: 1px solid var(--grey);
        display: block;
        margin-bottom: 0.2rem;
    }

.price-table__item {
        display: block;
        margin-bottom: 0.2rem;
    }

.price-table__item-cell {
            width: 100%;
        }

.price-table__item-title {
        }

.price-table__item-price {
            vertical-align: top;
        }

.price-table__item-original-price {
            vertical-align: top;
            text-decoration: line-through;
            color: #6f6e6f;
            color: var(--darkest-grey);
        }

.price-table__item-subtitle {
            font-style: italic;
            color: #6f6e6f;
            color: var(--darkest-grey);
        }

.price-table__total .price-table__item-title {
            font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
        }

.price-table__total .price-table__item-price {
            font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
        }

.price-table__additional {
        padding: 1rem 0;
        border-bottom: 1px solid #dedede;
        border-bottom: 1px solid var(--grey);
        border-top: 1px solid #dedede;
        border-top: 1px solid var(--grey);
    }

.price-table__additional .price-table__item-cell {
            display: flex;
            justify-content: center;
        }

.price-table__additional .price-table__item-title {
            font-style: italic;
            font-family: 'TeliaSans-MediumItalic', Helvetica, Arial, sans-serif;
        }

.product-list {
  margin-bottom: 2rem;
}

.product-list__item {
    margin-bottom: 0.75rem;
    padding: 1.25rem 1.75rem 1.25rem 1.75rem;
    width: 100%;
    border: 2px solid #d9d9d9;

    cursor: pointer;
    min-height: 5.75rem;

    display: flex;
    flex-wrap: nowrap;
    align-items: center;

    text-decoration: none;
  }

.product-list__item:focus {
      border-color: #990ae3;
      border-color: var(--core-purple);
      outline: none;
    }

.product-list__item:hover {
      border-color: #990ae3;
      border-color: var(--core-purple);
    }

.product-list__item--link-icon {
      height: 0.875rem;
      width: 0.875rem;
      flex-grow: 0;
      flex-shrink: 0;
    }

@media all and (max-width: 30em) {

.product-list__item {
      background-position: right 1rem center;
      min-height: 5rem;
      padding: 1rem 1.75rem 1rem 1.25rem
  }
    }

.product-list__item--promo {
      position: relative;
      overflow: hidden;
      border: none;
    }

.product-list__item--promo:focus:after {
          background: #990ae3;
          background: var(--core-purple);
        }

.product-list__item--promo:focus .product-list__item-heading {
          color: #ffffff;
          color: var(--white);
          font-family: 'TeliaSans-Bold';
        }

.product-list__item--promo:focus .product-list__item-icon * {
            fill: #ffffff;
            fill: var(--white);
          }

.product-list__item--promo:before {
        content: ' ';
        display: block;
        position: absolute;
        left: -100px;

        width: 200%;
        height: 900%;

        z-index: 0;
        animation: promo-animation linear 6s infinite;
        background: #990ae3 url(/static/media/pebble-6.12bd3bf8.svg) no-repeat -300px -300px;
        background: var(--core-purple) url(/static/media/pebble-6.12bd3bf8.svg) no-repeat -300px -300px;
        background-size: 1600px;
      }

.product-list__item--promo:after {
        content: ' ';
        display: block;
        position: absolute;
        background: #ffffff;
        background: var(--white);
        left: 2px;
        top: 2px;
        bottom: 2px;
        right: 2px;
        z-index: 1;
      }

.product-list__item--promo .product-list__item-heading {
        color: #990ae3;
        color: var(--core-purple);
        font-family: 'TeliaSans-Bold';
      }

.product-list__item--promo * {
        z-index: 3;
      }

.product-list__item-icon {
    flex-grow: 0;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    margin-right: 1.5rem;
  }

.product-list__item-content {
    flex-grow: 1;
    flex-shrink: 1;
    margin-right: 0.5rem;
  }

.product-list__item-heading {
    color: black;
    font-family: 'TeliaSans-Bold';
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-decoration: none;
  }

@media all and (max-width: 30em) {

.product-list__item-heading {
      font-size: 1.2rem;
      line-height: 1.2rem
  }
    }

.product-list__item-description {
    color: black;
    text-decoration: none;
    line-height: 1.3rem;
    margin-top: 0.3rem;
  }

@media all and (max-width: 30em) {

.product-list__item-description {
      font-size: 0.85em;
      line-height: 1rem
  }
    }

@keyframes promo-animation {
  0% {
    background-position: -600px -600px;
  }
  33% {
    background-position: -200px -600px;
  }
  66% {
    background-position: -200px -900px;
  }
  100% {
    background-position: -600px -600px;
  }
}

.product-promo-box-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

@media all and (min-width: 48em) {

.product-promo-box-grid {
    justify-content: space-between
}

    .product-promo-box-grid .product-promo-box {
      margin-left: 0;
      margin-right: 0;
    }

    .product-promo-box-grid .product-promo-box {
      margin-bottom: 2rem;
    }
  }

.product-promo-box {
  display: flex;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 370px;
  padding: 1.5rem;
}

@media all and (min-width: 48em) {

.product-promo-box {
    flex-flow: row;
    width: calc(82px*8 + 20px*9);
    width: var(--width-medium);
    padding: 4rem
}
  }

/* Content: heading & description */

.product-promo-box__image-container {
    display: block;
    margin: 1rem 1rem 2rem;
  }

@media all and (min-width: 48em) {

.product-promo-box__image-container {
      margin: 0 3rem 0 0;
      width: 35%
  }
    }

.product-promo-box__image {
    display: block;
    margin: 0 auto;
    max-width: 200px;
    width: 100%;
  }

@media all and (min-width: 48em) {

.product-promo-box__image {
      max-width: 100%
  }
    }

/* Content: heading & description */

.product-promo-box__content-container {
    margin-bottom: 1rem;
    margin-bottom: var(--margin-bottom);
    width: 100%;
  }

@media all and (min-width: 48em) {

.product-promo-box__content-container {
      margin-bottom: 0;
      width: 57%
  }
    }

.product-promo-box__product-name {
    margin: 0 0 5px;
    width: 100%;
  }

.product-promo-box__description {
    margin-bottom: 1.5rem;
    width: 100%;
  }

/* Price, Price-label & Action Button */

.product-promo-box__price-and-action {
    border-top: 2px solid #dedede;
    border-top: 2px solid var(--grey);
    padding-top: 1rem;
  }

@media all and (min-width: 48em) {

.product-promo-box__price-and-action-inline {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

        .product-promo-box__price-and-action-inline .button {
          flex: 0 0 37%;
          align-self: flex-end;
          margin-left: 1rem;
          text-align: center;
        }
      }

.product-promo-box__price-info {
  }

.product-promo-box__price {
    font-family: 'TeliaSans-Bold';
    font-size: 2rem;
    line-height: 1;
  }

.product-promo-box__price-smallprint {
    font-size: 0.9rem;
    padding-top: 1rem;
  }

.product-promo-box__text-instead-of-button {
    margin: 1rem 0 0;
  }

/* Feature-circle / "speech bubble" */

@media all and (min-width: 34.375em) {

.product-promo-box--is-showing-feature .product-promo-box__product-name {
        padding-right: 90px
    }
      }

.product-promo-box--small {
    width: 370px;
  }

@media all and (min-width: 48em) {

.product-promo-box--small {
      flex-flow: column;
      padding: 1.5rem;
      width: 48%
  }
    }

@media all and (min-width: 48em) {

.product-promo-box--small .product-promo-box__image-container {
        margin: 1rem 1rem 2rem;
        width: auto
    }
      }

@media all and (min-width: 48em) {

.product-promo-box--small .product-promo-box__image {
        max-width: 200px
    }
      }

@media all and (min-width: 48em) {

.product-promo-box--small .product-promo-box__content-container {
        margin-bottom: 2rem;
        width: 100%
    }
      }

.product-promo-box--small .product-promo-box__price-and-action {
      display: block;
    }

.progress-chart {
    overflow: hidden;
    display: flex;
    flex-direction: row;

    align-items: center;
    padding: .4em 0;
}

.progress-chart__side {
        max-height: 20px;
    }

.progress-chart__side-inner {
            display: flex;
            flex-direction: column;
            position: relative;

            transition: top .2s linear .1s;
        }

.progress-chart__side-inner--hidden-top {
                top: -2em;
            }

.progress-chart__side-inner--hidden-bottom {
                top: 0em;
            }

.progress-chart__caption {
        display: flex;
        position: relative;
        opacity: 1;

        width: 100%;
        height: 100%;
        height: 2em;
        top: 0;
        padding: 0 1em;

        text-align: center;
        line-height: 1.3rem;
        white-space: nowrap;

        transition: opacity .2s linear .0s;
    }

.progress-chart__caption-value {
            font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
        }

.progress-chart__caption--hidden {
            transition: opacity .2s linear .0s;
            opacity: 0;
        }

.progress-chart__spinner {
        margin: -5px 5px;
    }

@keyframes promotion-box-animation {
    0%   { background-position: -600px -1737px; }
    100% { background-position: -600px 165px; }
}

.promo-box {
    background: #990ae3 url(/static/media/hero-pebble-54.6f2d208b.svg) no-repeat -600px -290px;
    background: var(--core-purple) url(/static/media/hero-pebble-54.6f2d208b.svg) no-repeat -600px -290px;
    background-size: 1552px;
    margin: 0 auto 2rem;
    margin: 0 auto var(--margin-bottom-large);
    padding: 0.2rem;

    max-width: 370px;
    width: 100%;
}

@media all and (min-width: 48em) {

.promo-box {
        width: 48%
}
    }

.promo-box__outer-wrapper {
        background-color: white;
        padding: 1rem;
        overflow: hidden;
    }

.promo-box__content {
        color: #990ae3;
        color: var(--core-purple);
    }

.promo-box__content .heading {
            color: #990ae3;
            color: var(--core-purple);
        }

.promo-box--with-image .promo-box__content {
            float: left;
            width: 70%;
        }

.promo-box--with-image .promo-box__image {
            float: right;
            width: 30%;
        }

.promo-box--animated {
        animation: promotion-box-animation linear 10s infinite;
        background-position: -600px -1000px;
    }

.telia-quick-search--animated {
    width: 3rem;
    transition: width 0.3s ease-out;
  }

.telia-quick-search--animated .telia-textfield__input {
        width: 0rem !important;
        height: 0rem !important;
        padding: 0rem;
      }

.telia-quick-search--animated .telia-textfield__content {
        height: 44px;
        border: none !important;
      }

.telia-quick-search--animated .telia-textfield__rightContent {
        width: 3rem;
        border-top-left-radius: 6rem;
        border-bottom-left-radius: 6rem;
        border-top-right-radius: 6rem;
        border-bottom-right-radius: 6rem;
      }

.telia-quick-search--animated .telia-textfield--white {
        border: none !important;
      }

.telia-quick-search--animated:focus-within {
    width: 18rem;
  }

.telia-quick-search--animated:focus-within .telia-textfield__input {
        height: 44px !important;
        width: 200px !important;
        padding: 0.75rem;
      }

.telia-quick-search--animated:focus-within .telia-textfield__rightContent {
        border-top-right-radius: 6rem;
        border-bottom-right-radius: 6rem;
        border-top-left-radius: 0rem;
        border-bottom-left-radius: 0rem;
      }

.telia-quick-search .telia-textfield input {
      font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
      border-radius: 100px;
      border: none;
      transition: border 200ms ease, background-color 200ms ease;
    }

.telia-quick-search .telia-textfield--white input {
      border: none;
    }

.telia-quick-search .telia-textfield__content {
    border-radius: 100px;
    transition: box-shadow 150ms ease-in-out;
  }

.telia-quick-search .telia-textfield--grey .telia-textfield__content {
      border: 1px solid #f2f2f2;
      border: 1px solid var(--grey-100);
    }

.telia-quick-search .telia-textfield__content:focus-within {
    box-shadow: 0 1px 2px #bdbdbd;
    box-shadow: 0 1px 2px var(--grey-300);
    background-color: white;
  }

.telia-quick-search .telia-textfield__leftContent {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    transition: border 200ms ease, background-color 200ms ease;
  }

.telia-quick-search .telia-textfield__status,
  .telia-quick-search .telia-textfield__rightContent {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    transition: border 200ms ease, background-color 200ms ease;
  }

.telia-quick-search .telia-textfield:hover .telia-textfield__leftContent {
      background-color: white;
    }

.telia-quick-search .telia-textfield:hover .telia-textfield__rightContent {
      background-color: white;
    }

.telia-quick-search .telia-textfield:hover input {
      background-color: #ffffff;
      background-color: var(--white);
      border: none;
    }

.telia-quick-search .telia-textfield:focus-within .telia-textfield__leftContent {
      background-color: white;
    }

.telia-quick-search .telia-textfield:focus-within input {
      background-color: #ffffff;
      background-color: var(--white);
      border: none;
    }

.telia-quick-search .telia-textfield:focus-within .telia-textfield__rightContent {
      background-color: white;
    }

.telia-quick-search .telia-textfield--prepended input {
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
    }

.telia-quick-search .telia-textfield--appended input {
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
    }

.radiobutton-group {
  display: flex;
  flex-direction: column;
  align-items: left;
}

.radiobutton-group--horizontal {
    flex-direction: row;
  }

.radiobutton-group--horizontal > *:not(:last-child) {
      margin-right: 1rem;
    }

.radiobutton-group--vertical .radiobutton-container {
    margin-bottom: 0.4rem;
  }

.radiobutton-group--rich-content {
    margin: 1rem 0 2rem;
  }

.radiobutton-group--rich-content .radio-button {
      padding: 1rem 0;
      border-top: 1px solid #bdbdbd;
      border-top: 1px solid var(--grey-300);
    }

.radiobutton-group--rich-content .radio-button:last-child {
      border-bottom: 1px solid #bdbdbd;
      border-bottom: 1px solid var(--grey-300);
    }

.radiobutton-group--rich-content .radio-button__text {
      font-size: 1.5rem;
    }

.radiobutton-group--border {
    border: 1px solid #bdbdbd;
    border: 1px solid var(--grey-300);
    border-radius: 0.5rem;
  }

.radiobutton-group--border .radiobutton {
      padding: 1rem;
    }

.radiobutton-group--border .radiobutton:not(:last-child) {
        border-bottom: 1px solid #bdbdbd;
        border-bottom: 1px solid var(--grey-300);
      }

.radio-button-list {
   display: flex;
   flex-direction: column;
   align-items: left;
}

.radio-button-list--horizontal {
        flex-direction: row;
   }

.radio-button-list--horizontal > *:not(:last-child) {
            margin-right: 1rem;
        }

.radio-button-list--rich-content {
        margin: 1rem 0 2rem;
    }

.radio-button-list--rich-content .radio-button-with-label {
            padding: 1rem 0;
            border-top: 1px solid #f2f2f2;
            border-top: 1px solid var(--light-grey);
        }

.radio-button-list--rich-content .radio-button-with-label:last-child {
            border-bottom: 1px solid #f2f2f2;
            border-bottom: 1px solid var(--light-grey);
        }

.radio-button-list--rich-content .radio-button-with-label__label-text {
            font-size: 1.5rem;
        }

.radio-button-with-label {
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;

    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 0.3rem;

    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
}

.radio-button-with-label .radio-button-with-label__input {
        position: absolute;
        opacity: 0;
    }

/* SVG container */

.radio-button-with-label .radio-button-with-label__svg-container {
        vertical-align: middle;
        padding-right: .6rem;
        padding-top: 2px;
        height: 1.5em;

        display: block;
        box-sizing: border-box;
    }

/* SVG parts */

.radio-button-with-label .radio-button-with-label__frame {
        fill: none;
        stroke: #6f6e6f;
        stroke: var(--darkest-grey);
        stroke-width: 2px;
        transition: stroke .3s ease;
    }

.radio-button-with-label:hover .radio-button-with-label__frame {
        stroke: #990ae3;
        stroke: var(--core-purple);
    }

.radio-button-with-label .radio-button-with-label__input:focus + .radio-button-with-label__svg-container .radio-button-with-label__frame {
            stroke: #990ae3;
            stroke: var(--core-purple);
        }

.radio-button-with-label .radio-button-with-label__check-mark {
        fill: #990ae3;
        fill: var(--core-purple);
        opacity: 0;
        stroke: none;
        transition: opacity .3s ease;
    }

.radio-button-with-label .radio-button-with-label__input:checked + .radio-button-with-label__svg-container .radio-button-with-label__check-mark {
        opacity: 1;
    }

.radio-button-with-label > .radio-button-with-label__label-text {
        pointer-events: none;
        display: block;
        line-height: 1.5em;
        box-sizing: border-box;
        width: 100%;
    }

.telia-rating {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.telia-rating .half-star {
    height: 1rem;
    width: 1rem;
  }

.telia-rating__link {
    color: black;
  }

.telia-rating__link:hover {
      background-color: white !important;
      color: #990ae3 !important;
      color: var(--core-purple) !important;
    }

.telia-rating__link:focus {
      background-color: white !important;
      color: black !important;
    }

.telia-rating__stars {
    display: flex;
    align-items: center;
  }

.telia-rating__stars--reviews {
      display: flex;
      align-items: center;
      height: 20px;
    }

.telia-rating-numbers {
  margin-left: 10px;
  display: flex;
  align-items: center;
  height: 20px;
}

.telia-rating-numbers__rating {
    margin-right: .3rem;
  }

.telia-rating-numbers__ratingNumber {
    color: #000008;
    margin-right: 1rem;
  }

.telia-rating-numbers__reviewNumber {
    color:  #6d02a3;
    color:  var(--core-purple-750);
    font-size: 1rem;
  }

.telia-rating-numbers__reviewNumber:hover {
      background-color: inherit !important;
      color: #6d02a3 !important;
      color: var(--core-purple-750) !important;
    }

.telia-rating-numbers .heading {
    margin: 0px;
    margin-right: 10px;
  }

.recommended-products {
  border: 1px solid #dedede;
  border: 1px solid var(--grey);
  padding: 1.5rem 1rem 1rem;
  margin: 0 auto 1rem;
  max-width: 1244px;
}

@media all and (min-width: 71em) {

.recommended-products {
    padding: 1.5rem 3rem 1rem
}
  }

.recommended-products__heading {
    border-bottom: 1px solid #dedede;
    border-bottom: 1px solid var(--grey);
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    text-align: center;
  }

.recommended-products__products {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }

@media all and (min-width: 34.375em) {

.recommended-products__products {
      padding-top: 1rem
  }
    }

@media all and (min-width: 71em) {

.recommended-products__products {
      height: 330px;
      padding: 0 2rem 2rem;
      justify-content: space-between
  }
    }

.recommended-products__item-container {
    flex: 0 1 100%;
    height: 100%;

    margin: 0 0 2rem;
  }

@media all and (min-width: 34.375em) {

.recommended-products__item-container {
      flex: 0 1 50%
  }
    }

@media all and (min-width: 48em) {

.recommended-products__item-container {
      flex: 0 1 40%
  }
    }

@media all and (min-width: 71em) {

.recommended-products__item-container {
      flex: 0 1 22%;
      margin: 0
  }
    }

.recommended-products__item {
    display: block;
    height: 100%;
    width: 100%;
    padding: 1rem;
    text-align: center;
  }

@media all and (min-width: 71em) {

.recommended-products__item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between
  }
    }

.recommended-products__product {
    margin: 0 auto;
    max-width: 330px;

    text-decoration: none;
    color: black;
  }

.recommended-products__product:hover {
      color: #990ae3;
      color: var(--core-purple);
    }

.recommended-products__product:hover .heading {
        color: #990ae3;
        color: var(--core-purple);
      }

.recommended-products__product:focus,
    .recommended-products__product:active {
      background-color: #990ae3;
      background-color: var(--core-purple);
      color: #ffffff;
      color: var(--white);
      outline: none;
    }

.recommended-products__product:focus .heading, .recommended-products__product:active .heading {
        color: #ffffff;
        color: var(--white);
      }

.recommended-products__product-image-container {
      width: 100px;
      margin: 0 auto;

      display: flex;
    }

@media all and (min-width: 71em) {

.recommended-products__product-image-container {
        flex: 0 0 60%
    }
      }

.recommended-products__product-image {
      height: auto;
      width: 100%;
      margin-bottom: 1rem;
      margin-bottom: var(--margin-bottom);

      align-self: flex-end;
    }

@media all and (min-width: 71em) {

.recommended-products__product-image {
        margin-bottom: 0.5rem
    }
      }

.recommended-products__product-name {
      flex: 0 0 20%;
      width: 100%;
    }

.recommended-products__product-price {
      font-family: 'TeliaSans-Bold';
      font-size: 1.5rem;
      margin: 0;
    }

@media all and (min-width: 71em) {

.recommended-products__teaser-container {
      flex: 0 1 33%;

      display: flex;
      align-items: flex-end
  }
    }

.recommended-products__teaser-image-container {
      width: 100px;
      margin: 0 auto;
    }

.recommended-products__teaser-image {
      width: 100px;
      margin-bottom: 1rem;
      margin-bottom: var(--margin-bottom);
      align-self: center;
    }

.recommended-products__teaser .heading {
      margin-bottom: 0.5rem;
      width: 100%;
    }

.recommended-products__teaser .paragraph {
      width: 100%;
    }

@media all and (min-width: 71em) {

.recommended-products__teaser {
      height: auto;
      margin-left: 2rem;
      padding: 0 0 1rem
  }
    }

.references {
  position: relative;
  display: flex;
  flex-direction: column;

  width: 100%;
  margin-bottom: 2em;
}

.references:before {
    position: absolute;
    content: ' ';

    height: 100%;
    left: -9999px;
    right: -9999px;
    z-index: -1;

    background: #f2f2f2;

    background: var(--light-grey);
  }

.references__heading {
    text-align: center;

    margin-top: 5.625em;
    margin-bottom: 5.625em;
  }

.references__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;

    margin-bottom: 5.625em;
  }

.references__item {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-grow: 1;

    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 2.188em;
  }

@media all and (min-width: 38.75em) {

.references__item {
        width: calc(25% - 2em)
  }
    }

.references__image {
      max-width: 100%;
  }

.related-article {
    background-color: #ffffff;
    background-color: var(--white);
    color: #222222;
    color: var(--black);
    display: block;
    height: 100%;
    text-decoration: none;
    width: 267px;
}

.related-article:hover .related-article__heading {
            color: #990ae3;
            color: var(--core-purple);
        }

.related-article:active, .related-article:focus {
        background-color: #990ae3;
        background-color: var(--core-purple);
        color: #ffffff;
        color: var(--white);
        outline: none;
    }

.related-article:active .related-article__heading,
        .related-article:active .tags,
        .related-article:focus .related-article__heading,
        .related-article:focus .tags {
            color: #ffffff;
            color: var(--white);
        }

.related-article__image-placeholder {
        min-height: 140px;
        background-repeat: no-repeat;
        background-size: 70px;
        background-position: center;
        background-color: #f2f2f2;
        background-color: var(--light-grey);
        background-image: url(/static/media/ico_image_placeholder_white.7953327c.svg);
    }

.related-article__image {
        display: block;
        width: 100%;
    }

.related-article__text {
        padding: 0.5rem 1rem 1rem;
    }

.related-article__heading {
        margin: 0;
    }

.related-articles {
    background-color: #f2f2f2;
    background-color: var(--light-grey);
    padding: 20px 0;
}

.related-articles__link {
        margin: 0 1rem 0.3rem 1rem;
    }

@media all and (min-width: 77.75em) {

.related-articles__link {
            margin: 0 1rem 0.3rem 2.5rem
    }
        }

.related-articles__heading {
        margin: 1.25rem 0 0.3125rem;
    }

.related-articles__list {
        display: flex;
        flex-flow: row wrap;
        list-style: none;
        margin: 0;
        padding: 0;
    }

@media all and (min-width: 77.75em) {

.related-articles__list {
            padding: 0 1.5rem
    }
        }

.related-articles__list--expanded .related-articles__list-item:nth-child(n+2) {
                display: block;
            }

.related-articles__list-item {
        flex: 0 0 100%;
        padding: 1rem;
    }

.related-articles__list-item .related-article {
            width: 100%;
        }

.related-articles__list-item:nth-child(n+2) {
            display: none;
        }

@media all and (min-width: 37.375em) {

.related-articles__list-item:nth-child(n+2) {
                display: block
        }
            }

@media all and (min-width: 37.375em) {

.related-articles__list-item {
            flex: 0 0 50%
    }

            .related-articles__list-item .related-article {
                width: 100%;
            }
        }

@media all and (min-width: 74.75em) {

.related-articles__list-item {
            flex: 0 0 auto
    }

            .related-articles__list-item .related-article {
                width: 267px;
            }
        }

.related-articles__show-more-articles {
        border: 0;
        cursor: pointer;
        font-size: 1rem;
        margin-left: 1rem;
        padding: 0.25rem 0.25rem 0.25rem 0.25rem;
    }

.related-articles__show-more-articles-icon {
            height: 0.875rem;
            width: 0.875rem;
            float:left;
            margin-right:0.225rem;
        }

.related-articles__show-more-articles:hover {
            color: #990ae3;
            color: var(--core-purple);
        }

.related-articles__show-more-articles:focus, .related-articles__show-more-articles:active {
            background: #990ae3;
            background: var(--core-purple);
            color: #ffffff;
            color: var(--white);
            outline: none;
        }

.related-articles__show-more-articles:focus > .related-articles__show-more-articles-icon *, .related-articles__show-more-articles:active > .related-articles__show-more-articles-icon * {
                fill: #ffffff;
                fill: var(--white);
            }

.related-articles__show-more-articles--expanded:focus, .related-articles__show-more-articles--expanded:active {
            }

@media all and (min-width: 37.375em) {

.related-articles__show-more-articles {
            display: none
    }
        }

.related-articles--bg-white {
        background-color: #ffffff;
        background-color: var(--white);
    }

.telia-review {
    border:  solid #bdbdbd 1px;
    border:  solid var(--grey-300) 1px;
    border-radius: 3px;
}

.telia-review-header {

    margin: 0 0 0 5px;
}

.telia-review-header__wrapper {
        display: flex;
        justify-content: space-between;
        margin: 3px;
        padding: .5rem;
    }

.telia-review-header__buyertag {
        color: #00af56;
        color: var(--green-600);
    }

.telia-review-header__buyertag--header {
            display: flex;
            align-items: center;
            
        }

.telia-review-header__buyertag--timestamp {
            margin-left: 6px;
        }

.telia-review-header__buyertag .heading--xs {
                margin:0px;
            }

.telia-review-header__title {
        display: flex;
        flex-direction: column;
    }

.telia-review-header__timestamp {
        margin-left: 8px;
        color: #a0a0a0;
        color: var(--dark-grey)
    }

.telia-review-body {
    background-color: #f2f2f2;
    background-color: var(--light-grey);
    padding: .5rem;
    margin: 5px 5px 10px 5px;
    border-radius: 3px;
}

.telia-review-body__wrapper {
        margin: 3px;
    }

.telia-review-body__wrapper p {
            margin: 0px;
        }

.telia-review-body__likes {
        display: flex;
        margin-top: 5px;
    }

.telia-review-body__like {
        display: flex;
        align-items: center;
        margin-right: 10px;
    }

.telia-review-body__like--down {
            transform: rotate(180deg);
        }

.telia-review-body__like--up, .telia-review-body__like--down {
            color: #7a7a7a;
            color: var(--grey-500);
            height: 20px;
            width: 20px;
        }

.telia-review-body__like span {
            margin: 3px;
            color: #7a7a7a;
            color: var(--grey-500);
        }

.rich-text > .heading:first-child {
        margin-top: 0;
    }

.rich-text > h2 {
        margin: 2rem 0 0.8rem 0;
    }

@media all and (min-width: 28.125em) {

.rich-text > h2 {
            margin: 3rem 0 0.8rem 0
    }
        }

.rich-text > h3 {
        margin: 1.5rem 0 0.5rem;
    }

@media all and (min-width: 28.125em) {

.rich-text > h3 {
            margin: 2rem 0 0.8rem
    }
        }

.rich-text > h4 {
        margin: 1rem 0 0;
    }

@media all and (min-width: 28.125em) {

.rich-text > h4 {
            margin: 1.5rem 0 0.5rem
    }
        }

.rich-text ul:not([class]) {
        margin: 0.5rem 0 1.5rem;
    }

.rich-text .no-margin-bottom {
        margin-bottom: 0;
    }

/*This is needed to clear a float in Image component when it's a child of .rich-text*/

.rich-text::after {
        content: '';
        display: table;
        clear: both;
    }

.telia-servicecard {
    display: flex;
    border: 1px solid #D6D6DD;
    border-radius: .5rem;
    padding: 2rem;
    max-width: 35rem;
    margin: 1rem;
}

@media all and (max-width: 34rem) {

.telia-servicecard {
        flex-direction: column;
        padding: 1.5rem
}
    }

.telia-servicecard .telia-checkbox__checkbox {
        position: absolute;
    }

.telia-servicecard__icon-mobile {
        margin-left: 0.5rem;
        display: none;
    }

.telia-servicecard__icon-mobile .Icon {
            margin-right: .5rem;
        }

@media all and (max-width: 34rem) {

.telia-servicecard__icon-mobile {
            display: block
    }
        }

.telia-servicecard__iconWrapper-mobile {
        display: flex;
        align-items: center;
    }

.telia-servicecard__iconWrapper-mobile .heading {
            font-family: 'TeliaSans-Regular', Helvetica, Roboto, Arial, sans-serif;
        }

.telia-servicecard__icon {
        border-radius: .5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.9rem;
        background: #F9F1EC;
        margin-right: .5rem;
    }

@media all and (max-width: 34rem) {

.telia-servicecard__icon {
            display: none
    }
        }

.telia-servicecard__content {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

.telia-servicecard__priceContainer {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

@media all and (max-width: 34rem) {

.telia-servicecard__price {
            margin-left: .8rem
    }
        }

.telia-servicecard__strikethrough {
        text-decoration: line-through;
        -webkit-text-decoration-color: #5F5F63;
                text-decoration-color: #5F5F63;
        color: #5F5F63;
        margin-right: 1rem;
    }

.telia-servicecard__headingContainer {
        margin-left: .7rem;
    }

.telia-servicecard__headingContainer .heading {
            font-family: 'TeliaSans-Regular', Helvetica, Roboto, Arial, sans-serif;
            margin: 0;
        }

@media all and (max-width: 34rem) {

.telia-servicecard__headingContainer {
            display: none
    }
        }

.telia-servicecard__description {
        font-size: .9rem !important;
        font-weight: 500;
        font-family: 'TeliaSans-Medium', Helvetica, Roboto, Arial, sans-serif !important;
    }

.telia-servicecard__description-mobile {
        font-size: 1rem;
        margin: 0;
    }

:root {
  --shopping-cart-font-color: #222;
  --shopping-cart-font-color-medium: #737373;
  --shopping-cart-font-color-disabled: #757575;
}

.shopping-cart__heading {
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    height: 3.8rem;
  }

.shopping-cart__icon {
    color: black;
    height: 1.3rem;
    width: 1.3rem;
  }

.shopping-cart__checkout-button-container {
    display: flex;
    justify-content: flex-end;
  }

.shopping-cart__checkout-button-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

.shopping-cart__checkout-button {
    margin: 1rem 0 0 !important;
  }

.shopping-cart__checkout-button-info {
    color: #7a7a7a;
    color: var(--grey-500);
    margin: 0.5rem 0;
  }

.shopping-cart .shopping-cart__item {
    background-color: #ffffff;
    background-color: var(--white);
    height: 4.3rem;
  }

.shopping-cart .shopping-cart__item__solid {
      background-color: inherit;
    }

/* use border directly on the <tr>. Hence, need to hack around with the children of <tr> */

.shopping-cart .shopping-cart__item__solid > :first-child {
        border: 2px solid #a0a0a0;
        border: 2px solid var(--dark-grey);
        border-right: none;
      }

/* Due to table having border-collapse: separate we can't */

.shopping-cart .shopping-cart__item__solid > :not(:first-child):not(:last-child) {
        border: 2px solid #a0a0a0;
        border: 2px solid var(--dark-grey);
        border-left: none;
        border-right: none;
      }

.shopping-cart .shopping-cart__item__solid > :last-child {
        border: 2px solid #a0a0a0;
        border: 2px solid var(--dark-grey);
        border-left: none;
      }

.shopping-cart .shopping-cart__item__active {
      background-color: inherit;
    }

/* use border directly on the <tr>. Hence, need to hack around with the children of <tr> */

.shopping-cart .shopping-cart__item__active > :first-child {
        border: 2px solid #de99ff;
        border: 2px solid var(--core-purple-300);
        border-right: none;
      }

/* Due to table having border-collapse: separate we can't */

.shopping-cart .shopping-cart__item__active > :not(:first-child):not(:last-child) {
        border: 2px solid #de99ff;
        border: 2px solid var(--core-purple-300);
        border-left: none;
        border-right: none;
      }

.shopping-cart .shopping-cart__item__active > :last-child {
        border: 2px solid #de99ff;
        border: 2px solid var(--core-purple-300);
        border-left: none;
      }

.shopping-cart .shopping-cart__item__image {
      margin-right: 1rem;
      max-height: 2.5rem;
      max-width: 2.5rem;
      width: auto;
      height: 2.5rem;
      display: block;
    }

.shopping-cart .shopping-cart__item__image__container {
        display: none;
        width: 2.5rem;
        margin-right: 1rem;
        flex-shrink: 0;
      }

@media screen and (min-width: 28rem) {

.shopping-cart .shopping-cart__item__image__container {
          display: block
      }
        }

.shopping-cart .shopping-cart__item__image--dark-green {
        color: #00cc66;
        color: var(--dark-green);
      }

.shopping-cart .shopping-cart__item__image--purple {
        color: #990ae3;
        color: var(--core-purple);
      }

.shopping-cart .shopping-cart__item__image--black {
        color: #222222;
        color: var(--black);
      }

.shopping-cart .shopping-cart__item__image--dark-grey {
        color: #a0a0a0;
        color: var(--dark-grey);
      }

.shopping-cart .shopping-cart__item__no-image__container {
        margin-left: 3.5rem;
      }

@media screen and (min-width: 45rem) {

.shopping-cart .shopping-cart__item__name {
        width: 30rem
    }
      }

.shopping-cart .shopping-cart__item__name__text__container {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
        }

.shopping-cart .shopping-cart__item__name__text__container--line-through {
            display: flex;
            flex-direction: row;
          }

.shopping-cart .shopping-cart__item__name__text__container .line-through {
            text-decoration: line-through;
            color: #7a7a7a;
            color: var(--grey-500);
            text-decoration-thickness: 2px;
            margin-right: 0.75rem;
          }

@media all and (min-width: 41em) {

.shopping-cart .shopping-cart__item__name__text__container .line-through {
              text-decoration-thickness: 2px
          }
            }

.shopping-cart .shopping-cart__item__name__text__subtitle {
          font-style: italic;
          color: #726e6e;
        }

.shopping-cart .shopping-cart__item__name__container {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-weight: normal;
        padding: 0.5rem 0 0.5rem 1rem;
        text-align: left;
      }

@media screen and (min-width: 52em) {

.shopping-cart .shopping-cart__item__name__container {
          max-width: 35rem
      }
        }

.shopping-cart .shopping-cart__item__name--subitem {
        padding-left: 3.5rem;
      }

@media screen and (min-width: 25em) {

.shopping-cart .shopping-cart__item__name--subitem {
          padding-left: 3.8rem
      }
        }

.shopping-cart .shopping-cart__item__name--subitem .shopping-cart__item__image__container {
          left: 3rem;
        }

.shopping-cart .shopping-cart__item__quantity {
      width: 30vw;
    }

@media screen and (min-width: 30em) {

.shopping-cart .shopping-cart__item__quantity {
        width: 9rem
    }
      }

.shopping-cart .shopping-cart__item__price {
      text-align: right;
      width: 30vw;
      color: #222;
      color: var(--shopping-cart-font-color);
      padding-right: 0rem;
    }

@media screen and (min-width: 30vw) {

.shopping-cart .shopping-cart__item__price {
        width: 7rem;
        padding-right: 1rem
    }
      }

.shopping-cart .shopping-cart__item__price-per {
        color: #737373;
        color: var(--shopping-cart-font-color-medium);
        display: block;
        font-size: 0.9rem;
        font-weight: normal;
        margin-top: 0.3rem;
      }

@media screen and (min-width: 45rem) {

.shopping-cart .shopping-cart__item__price-per {
          display: inline;
          margin-left: 2rem;
          margin-top: 0
      }
        }

.shopping-cart .shopping-cart__item__price__container {
        display: grid;
        grid-template-columns: 3rem 2rem;
      }

@media screen and (min-width: 23rem) {

.shopping-cart .shopping-cart__item__price__container {
          grid-template-columns: 4rem 2rem
      }
        }

.shopping-cart .shopping-cart__item__price__number {
        grid-column-start: 1;
        grid-column-end: 2;
      }

.shopping-cart .shopping-cart__item__price--discount {
        text-decoration: line-through;
        color: #a7a7a7;
      }

.shopping-cart .shopping-cart__item__price--bold {
        font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
      }

.shopping-cart .shopping-cart__item__lease-discount {
      background-color: #33adff;
      background-color: var(--blue-400);
      color: white;
    }

.shopping-cart .shopping-cart__item__lease-discount__header {
        margin-left: 0.8rem;
        text-align: left;
      }

.shopping-cart .shopping-cart__item__delete {
      height: 2rem;
      width: 2rem;
      background-color: transparent;
      border: 0;
    }

.shopping-cart .shopping-cart__item__delete-button {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border: 0;
      padding: 0.3rem 0.5rem;
      width: 8vw;
      background-color: transparent;
      height: 2.5rem;
      width: 3rem;
    }

.shopping-cart .shopping-cart__item__delete-button__container {
        height: 2.5rem;
        border-left: 2px #dedede solid;
        border-left: 2px var(--grey) solid;
        padding: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

@media screen and (min-width: 23rem) {

.shopping-cart .shopping-cart__item__delete-button__container {
          padding: 0.3rem
      }
        }

.shopping-cart .shopping-cart__item__delete-button[disabled] .Icon {
          color: #757575;
          color: var(--shopping-cart-font-color-disabled);
        }

@media screen and (min-width: 45em) {

.shopping-cart .shopping-cart__item__delete-button {
        height: 3rem;
        width: 3.5rem
    }
      }

.shopping-cart .shopping-cart__item__delete-button:active:not([disabled]) *, .shopping-cart .shopping-cart__item__delete-button:hover:not([disabled]) *, .shopping-cart .shopping-cart__item__delete-button:focus:not([disabled]) * {
          color: #ffffff;
          color: var(--white);
        }

.shopping-cart .shopping-cart__item__button {
      border: 0;
      margin-right: 0rem;
      padding: 0.3rem 0.5rem;
      width: 8vw;
    }

.shopping-cart .shopping-cart__item__button:first-of-type {
        margin-right: 0.5rem;
      }

.shopping-cart .shopping-cart__item__button[disabled] .Icon {
          color: #757575;
          color: var(--shopping-cart-font-color-disabled);
        }

@media screen and (min-width: 43em) {

.shopping-cart .shopping-cart__item__button {
        height: 1rem;
        width: 1rem
    }
      }

@media screen and (min-width: 45em) {

.shopping-cart .shopping-cart__item__button {
        height: 2rem;
        width: 2.5rem
    }
      }

.shopping-cart .shopping-cart__item__button:active:not([disabled]) .Icon, .shopping-cart .shopping-cart__item__button:hover:not([disabled]) .Icon, .shopping-cart .shopping-cart__item__button:focus:not([disabled]) .Icon {
          color: #ffffff;
          color: var(--white);
        }

.shopping-cart .shopping-cart__item__close {
      color: #ff3264;
      color: var(--red);
      font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
      font-size: 1rem;
      line-height: 1.1375rem;
      text-transform: lowercase;
    }

@media screen and (min-width: 45em) {

.shopping-cart .shopping-cart__item__close {
        font-size: 1.125rem
    }
      }

.shopping-cart .shopping-cart__item__close__text {
        color: black;
        font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
        font-size: 0.75rem;
        text-transform: none;
        letter-spacing: 0;
      }

@media screen and (min-width: 45em) {

.shopping-cart .shopping-cart__item__close__text {
          margin-top: 0.2rem
      }
        }

.shopping-cart .shopping-cart__item__icon-quantity {
      width: 0.8rem;
      height: 0.8rem;
      color: black;
    }

@media screen and (min-width: 45em) {

.shopping-cart .shopping-cart__item__icon-quantity {
        width: 1rem;
        height: 1rem
    }
      }

.shopping-cart .shopping-cart__item .text-circle-image {
      display: inline-block;
      height: 2rem;
      width: 2rem;
      margin-right: 0.5rem;
      background-color: #990ae3;
      background-color: var(--core-purple);
      border-radius: 50%;
      color: #ffffff;
      color: var(--white);
      padding: 0.5rem;
      text-align: center;
      line-height: 1rem;
    }

.shopping-cart .shopping-cart__item .text-circle-image .text-line {
        display: block;
      }

@media screen and (min-width: 30em) {

.shopping-cart .shopping-cart__item .text-circle-image {
        height: 2.5rem;
        margin-right: 1rem;
        width: 2.5rem
    }
      }

.shopping-cart .shopping-cart__item .text-circle-image .text-line:first-of-type.text-line:last-of-type {
        line-height: 1rem;
      }

@media screen and (min-width: 30em) {

.shopping-cart .shopping-cart__item .text-circle-image .text-line:first-of-type.text-line:last-of-type {
          line-height: 1.5rem
      }
        }

.shopping-cart .shopping-cart__item .text-circle-image .line1 {
        font-size: 1rem;
        line-height: 0.4rem;
      }

@media screen and (min-width: 30em) {

.shopping-cart .shopping-cart__item .text-circle-image .line1 {
          line-height: 1rem
      }
        }

.shopping-cart .shopping-cart__item .text-circle-image .line2 {
        font-size: 0.7rem;
      }

.shopping-cart .shopping-cart__quantity-picker {
        width: 7rem;
    }

@media screen and (min-width: 26.25em) {

.shopping-cart .shopping-cart__quantity-picker {
            width: 8rem
    }
        }

@media screen and (min-width: 45em) {

.shopping-cart .shopping-cart__quantity-picker {
            width: 10rem
    }
        }

.shopping-cart .shopping-cart__quantity-picker__input {
            display: inline-block;
            font-size: 1rem;
            height: 1.5rem;
            padding: 0;
            text-align: center;
            width: 1.7rem;
            -moz-appearance: textfield;
        }

.shopping-cart .shopping-cart__quantity-picker__input::selection {
                background-color: #990ae3;
                background-color: var(--core-purple);
                color: #ffffff;
                color: var(--white);
            }

@media screen and (min-width: 45em) {

.shopping-cart .shopping-cart__quantity-picker__input {
                height: 2rem;
                width: 2rem
        }
            }

.shopping-cart .shopping-cart__quantity-picker__input::-webkit-inner-spin-button,
            .shopping-cart .shopping-cart__quantity-picker__input::-webkit-outer-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }

.shopping-cart .shopping-cart__quantity-picker__label {
            margin-right: 0.5rem;
        }

.shopping-cart .shopping-cart__quantity-picker__number {
            display: inline-block;
            width: 2rem;
            text-align: center;
        }

.shopping-cart .shopping-cart__quantity-picker__unit {
            margin-right: 1rem;
        }

.shopping-cart__table {
    border-collapse: separate;
    border-spacing: 0 0.5rem;
    font-size: 0.85rem;
    margin-bottom: -0.5rem; /* Negate outer border-spacing */
    margin-top: -1rem; /* Negate outer border-spacing */
    width: 100%;
  }

@media screen and (min-width: 25em) {

.shopping-cart__table {
      font-size: 1rem
  }
    }

.shopping-cart__table__cell {
      margin-bottom: 0.5rem;
      min-height: 2.5rem;
      text-align: center;
    }

@media screen and (min-width: 37.3125em) {

.shopping-cart__table__cell {
        float: none;
        float: initial
    }
      }

@media screen and (min-width: 70rem) {

.shopping-cart__table__cell {
        margin-bottom: 1rem;
        padding: 0.5rem 1rem 0.5rem 0;
        width: auto;
        width: initial
    }
      }

.shopping-cart__table__cell:first-child {
        border-radius: 0.3rem 0 0 0.3rem;
      }

.shopping-cart__table__cell:last-child {
        border-radius: 0 0.3rem 0.3rem 0;
      }

.shopping-cart__table__cell,
    .shopping-cart__table__header {
      padding-right: 0;
    }

.shopping-cart__table + .accordion__button {
      display: block;
      float: right;
      margin: 1rem 0 0;
    }

.shopping-cart__table__separation-line {
      border: none;
      margin: 2rem 5rem;
      height: 0.2rem;
      background-color: #a0a0a0;
      background-color: var(--dark-grey);
    }

.shopping-cart__table__foot__header {
      text-align: right;
      padding-right: 1rem;
    }

.shopping-cart__table__foot__cell {
      text-align: right;
    }

.shopping-cart__table__foot__row {
      background-color: #ffffff;
      background-color: var(--white);
      color: #222222;
      color: var(--black);
      height: 3rem;
    }

.shopping-cart__table__foot__row .shopping-cart__table__header {
        text-align: right;
        text-align: left;
        padding: 0.5rem 0 0.5rem 1rem;
      }

.shopping-cart__table__foot__row--discount {
        background-color: #00af56;
        background-color: var(--green-600);
        color: #ffffff;
        color: var(--white);
        font-family: 'TeliaSans-Bold';
      }

.shopping-cart__table__foot__row--discount .shopping-cart__item__label {
          text-transform: uppercase;
        }

.shopping-cart__table__foot__row--empty {
        height: 1rem;
      }

.shopping-cart__table__head {
            position: absolute;
            left: -10000em;
            top: auto;
            width: 1px;
            height: 1px;
            overflow: hidden;
        }

.shopping-cart__table__foot .shopping-cart__table__header {
                text-align: right;
            }

.telia-shopping-cart {
  margin-bottom: 1.5rem;
  width: 100%;
  color: #222222;
}

.telia-shopping-cart__section--grey {
      background-color: #f2f2f2;
      background-color: var(--grey-100);
    }

.telia-shopping-cart__section__body {
      background-color: #ffffff;
      background-color: var(--white);
    }

.telia-shopping-cart__section__body:last-of-type {
        padding-bottom: 1rem;
      }

.telia-shopping-cart__section-inner {
    padding: 1rem;
  }

.telia-shopping-cart__horizontal-rule-wrapper {
    padding: 1rem 1rem 0 1rem;
    background-color: white;
  }

.telia-shopping-cart__horizontal-rule-wrapper .telia-shopping-cart__horizontal-rule {
      margin: 0;
    }

.telia-shopping-cart__horizontal-rule {
    width: 100%;
    border-bottom: 1px solid #d5d5d5;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 1rem 0;
  }

.telia-shopping-cart__heading {
    margin: 0;
  }

.telia-shopping-cart__continue-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1.5rem;
  }

.telia-shopping-cart__continue-container .button {
      margin: 0;
      width: 100%;
      max-width: 18rem;
    }

.telia-shopping-cart__continue-container .button:not(:first-of-type) {
        margin-top: 1rem !important;
      }

.telia-shopping-cart__delivery-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

.telia-shopping-cart__delivery-progressbar {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 1rem 0;
  }

.telia-shopping-cart__delivery-progressbar-text {
    margin-bottom: 0.5rem;
  }

.telia-shopping-cart__delivery-left {
    display: flex;
    align-items: center;
    margin-right: 1rem;
  }

.telia-shopping-cart__label-medium {
    color: #222222;
    color: var(--grey-900);
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
  }

.telia-shopping-cart__delivery-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.75rem;
  }

.telia-shopping-cart__price-upfront-container {
    background-color: #fff;
    border: 1px solid #000;
    padding: 1rem;
  }

.telia-shopping-cart__price-monthly-details-total {
    margin-top: 1.5rem;
  }

.telia-shopping-cart__price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

.telia-shopping-cart__price-row > :first-child {
      margin-right: 0.5rem;
    }

.telia-shopping-cart__tooltip-icon-wrapper {
    margin-left: 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
  }

.telia-shopping-cart__tooltip-icon {
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    color: #990ae3;
    color: var(--core-purple);
  }

.telia-shopping-cart__tooltip {
    width: 15rem;
  }

@media all and (min-width: 48em) {

.telia-shopping-cart__tooltip {
      width: 22rem
  }
    }

.telia-shopping-cart__flex-row {
    display: flex;
    align-items: center;
  }

.telia-shopping-cart-single-disclaimer {
  font-size: 14px;
  padding: 0.5rem 1rem;
}

.telia-shopping-cart-disclaimer {
  padding: 1.5rem 1rem 1.5rem 0;
  cursor: pointer;
  font-size: 14px;
}

.telia-shopping-cart-disclaimer__header {
    display: flex;
    justify-content: space-between;
  }

.telia-shopping-cart-disclaimer__header-left {
    display: flex;
    align-items: center;
  }

.telia-shopping-cart-disclaimer__header-left > * {
      margin-right: 0.5rem;
    }

.telia-shopping-cart-disclaimer__icon {
    width: 1.5rem;
    height: 1.5rem;
  }

.telia-shopping-cart-disclaimer__item {
    display: grid;
    grid-template-columns: auto auto;
    margin-top: 0.75rem;
    margin-left: 0.5rem;
  }

.telia-shopping-cart-disclaimer__item-total {
    text-align: right;
  }

.telia-shopping-cart-disclaimer__item-subtitle {
    grid-column: 1 / 3;
    color: rgba(0, 0, 0, 0.62);
  }

.telia-shopping-cart-disclaimer__total {
    margin-top: 18px;
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    font-size: 1rem;
  }

.shopping-cart-family-discount-info {
  background: #faf0ff;
  padding: 0.5rem 2rem 1.5rem 2rem;
  border-radius: 0.5rem;
  margin-top: 2rem;
  width: 20rem;
  margin: 2rem auto 0 auto;
}

@media all and (min-width: 48em) {

.shopping-cart-family-discount-info {
    width: 26rem
}
  }

.shopping-cart-family-discount-info__heading-container {
    display: flex;
    align-items: center;
  }

.shopping-cart-family-discount-info__heading-icon {
    margin-right: 1rem;
  }

.shopping-cart-family-discount-info__content {
    text-wrap: balance;
  }

.telia-shopping-cart__item {
    position: relative;
    background-color: white;
  }

.telia-shopping-cart__item__name-wrapper {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
    }

.telia-shopping-cart__item__link {

      padding-right: 2rem;
      margin-bottom: 0.2rem;
      border: none;
      font-family: 'TeliaSans-Bold', Helvetica, Arial, sans-serif;
    }

.telia-shopping-cart__item__link span {
        margin-right: 0.5rem;
      }

.telia-shopping-cart__item__link .link {
        border-bottom: 1px solid #222222;
      }

.telia-shopping-cart__item__link .link:hover {
          border-bottom: 1px solid #990ae3;
          border-bottom: 1px solid var(--core-purple);
        }

@media all and (min-width: 48em) {

.telia-shopping-cart__item__link {
        padding-right: 0
    }
      }

.telia-shopping-cart__item__discount-description {
      margin-right: 3.25rem;
      overflow: visible;
      margin-top: 0.25rem;
    }

.telia-shopping-cart__item__name {
      width: 100%;
      padding: 1rem 1rem 0 0;
      font-size: 1rem;
    }

.telia-shopping-cart__item__name__container {
        display: flex;
      }

.telia-shopping-cart__item__subtitle {
      display: flex;
      flex-direction: column;
    }

.telia-shopping-cart__item__subtitle .paragraph {
        margin: 0px;
      }

.telia-shopping-cart__item__quantity-picker-wrapper {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
    }

.telia-shopping-cart__item__quantity-picker-wrapper .telia-shopping-cart__item__price-per {
        margin-left: 1rem;
      }

.telia-shopping-cart__item__quantity-picker {
      display: flex;
      width: 5.8rem;
      height: 1.6rem;
      align-items: center;
      align-content: center;
      justify-content: space-around;
      border: #bdbdbd solid 1px;
    }

.telia-shopping-cart__item__quantity-picker .paragraph {
        margin: 0px;
      }

.telia-shopping-cart__item__quantity-picker__button {

        display: flex;
        align-items: center;
        background-color: transparent;
        border: none;
        height: 1.5rem;
        outline: none;
        font-size: 1.7rem;
      }

.telia-shopping-cart__item__quantity-picker__button:not(.telia-shopping-cart__item__quantity-picker__button--disabled):active,
        .telia-shopping-cart__item__quantity-picker__button:not(.telia-shopping-cart__item__quantity-picker__button--disabled):hover,
        .telia-shopping-cart__item__quantity-picker__button:not(.telia-shopping-cart__item__quantity-picker__button--disabled):focus {
          background-color: #990ae3;
          background-color: var(--core-purple);
          color: white;
        }

.telia-shopping-cart__item__quantity-picker__button .Icon {
          width: 1rem;
          height: 1rem;
        }

.telia-shopping-cart__item__quantity-picker__button:not(.telia-shopping-cart__item__quantity-picker__button--disabled) {
          cursor: pointer;
        }

.telia-shopping-cart__item__price__container {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0.5rem;
      }

.telia-shopping-cart__item__price__cost {
        display: flex;
        flex-direction: column;
        font-family: 'TeliaSans-Bold', Helvetica, Arial, sans-serif;
        margin-bottom: 0px;
      }

.telia-shopping-cart__item__price__label {
        margin-bottom: 0px;
      }

.telia-shopping-cart__item__price__linethrough {
        font-size: 1rem;
        font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
        margin-bottom: 0rem;
        text-align: right;
        -webkit-text-decoration-line: line-through;
                text-decoration-line: line-through;
        color: #7a7a7a;
        color: var(--grey-500);
      }

.telia-shopping-cart__item__image__container, .telia-shopping-cart__item__no-image__container {
        max-width: 2.5rem;
        width: 2.5rem;
        margin: 1rem 1rem 0 1rem;
      }

.telia-shopping-cart__item__image__container .link:active,
        .telia-shopping-cart__item__image__container .link:focus,
        .telia-shopping-cart__item__image__container .link:focus-within,
        .telia-shopping-cart__item__no-image__container .link:active,
        .telia-shopping-cart__item__no-image__container .link:focus,
        .telia-shopping-cart__item__no-image__container .link:focus-within {
          color: #990ae3;
        }

.telia-shopping-cart__item__image {
      display: block;
      height: auto;
      max-width: 2.5rem;
      width: 2.5rem;
    }

.telia-shopping-cart__item__delete-button__container {

        display: flex;
        justify-content: center;
        background-color: transparent;
        border: none;
        border-radius: 1rem;
        color: #4e4e4e;
        outline: none;
        position: absolute;
        height: 1.5rem;
        width: 3rem;
        right: 4px;
        top: 16px;
        cursor: pointer;
        padding: 0.25rem 0.5rem;
      }

.telia-shopping-cart__item__delete-button__container:active,
        .telia-shopping-cart__item__delete-button__container:hover,
        .telia-shopping-cart__item__delete-button__container:focus {
          background-color: #990ae3;
          background-color: var(--core-purple);
          color: white;
        }

.telia-shopping-cart__item__delete-button__container .Icon {
          width: 1.06rem;
          height: 1.1rem;
          margin-bottom: 1px;
        }

.telia-side-menu {
  height: 100%;
  width: 240px;
  background-color: #f2f2f2;
  background-color: var(--grey-100);
  font-size: 16px;
  overflow-y: auto;
  white-space: nowrap;
  overflow-x: hidden;
  transition: width 0.2s;
}

.telia-side-menu ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
  }

.telia-side-menu__list {
    margin: 0;
    padding: 0;
    height: 100%;
  }

.telia-side-menu--white .telia-side-menu-item--active {
        background-color: white;
      }

.telia-side-menu--collapsed {
    width: 64px;
  }

.telia-side-menu--collapsed .telia-side-menu__group-items {
      transition: none;
    }

.telia-side-menu .telia-side-menu-top__list {
      margin: 0;
      padding: 0;
    }

.telia-side-menu .telia-side-menu-bottom {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 0.25rem;
  }

.telia-side-menu .telia-side-menu-bottom__list {
      margin: 0;
      padding: 0;
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding-bottom: 0.25rem;
    }

.telia-side-menu .telia-side-menu-item {
    margin: 0 0 0 8px;
    padding: 0 2px 0 0;
  }

.telia-side-menu .telia-side-menu-item--grey {
      color: #f2f2f2;
      color: var(--grey-100);
    }

.telia-side-menu .telia-side-menu-item--purple {
      color: #990ae3;
      color: var(--core-purple);
    }

.telia-side-menu .telia-side-menu-item--rounded {
      border-radius: 100px;
    }

.telia-side-menu .telia-side-menu-item--rounded .telia-side-menu-item__action-element {
        border-radius: 100px;
      }

.telia-side-menu .telia-side-menu-item--squared {
      border-radius: 12px;
    }

.telia-side-menu .telia-side-menu-item--squared .telia-side-menu-item__action-element {
        border-radius: 12px;
      }

.telia-side-menu .telia-side-menu-item--active > button,
    .telia-side-menu .telia-side-menu-item--active > a {
      color: #990ae3;
      color: var(--core-purple);
    }

.telia-side-menu .telia-side-menu-item__badge--right {
        top: 50%;
        right: -0.5rem;
      }

.telia-side-menu .telia-side-menu-item__badge--on-top-left {
        top: 5px;
        right: calc(100% - 5px);
      }

.telia-side-menu .telia-side-menu-item__action-element {
      color: #222222;
      color: var(--black);
      width: 100%;
      font-size: 1rem;
      display: flex;
      align-items: center;
      border: none;
      text-decoration: none;
      background-color: transparent;
      margin: 2px 0;
      padding: calc(0.5rem - 2px) 0.5rem;
      font-family: inherit;
      cursor: pointer;
      outline: none;
    }

.telia-side-menu .telia-side-menu-item__action-element:focus {
        box-shadow: 0 0 0 2px #0099ff;
        box-shadow: 0 0 0 2px var(--blue-500);
        z-index: 2;
      }

.telia-side-menu .telia-side-menu-item__action-element:hover {
        color: #990ae3;
        color: var(--core-purple-500);
      }

.telia-side-menu .telia-side-menu-item__action-element--disabled {
        color: #bdbdbd;
        color: var(--grey-300);
      }

.telia-side-menu .telia-side-menu-item__action-element--disabled:hover {
          color: #bdbdbd;
          color: var(--grey-300);
          cursor: default;
        }

.telia-side-menu .telia-side-menu-item__icon,
    .telia-side-menu .telia-side-menu-item__avatar {
      height: 2rem;
      width: 2rem;
      min-width: 32px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

.telia-side-menu .telia-side-menu-item__icon svg {
        height: 20px;
        width: 20px;
      }

.telia-side-menu .telia-side-menu-item__label {
      margin: 0 0.5rem;
    }

.telia-side-menu .telia-side-menu-item__label--visually-hidden {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(50%);
                clip-path: inset(50%);
        height: 1px;
        width: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
      }

.telia-side-menu__group-items {
    opacity: 0;
    transition: max-height 0.3s, opacity 0.3s;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0 -2px 0 1.5rem;
  }

.telia-side-menu__group-items--open {
      max-height: 200px;
      opacity: 1;
    }

.telia-side-menu--white .telia-side-menu-item--rounded {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }

.telia-side-menu--white .telia-side-menu-item--rounded .telia-side-menu-item__action-element {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }

.telia-side-menu--white .telia-side-menu-item--squared {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }

.telia-side-menu--white .telia-side-menu-item--squared .telia-side-menu-item__action-element {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }

.speech-bubble {
  position: absolute;
  transform-origin: 0% 100%;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  width: 192px;
  padding: 10px;
  top: -85px;
  left: -47px;
  transform: scale(0);
  animation-fill-mode: forwards;
  animation-name: expand;
  animation-duration: 0.5s;
  animation-delay: 0.3s;
  border-radius: 5px;
  filter: drop-shadow(0px 2px 8px #dcdce1);
}

.speech-bubble__tip-bottom::before {
    content: '';
    display: block;
    width: 0;
    position: absolute;
    bottom: -1.25rem;
    left: 3rem;
    border-style: solid;
    border-width: 0.75rem;
    border-color: #fff;
    box-shadow: transparent 2px 2px #dcdce1;
    -webkit-clip-path: polygon(50% 100%, 0% 0, 100% 0);
            clip-path: polygon(50% 100%, 0% 0, 100% 0);

  }

.speech-bubble__tip-top::before {
    content: '';
    display: block;
    width: 0;
    position: absolute;
    top: -1.25rem;
    left: 9.4rem;
    border-style: solid;
    border-width: 0.75rem;
    border-color: #fff;
    box-shadow: transparent 2px 2px #dcdce1;
    -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
            clip-path: polygon(50% 0, 0 100%, 100% 100%);
  }

@keyframes expand {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}

.telia-speech-bubble-tabs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: initial;
}

@media all and (min-width: 48em) {

.telia-speech-bubble-tabs {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: initial
}
    }

.telia-speech-bubble-tabs--center {
        justify-content: center;
    }

.telia-speech-bubble-tabs--left {
        justify-content: flex-start;
    }

.telia-speech-bubble-tabs__tab {
        background-color: #ffffff;
        background-color: var(--white);
        position: relative;
        font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
        font-size: 16px;
        text-decoration: none;
        cursor: pointer;
        border: 1px solid #29003e;
        border: 1px solid var(--core-purple-850);
        border-radius: 0.5rem;
        padding: 0.64rem 1rem;
        color: #29003e;
        color: var(--core-purple-850);
    }

.telia-speech-bubble-tabs__tab:not(:last-of-type) {
            margin-right: 0.5rem;
        }

.telia-speech-bubble-tabs__tab:active,
        .telia-speech-bubble-tabs__tab:focus,
        .telia-speech-bubble-tabs__tab:hover,
        .telia-speech-bubble-tabs__tab--selected {
            background-color: #29003e;
            background-color: var(--core-purple-850);
            border: 1px solid #29003e;
            border: 1px solid var(--core-purple-850);
            color: #ffffff;
            color: var(--white);
        }

.telia-speech-bubble-tabs__tab--selected {
            cursor: default;
        }

.telia-speech-bubble-tabs__tab--selected.telia-speech-bubble-tabs__tab--selected--triangle::before {
                  content: "";
                  position: absolute;
                  bottom: -5px;
                  left: 1rem;
                  margin: auto;
                  height: 1rem;
                  width: 1rem;
                  border: 1px solid #29003e;
                  border: 1px solid var(--core-purple-850);
                  transform: rotate(45deg);
                  background-color: #29003e;
                  background-color: var(--core-purple-850);
              }

.telia-speech-bubble-tabs__tab--selected span {
                position: relative;
            }

.stats-display {
  display: flex;
}

@media (max-width: 41.8125em) {

.stats-display {
    flex-wrap: wrap
}
  }

.stats-display .stats-display-item {
    flex-basis: 50%;
    padding: 0 1rem;
    text-align: center;
    border-right: 1px solid #cfcfcf;
    stroke-width: 15%;
    stroke-linecap: round;
    min-width: 6rem;
  }

.stats-display .stats-display-item:last-child {
      border: none;
    }

@media (max-width: 41.8125em) {

.stats-display .stats-display-item {
      border: none
  }

      .stats-display .stats-display-item:last-child:nth-child(odd) {
        border: none;
        flex-basis: 100%;
      }
    }

.stats-display .stats-display-item__heading {
      color: #990ae3;
      color: var(--core-purple);
      font-size: 2.25rem;
      font-family: 'TeliaSans-Bold';
      margin-bottom: 1rem;
      margin-bottom: var(--margin-bottom);
      padding-top: 1.5rem;
      height: 5rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }

@media (max-width: 41.8125em) {

.stats-display .stats-display-item__heading {
        font-size: 1.5rem
    }
      }

.stats-display .stats-display-item__heading svg {
        width: 3rem;
        height: 3rem;
      }

@media (max-width: 41.8125em) {

.stats-display .stats-display-item__heading svg {
          width: 2rem;
          height: 2rem
      }
        }

.stats-display-border {
  border: 1px solid #cfcfcf;
  width: 70%;
  margin: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (max-width: 41.8125em) {

.stats-display-border {
    border: none
}
  }

.step-by-step {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

button.step-by-step__pebbles {
  border: none;
  background-color: transparent;
  padding: 0;
  height: 0;
}

.step-by-step:not(.step-by-step--interactive) .step-by-step__content {
    display: none;
  }

.step-by-step__step-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
}

.step-by-step__step-wrapper:not(:last-child):after {
    content: '';
    position: absolute;
    top: 4px;

    bottom: 0;
    height: 100%;
    width: 1px;
    border-left: 1px solid #dedede;
    border-left: 1px solid var(--grey);
  }

.step-by-step--dashed .step-by-step__step-wrapper:not(:last-child):after {
    border-left: 1px dashed #dedede;
    border-left: 1px dashed var(--grey);
  }

.step-by-step__circle {
  background-color: #f2f2f2;
  background-color: var(--light-grey);
  border-radius: 50%;
  border: 1px solid #dedede;
  border: 1px solid var(--grey);
}

.step-by-step__circle--no-border {
    border: none;
  }

.step-by-step__pebbles svg {
    z-index: 2;
    flex: 1 1 auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

.step-by-step__pebbles svg * {
      fill: #f2f2f2;
      fill: var(--light-grey);
      stroke: #dedede;
      stroke: var(--grey);
    }

.step-by-step__pebbles > * {
    z-index: 3;
  }

.step-by-step--interactive .step-by-step__content {
    margin: -2rem 0 2rem 5.3rem;
  }

.step-by-step--interactive .step-by-step__step {
    outline: none;
    text-decoration: none;
  }

.step-by-step--interactive .step-by-step__step:not(.step-by-step--interactive .step-by-step__step--highlighted) {
      cursor: pointer;
    }

.step-by-step--interactive .step-by-step__step:not(.step-by-step--interactive .step-by-step__step--highlighted)[class*='step-by-step__circle']:focus {
        border: 2px solid #990ae3;
        border: 2px solid var(--core-purple);
      }

.step-by-step--interactive .step-by-step__step:not(.step-by-step--interactive .step-by-step__step--highlighted)[class*='step-by-step__pebbles']:focus path {
          stroke: #990ae3;
          stroke: var(--core-purple);
        }

.step-by-step--interactive .step-by-step__step:not(.step-by-step--interactive .step-by-step__step--highlighted):focus > .step-by-step__number {
        line-height: 4.375rem;
      }

.step-by-step--interactive .step-by-step__step--touched > .step-by-step__content {
      animation: step-by-step__height-close 500ms forwards;
    }

.step-by-step--interactive .step-by-step__step--opened > .step-by-step__content {
      visibility: visible;
      max-height: none;
      animation: step-by-step__height-open 500ms forwards;
    }

.step-by-step--interactive .step-by-step__step--closed > .step-by-step__content {
      overflow: hidden;
      max-height: 0;
      visibility: collapse;
      transition: visibility 500ms;
      animation-fill-mode: forwards;
    }

.step-by-step__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

/*To make the circle lay on top of the vertical border */

.step-by-step__step--highlighted[class*='step-by-step__circle'] {
      background-color: #990ae3;
      background-color: var(--core-purple);
    }

.step-by-step__step--highlighted.step-by-step__pebbles svg * {
      stroke: #990ae3;
      stroke: var(--core-purple);
      fill: #990ae3;
      fill: var(--core-purple);
    }

.step-by-step__step--highlighted > .step-by-step__number,
    .step-by-step__step--highlighted > .step-by-step__text {
      color: #ffffff;
      color: var(--white);
    }

.step-by-step__image {
  border-radius: 50%;
}

.step-by-step__number {
  color: #990ae3;
  color: var(--core-purple);
  font-family: 'TeliaSans-Bold';
  font-size: 3rem;
}

@media screen and (max-width: 30em) {

.step-by-step__number {
    font-size: 2rem
}
  }

.step-by-step__text {
  flex: 6 0;

  padding-left: 1rem;
  padding-bottom: 2rem;

  display: flex;
  flex-direction: column;
}

.step-by-step__content {
  padding-left: 0.5rem;
  padding-bottom: 2rem;
  width: 100%;
}

@media screen and (max-width: 30em) {

.step-by-step__content {
    margin-left: 0
}
  }

.step-by-step__heading {
  margin: 0 0 0.5rem;
}

.step-by-step__description {
}

.step-by-step--lg .step-by-step__step-wrapper {
    min-height: calc(75px + 3rem);
  }

.step-by-step--lg .step-by-step__pebbles,
  .step-by-step--lg .step-by-step__circle {
    height: 75px;
    width: 75px;
  }

.step-by-step--lg .step-by-step__circle .Icon,
    .step-by-step--lg .step-by-step__circle .step-by-step__icon,
    .step-by-step--lg .step-by-step__circle .step-by-step__image {
      height: 45px;
      width: 45px;
    }

.step-by-step--lg .step-by-step__step-wrapper:after {
    left: 2.3rem;
  }

.step-by-step--md .step-by-step__step-wrapper {
    min-height: calc(48px + 2rem);
  }

.step-by-step--md .step-by-step__pebbles,
  .step-by-step--md .step-by-step__circle {
    height: 48px;
    width: 48px;
  }

.step-by-step--md .step-by-step__circle .Icon,
    .step-by-step--md .step-by-step__circle .step-by-step__icon,
    .step-by-step--md .step-by-step__circle .step-by-step__image {
      height: 28px;
      width: 28px;
    }

.step-by-step--md .step-by-step__step-wrapper:after {
    left: 24px;
  }

.step-by-step--sm .step-by-step__step-wrapper {
    min-height: calc(40px + 2rem);
  }

.step-by-step--sm .step-by-step__pebbles,
  .step-by-step--sm .step-by-step__circle {
    height: 40px;
    width: 40px;
  }

.step-by-step--sm .step-by-step__circle .Icon,
    .step-by-step--sm .step-by-step__circle .step-by-step__icon,
    .step-by-step--sm .step-by-step__circle .step-by-step__image {
      height: 24px;
      width: 24px;
    }

.step-by-step--sm .step-by-step__step-wrapper:after {
    left: 20px;
  }

.step-by-step--xs .step-by-step__step-wrapper {
    min-height: calc(32px + 2rem);
  }

.step-by-step--xs .step-by-step__pebbles,
  .step-by-step--xs .step-by-step__circle {
    height: 32px;
    width: 32px;
  }

.step-by-step--xs .step-by-step__circle .Icon,
    .step-by-step--xs .step-by-step__circle .step-by-step__icon,
    .step-by-step--xs .step-by-step__circle .step-by-step__image {
      height: 20px;
      width: 20px;
    }

.step-by-step--xs .step-by-step__step-wrapper:after {
    left: 16px;
  }

.step-by-step__step-wrapper:last-child .step-by-step__text {
    padding-bottom: 0;
  }

.step-by-step__text + .step-by-step__content {
  padding-top: 2rem;
}

@keyframes step-by-step__height-open {
  0%,
  1% {
    max-height: 0;
  }
  99% {
    max-height: 1000px;
  }
  to {
    max-height: none;
  }
}

@keyframes step-by-step__height-close {
  0% {
    max-height: none;
  }
  1% {
    max-height: 1000px;
  }
  99% {
    max-height: 0;
  }
  to {
    max-height: 0;
    padding: 0;
  }
}

.telia-step-indicator-paging {
  display: block;
}

.telia-step-indicator-paging__circle {
    fill: #606064;
    fill: var(--darker-grey);
  }

.telia-step-indicator-paging__circle-svg {
      position: absolute;
      left: -4000px;
      z-index: -1;
      width: 1px;
      height: 1px;
    }

.telia-step-indicator-paging__list {
    display: flex;
    list-style: none;
    padding: 0;
    padding-bottom: 24px;
    width: -webkit-min-content;
    width: min-content;
    position: relative;
    margin: 0 auto;
  }

@media screen and (min-width: 48em) {

.telia-step-indicator-paging__list {
      padding-bottom: 40px
  }
    }

/*TODO/Optional: Update to display flex - grow, with 'min and max value per list item....' ? */

.telia-step-indicator-paging__list--page-size-3 > li {
      width: 96px;
    }

@media screen and (min-width: 22.5em) {

.telia-step-indicator-paging__list--page-size-3 > li {
        width: 110px
    }
      }

@media screen and (min-width: 25em) {

.telia-step-indicator-paging__list--page-size-3 > li {
        width: 120px
    }
      }

@media screen and (min-width: 27.5em) {

.telia-step-indicator-paging__list--page-size-3 > li {
        width: 130px
    }
      }

@media screen and (min-width: 32em) {

.telia-step-indicator-paging__list--page-size-3 > li {
        width: 150px
    }
      }

.telia-step-indicator-paging__list--page-size-4 > li {
      width: 72px;
    }

@media screen and (min-width: 22.5em) {

.telia-step-indicator-paging__list--page-size-4 > li {
        width: 78px
    }
      }

@media screen and (min-width: 25em) {

.telia-step-indicator-paging__list--page-size-4 > li {
        width: 90px
    }
      }

@media screen and (min-width: 27.5em) {

.telia-step-indicator-paging__list--page-size-4 > li {
        width: 102px
    }
      }

@media screen and (min-width: 32em) {

.telia-step-indicator-paging__list--page-size-4 > li {
        width: 120px
    }
      }

@media screen and (min-width: 22.5em) {

.telia-step-indicator-paging__list--page-size-5 > li {
        width: 65px
    }
      }

@media screen and (min-width: 25em) {

.telia-step-indicator-paging__list--page-size-5 > li {
        width: 72px
    }
      }

@media screen and (min-width: 27.5em) {

.telia-step-indicator-paging__list--page-size-5 > li {
        width: 78px
    }
      }

@media screen and (min-width: 32em) {

.telia-step-indicator-paging__list--page-size-5 > li {
        width: 92px
    }
      }

@media screen and (min-width: 48em) {

.telia-step-indicator-paging__list > li.telia-step-indicator-paging__list-item {
        width: 130px
    }
      }

@media screen and (min-width: 52em) {

.telia-step-indicator-paging__list > li.telia-step-indicator-paging__list-item {
        width: 150px
    }
      }

.telia-step-indicator-paging__list-item {
    min-width: 58px;
    min-height: 32px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

.telia-step-indicator-paging__button {
    border: 0;
    outline: 0;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    cursor: pointer;
    z-index: 3;
    font-size: 14px;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #606064;
    color: var(--darker-grey);
  }

.telia-step-indicator-paging__button:focus,
    .telia-step-indicator-paging__button:hover {
      color: #990ae3;
      color: var(--core-purple);
      border-color: #990ae3;
      border-color: var(--core-purple);
    }

.telia-step-indicator-paging__button--complete {
      color: #29003e;
      color: var(--core-purple-850);
    }

.telia-step-indicator-paging__button--complete > div > span {
        display: none;
      }

.telia-step-indicator-paging__button--complete > div svg {
        color: #990ae3;
        color: var(--core-purple);
        stroke: #990ae3;
        stroke: var(--core-purple);
        stroke-width: 2;
      }

.telia-step-indicator-paging__button--complete > div {
        border-color: #990ae3;
        border-color: var(--core-purple);
      }

.telia-step-indicator-paging__button--complete:focus > div > svg, .telia-step-indicator-paging__button--complete:hover > div > svg {
            display: none;
          }

.telia-step-indicator-paging__button--complete:focus > div > span, .telia-step-indicator-paging__button--complete:hover > div > span {
            display: block;
          }

.telia-step-indicator-paging__button--disabled {
      color: #606064 !important;
      color: var(--darker-grey) !important;
      border-color: #606064 !important;
      border-color: var(--darker-grey) !important;
      cursor: default !important;
    }

.telia-step-indicator-paging__button--disabled.telia-step-indicator-paging__button--complete {
        color: #990ae3 !important;
        color: var(--core-purple) !important;
      }

.telia-step-indicator-paging__button--disabled:hover > div > svg {
            display: none;
          }

.telia-step-indicator-paging__button--disabled:hover > div > span {
            display: block;
          }

.telia-step-indicator-paging__button--disabled.telia-step-indicator-paging__button--complete:hover > div > svg {
            display: block;
          }

.telia-step-indicator-paging__button--disabled.telia-step-indicator-paging__button--complete:hover > div > span {
            display: none;
          }

.telia-step-indicator-paging__button--active,
    .telia-step-indicator-paging__button--active:focus,
    .telia-step-indicator-paging__button--active:hover {
      cursor: default;
    }

.telia-step-indicator-paging__button--active > div > svg, .telia-step-indicator-paging__button--active:focus > div > svg, .telia-step-indicator-paging__button--active:hover > div > svg {
          display: none;
        }

.telia-step-indicator-paging__button--active > div > span, .telia-step-indicator-paging__button--active:focus > div > span, .telia-step-indicator-paging__button--active:hover > div > span {
          display: block;
        }

.telia-step-indicator-paging__button-clickable-field {
      left: 10%;
      top: 0;
      width: 70%;
      height: 120%;
      position: absolute;
    }

.telia-step-indicator-paging__button-text {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: white;

      border: 2px solid;
      border-radius: 50%;

      height: 28px;
      width: 28px;
    }

@media screen and (max-width: 48em) {

.telia-step-indicator-paging__button-text {
        height: 24px;
        width: 24px
    }
      }

.telia-step-indicator-paging__button-text--active {
        border-color: #990ae3;
        border-color: var(--core-purple);
        background-color: #990ae3;
        background-color: var(--core-purple);
        color: #ffffff;
        color: var(--white);
      }

.telia-step-indicator-paging__button-text svg {
        width: 18px;
        height: 18px;
      }

.telia-step-indicator-paging__button-title-container {
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none;
      position: absolute;
      left: 0;
      margin: 0;
      top: 40px;
      width: 100%;
      max-width: 150px;
      text-align: center;
      font-size: 16px;
      line-height: 1;
      font-family: 'TeliaSans-Regular';
      max-width: 97%;
    }

/* so swapping font does not "jump" text */

@media screen and (max-width: 48em) {

.telia-step-indicator-paging__button-title-container {
        display: none;
        visibility: hidden;
        top: 38px;
        max-width: 125%
    }
      }

.telia-step-indicator-paging__button-title-container > span {
        color: #606064;
        color: var(--darker-grey);
        display: inline-block;
        text-align: center;
      }

.telia-step-indicator-paging__button-title-container--complete > span {
        color: #29003e;
        color: var(--core-purple-850);
        display: inline-block;
        text-align: center;
      }

.telia-step-indicator-paging__button-title-container--active {
        font-family: 'TeliaSans-Medium';
      }

.telia-step-indicator-paging__button-title-container--active > span {
          color: #29003e;
          color: var(--core-purple-850);
        }

@media screen and (max-width: 48em) {

.telia-step-indicator-paging__button-title-container--active {
          display: block;
          visibility: visible;
          font-size: 15px
      }
        }

@media screen and (max-width: 32em) {

.telia-step-indicator-paging__button-title-container--active {
          width: 125%;
          margin-left: -12.5%
      }
        }

@media screen and (max-width: 27.5em) {

.telia-step-indicator-paging__button-title-container--active {
          font-size: 14px
      }
        }

@media screen and (max-width: 22em) {

.telia-step-indicator-paging__button-title-container--active {
          font-size: 12px
      }
        }

.telia-step-indicator-paging__line {
    position: absolute;
    cursor: default;
    z-index: -10;

    top: calc(50% - 2px);
    left: 50%;
    margin-left: 14px;

    width: calc(100% - 26px);
    height: 3px;
  }

.telia-step-indicator-paging__line.right {
      left: 0;
      margin-left: -2px;
    }

@media screen and (max-width: 28em) {

.telia-step-indicator-paging__line.right {
        margin-left: 3px
    }
      }

.telia-step-indicator-paging__line.left {
      margin-left: 0;
    }

.telia-step-indicator-paging__line > svg {
      margin-top: 1px;
      width: 100%;
    }

.telia-step-indicator-paging__line--dashed {
      width: calc(100% - 32px);
      margin-left: 16px;
    }

@media screen and (max-width: 48em) {

.telia-step-indicator-paging__line {
      width: calc(100% - 20px);
      margin-left: 10px
  }
    }

.telia-step-indicator-paging__line--complete {
      border-bottom-style: solid;
      border-bottom-color: #990ae3;
      border-bottom-color: var(--core-purple);
      border-width: 2px;
    }

.telia-step-indicator-paging__arrow-container {
    position: absolute;
  }

.telia-step-indicator-paging__arrow-container--left {
      left: 0;
    }

.telia-step-indicator-paging__arrow-container--right {
      right: 0;
    }

.telia-step-indicator-paging__arrow-item {
    position: absolute;
    display: flex;
    align-items: center;
    overflow: hidden;
  }

.telia-step-indicator-paging__arrow-item--left {
      position: absolute;
      width: 50%;
      height: 100%;
      left: 0;
      margin-left: -12px;
    }

@media screen and (min-width: 48em) {

.telia-step-indicator-paging__arrow-item--left {
        margin-left: -5px
    }
      }

.telia-step-indicator-paging__arrow-item--right {
      position: absolute;
      width: 50%;
      height: 100%;
      left: calc(50% + 12px); /* width + 'button circle size' */
    }

.telia-step-indicator-paging__arrow {
    position: absolute;
    background-color: white;
    height: 100%;
    z-index: 5;
    color: #606064;
    color: var(--darker-grey);

    display: flex;
    justify-items: center;
  }

.telia-step-indicator-paging__arrow--left {
      left: 0;
    }

.telia-step-indicator-paging__arrow--right {
      right: 0;
    }

.telia-step-indicator-paging__arrow > button {
      color: #606064;
      color: var(--darker-grey);
      cursor: pointer;
      background-color: transparent;
      outline: medium none currentcolor;
      outline: initial;
      margin: 0;
      padding: 0;
      height: 100%;
      width: 20px;
      border: 0;
    }

/* Chrome/Firefox on Mac, does not inherit the color from button */

.telia-step-indicator-paging__arrow > button:active,
      .telia-step-indicator-paging__arrow > button:focus,
      .telia-step-indicator-paging__arrow > button:visited {
        color: #606064;
        color: var(--darker-grey);
      }

.telia-step-indicator-paging__arrow > button:hover {
        color: #990ae3;
        color: var(--core-purple);
      }

.telia-step-indicator-paging__arrow > button > svg {
      /* Chrome/Firefox on Mac, does not inherit the color from button */
      color: #606064;
      color: var(--darker-grey);
      width: 20px;
    }

@media screen and (min-width: 48em) {

.telia-step-indicator-paging__arrow > button > svg {
        width: 24px
    }
      }

.telia-step-indicator-paging__arrow > button > svg:hover {
        color: #990ae3;
        color: var(--core-purple);
      }

.telia-step-indicator-paging__arrow > a > svg {
      /* Chrome/Firefox on Mac, does not inherit the color from button */
      color: #606064;
      color: var(--darker-grey);
      width: 20px;
    }

@media screen and (min-width: 48em) {

.telia-step-indicator-paging__arrow > a > svg {
        width: 24px
    }
      }

.telia-step-indicator-paging__arrow > a > svg:hover {
        color: #990ae3;
        color: var(--core-purple);
      }

.telia-step-indicator-paging__arrow-line {
      width: 58px;
      position: absolute;
      z-index: 3;
      display: none;
      visibility: hidden;
    }

.telia-step-indicator-paging__arrow-line--solid {
        border-bottom: 2px solid #990ae3;
        border-bottom: 2px solid var(--core-purple);
        margin-left: 8px;
      }

.telia-step-indicator-paging__arrow-line--solid.left {
          margin-left: 8px;
        }

.telia-step-indicator-paging__arrow-line--solid.right {
          margin-left: 0px;
        }

.telia-step-indicator-paging__arrow-line--dashed {
        /* uses svg to draw the dashes */
        left: 0;
        margin-left: -2px;
        height: 3px;
      }

.telia-step-indicator-paging__arrow-line--dashed.left {
        right: 11px;
      }

@media screen and (min-width: 40em) {

.telia-step-indicator-paging__arrow-line {
        display: block;
        visibility: visible
    }
      }

.telia-step-indicator-paging__arrow-layer {
      width: 75%;
      height: 100%;
      position: absolute;
      z-index: 4;
      visibility: hidden;
      display: none;
    }

@media screen and (min-width: 40em) {

.telia-step-indicator-paging__arrow-layer {
        visibility: visible;
        display: block
    }
      }

.telia-step-indicator-paging__arrow-layer-background {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: white;
        z-index: 2;
        visibility: hidden;
        display: none;
      }

@media screen and (min-width: 40em) {

.telia-step-indicator-paging__arrow-layer-background {
          visibility: visibility;
          display: block
      }
        }

.telia-step-indicator-paging__arrow-layer--left {
        background: linear-gradient(268.73deg, #ffffff 38.45%, rgba(255, 255, 255, 0) 108.13%);
        transform: rotate(-180deg);
        right: 6px;
      }

.telia-step-indicator-paging__arrow-layer--right {
        background: linear-gradient(268.73deg, #ffffff 38.45%, rgba(255, 255, 255, 0) 108.13%);
      }

.telia-step-indicator-paging__content {
    width: 100%;
    margin: 0 auto;
  }

.subscription {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 280px;
}

/* Teaser */

.subscription__teaser {
    max-width: 185px;
    text-align: center;
    width: 100%;
  }

.subscription__teaser-content {
    padding: 1rem 0;
  }

.subscription__name {
    font-size: 0.75rem;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
  }

.subscription__name--big {
      text-transform: uppercase;
      font-family: 'TeliaSans-Bold';
      font-size: 1.7rem;
      margin-bottom: 0rem;
      margin-top: 1rem;
    }

@media all and (min-width: 25.3125em) {

.subscription__name--big {
        font-size: 2rem
    }
      }

.subscription__data-amount {
    display: block;
    font-family: 'TeliaSansHeading-Heading';
    position: relative;
    margin-top: 1rem;
  }

@media all and (min-width: 25.3125em) {

.subscription__data-amount {
      font-size: 5rem;
      line-height: 5rem
  }
    }

.subscription__data-amount--extra {
      display: block;
      font-size: 2rem;
      font-family: 'TeliaSans-Bold';
      line-height: 2rem;
      color: #990ae3;
      color: var(--core-purple);
      margin-bottom: 0.8rem;
    }

.subscription__data-amount--big {
      font-size: 9rem;
    }

@media all and (min-width: 25.3125em) {

.subscription__data-amount--big {
        font-size: 10rem
    }
      }

.subscription__data-amount__icon {
      display: inline;
      width: 100%;
      height: 100%;
    }

.subscription__data-amount__icon .Icon {
        margin: -1.75rem 0;
        width: 8rem;
        height: 8rem;
      }

@media all and (min-width: 25.3125em) {

.subscription__data-amount__icon .Icon {
          width: 9rem;
          height: 9rem
      }
        }

.subscription__data-unit {
    font-family: 'TeliaSans-Bold';
    font-size: 2rem;
  }

.subscription__data-unit--extra {
      font-size: 1rem;
      position: absolute;
      top: -1rem;
    }

.subscription__discount {
    margin-top: 1rem;
  }

.subscription__price {
    display: block;
    font-family: 'TeliaSans-Bold';
    font-size: 2rem;
  }

.subscription__price--strikethrough {
      text-decoration: line-through;
      color: #737373;
      font-size: 1rem;
    }

.subscription__price--discount {
      line-height: 2rem;
      margin-bottom: 1rem;
    }

.subscription__price-info {
    display: block;
    font-size: 0.75rem;
    font-weight: lighter;
  }

.subscription__additional-info {
    display: block;
    font-size: 0.75rem;
    margin: 1rem;
  }

.subscription__additional-info--bold {
      font-size: 0.9rem;
      font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    }

.subscription__feature-info {
    display: block;
    font-size: 0.75rem;
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    margin-top: 1rem;
  }

.subscription__teaser-links {
    background-color: #ffffff;
    background-color: var(--white);
    display: none;
    padding: 0.5rem;
  }

/* Features */

.subscription__features {
    align-self: center;
    display: none;
    padding: 0 0.5rem 0;
    text-align: center;
  }

.subscription__features .special-message,
    .subscription__features .button {
      display: none;
    }

.subscription__highlighted-feature {
  }

.subscription__highlighted-feature-icon {
    height: 32px;
    width: 32px;
  }

.subscription__highlighted-feature-icon-large {
      height: 64px;
      width: 64px;
    }

.subscription__highlighted-feature-text {
    display: block;
    font-weight: lighter;
  }

.subscription--is-showing-features {
    width: 94%;
  }

.subscription--is-showing-features .box__speech-bubble {
      margin: -7.5rem auto 1.5rem;
    }

.subscription--is-showing-features .subscription__teaser {
      width: 50%;
    }

@media all and (min-width: 25.3125em) {

.subscription--is-showing-features .subscription__teaser {
        width: 60%
    }
      }

.subscription--is-showing-features .subscription__features {
      display: inline-block;
      width: 50%;
    }

@media all and (min-width: 25.3125em) {

.subscription--is-showing-features .subscription__features {
        width: 40%
    }
      }

/* Expanded info */

.subscription__expanded-info {
    display: none;
    padding-top: 2rem;
    text-align: left;
    width: 100%;
  }

.subscription--is-standalone {
    border: none;
    cursor: default;
    margin: 0;
  }

.subscription--is-standalone .subscription__teaser {
      width: 185px;
    }

.subscription--is-standalone .subscription__teaser-links {
      background-color: #ffffff;
      background-color: var(--white);
      display: block;
      padding: 0.5rem;
    }

@media all and (max-width: 37.5em) {
        .subscription--is-broadband.box--is-expanded .subscription__teaser {
          width: 100%;
          margin: 0 auto;
        }

        .subscription--is-broadband.box--is-expanded .subscription__features {
          width: 100%;
          margin-top: 2rem;
        }
      }

.box--purple.box--is-expanded .subscription__teaser, .box--purple.subscription--is-standalone .subscription__teaser, .box--black.box--is-expanded .subscription__teaser, .box--black.subscription--is-standalone .subscription__teaser, .box--pink.box--is-expanded .subscription__teaser, .box--pink.subscription--is-standalone .subscription__teaser, .box--light-orange.box--is-expanded .subscription__teaser, .box--light-orange.subscription--is-standalone .subscription__teaser, .box--green.box--is-expanded .subscription__teaser, .box--green.subscription--is-standalone .subscription__teaser, .box--teal.box--is-expanded .subscription__teaser, .box--teal.subscription--is-standalone .subscription__teaser, .box--blue.box--is-expanded .subscription__teaser, .box--blue.subscription--is-standalone .subscription__teaser, .box--grey.box--is-expanded .subscription__teaser, .box--grey.subscription--is-standalone .subscription__teaser {
      border: 3px solid #f2f2f2;
      border: 3px solid var(--light-grey);
    }

.box--purple.box--is-expanded .subscription__teaser-content, .box--purple.subscription--is-standalone .subscription__teaser-content, .box--black.box--is-expanded .subscription__teaser-content, .box--black.subscription--is-standalone .subscription__teaser-content, .box--pink.box--is-expanded .subscription__teaser-content, .box--pink.subscription--is-standalone .subscription__teaser-content, .box--light-orange.box--is-expanded .subscription__teaser-content, .box--light-orange.subscription--is-standalone .subscription__teaser-content, .box--green.box--is-expanded .subscription__teaser-content, .box--green.subscription--is-standalone .subscription__teaser-content, .box--teal.box--is-expanded .subscription__teaser-content, .box--teal.subscription--is-standalone .subscription__teaser-content, .box--blue.box--is-expanded .subscription__teaser-content, .box--blue.subscription--is-standalone .subscription__teaser-content, .box--grey.box--is-expanded .subscription__teaser-content, .box--grey.subscription--is-standalone .subscription__teaser-content {
      background-color: #f2f2f2;
      background-color: var(--light-grey);
    }

.box--is-expanded .box__speech-bubble {
    margin: 0 auto 1.5rem;
  }

@media all and (min-width: 25.3125em) {

.box--is-expanded .box__speech-bubble {
      margin: -1rem auto 1.5rem
  }
    }

.box--is-expanded.subscription {
    align-items: flex-start;
    margin: 1%;
    padding: 1rem;
    width: 98%;
  }

@media all and (min-width: 25.3125em) {

.box--is-expanded.subscription {
      padding: 2rem
  }
    }

.box--is-expanded .subscription__teaser {
    display: inline-block;
    width: 50%;
  }

.box--is-expanded .subscription__teaser-links {
    display: block;
  }

.box--is-expanded .subscription__data-amount {
    font-size: 5rem;
    line-height: 5rem;
  }

.box--is-expanded .subscription__features {
    display: inline-block;
    flex-grow: 2;
    padding: 0 0.5rem;
    width: 50%;
  }

.box--is-expanded .subscription__features .special-message {
      display: block;
      margin-bottom: 0;
    }

.box--is-expanded .subscription__features .button {
      display: inline-block;
      margin: 2rem 0 0 0;
    }

.box--is-expanded .subscription__expanded-info {
    display: block;
  }

.subscription__container {
  margin-top: 2rem;
}

.subscription-accordion {
  position: relative;
  width: 100%;
  max-width: 40rem;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #ffffff;
  background-color: var(--white);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(229, 229, 235, 1);
  margin: 0.5rem 0;
}

.subscription-accordion__ribbon-container {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -11px;
    height: 22px;
  }

.subscription-accordion__ribbon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    padding: 4px 9px;
    height: 22px;
    border-radius: 2px;
    font-size: 0.75rem;
    line-height: 0.875rem;
  }

.subscription-accordion__extra-margin {
    margin-top: 2rem;
  }

.subscription-accordion__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding: 1rem 0.75rem;
    color: black;
    border: 3px solid transparent;
    background-color: #ffffff;
    background-color: var(--white);
    transition: border 150ms ease-out;
  }

.subscription-accordion__header:hover,
    .subscription-accordion__header:focus,
    .subscription-accordion__header--expanded {
      outline: none;
      cursor: pointer;
      border: 3px solid #990ae3;
      border: 3px solid var(--core-purple);
    }

.subscription-accordion__header:hover ~ .subscription-accordion__expanded-info, .subscription-accordion__header:focus ~ .subscription-accordion__expanded-info, .subscription-accordion__header--expanded ~ .subscription-accordion__expanded-info {
        border-left: 3px solid #990ae3;
        border-left: 3px solid var(--core-purple);
        border-right: 3px solid #990ae3;
        border-right: 3px solid var(--core-purple);
        border-bottom: 3px solid #990ae3;
        border-bottom: 3px solid var(--core-purple);
      }

.subscription-accordion__header--expanded {
      border-bottom: 0;
    }

.subscription-accordion__header--expanded:hover,
      .subscription-accordion__header--expanded:focus {
        border-bottom: 0;
      }

.subscription-accordion__heading-wrapper {
    display: flex;
  }

.subscription-accordion__heading {
    display: flex;
    text-align: left;
    font-family: 'TeliaSans-Bold';
    margin: 0;
  }

.subscription-accordion__heading.line-through {
    text-decoration: line-through;
    margin-right: 0.5rem;
    font-family: 'TeliaSans-Regular', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    width: 3rem;
  }

.subscription-accordion__heading-highlight {
    font-family: 'TeliaSans-Bold';
    color: #990ae3;
    color: var(--core-purple);
    margin-left: 0.5rem;
  }

.subscription-accordion__aside {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
  }

.subscription-accordion__discount {
    position: absolute;
    top: -1.25rem;
    right: 1rem;
    width: 11rem;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: 0.875rem;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    color: var(--white);
  }

.subscription-accordion__discount__green {
      background-color: #00af56;
      background-color: var(--green-600);
    }

.subscription-accordion__discount__blue {
      background-color: #0099ff;
      background-color: var(--blue-500);
    }

.subscription-accordion__discount__purple {
      background-color: #5f008f;
      background-color: var(--core-purple-700);
    }

.subscription-accordion__discount-price {
    font-weight: bold;
    margin-right: 0.25rem;
  }

.subscription-accordion__price {
    font-family: 'TeliaSans-Bold';
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }

.subscription-accordion__price--st {
      font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
      text-decoration: line-through;
      font-size: 1rem;
      margin-right: 0.5rem;
    }

.subscription-accordion__price-info {
    font-size: 0.75rem;
    font-weight: lighter;
    margin-right: 0.5rem;
  }

.subscription-accordion__icon-arrow {
    width: 1rem !important;
    height: 1rem !important;
    margin: 0;
  }

.subscription-accordion__icon-arrow--isExpanded {
      transform: rotate(180deg);
    }

.subscription-accordion__separation-line {
    border: none;
    margin: 1rem auto;
    height: 1px;
    max-width: 14rem;
    width: 100%;
    background-color: #dedede;
    background-color: var(--grey);
  }

.subscription-accordion__feature-icon {
    width: 3rem;
    height: 3rem;
  }

@media all and (min-width: 37.5em) {

.subscription-accordion__feature-icon {
      width: 4rem;
      height: 4rem
  }
    }

.subscription-accordion__feature-name {
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
    font-size: 1rem;
  }

.subscription-accordion__button-choose {
    width: 100%;
    max-width: 14rem;
    margin-bottom: 1rem;
  }

.subscription-accordion__disclaimers .accordion:last-of-type {
      margin-bottom: 0;
      border-bottom: none;
    }

.subscription-accordion__expanded-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    transition: border 150ms ease-out;
    padding: 0rem 0.5rem 0.5rem 0.5rem;
  }

.subscription-accordion__inverted .subscription-accordion__header {
      background-color: #222222;
      background-color: var(--black);
      color: #ffffff;
      color: var(--white);
    }

.subscription-accordion__inverted .subscription-accordion__header:hover,
      .subscription-accordion__inverted .subscription-accordion__header:focus {
        outline: none;
        cursor: pointer;
      }

.subscription-accordion__inverted .subscription-accordion__icon-arrow {
      color: #ffffff;
      color: var(--white);
    }

.subscription-accordion-simple {
  position: relative;
  width: 100%;
  max-width: 40rem;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #ffffff;
  background-color: var(--white);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(229, 229, 235, 1);
  margin: 0.5rem 0;
}

.subscription-accordion-simple__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding: 1rem 0.75rem;
    color: black;
    border: 3px solid transparent;
    background-color: #ffffff;
    background-color: var(--white);
    transition: border 150ms ease-out;
  }

.subscription-accordion-simple__header:hover,
    .subscription-accordion-simple__header:focus,
    .subscription-accordion-simple__header--expanded {
      outline: none;
      cursor: pointer;
      border: 3px solid #990ae3;
      border: 3px solid var(--core-purple);
    }

.subscription-accordion-simple__header:hover ~ .subscription-accordion-simple__expanded-info, .subscription-accordion-simple__header:focus ~ .subscription-accordion-simple__expanded-info, .subscription-accordion-simple__header--expanded ~ .subscription-accordion-simple__expanded-info {
        border-left: 3px solid #990ae3;
        border-left: 3px solid var(--core-purple);
        border-right: 3px solid #990ae3;
        border-right: 3px solid var(--core-purple);
        border-bottom: 3px solid #990ae3;
        border-bottom: 3px solid var(--core-purple);
      }

.subscription-accordion-simple__header--expanded {
      border-bottom: 0;
    }

.subscription-accordion-simple__header--expanded:hover,
      .subscription-accordion-simple__header--expanded:focus {
        border-bottom: 0;
      }

.subscription-accordion-simple__heading {
    width: 100%;
    text-align: left;
    margin: 0;
  }

.subscription-accordion-simple__aside {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
  }

.subscription-accordion-simple__icon-arrow {
    width: 1rem !important;
    height: 1rem !important;
    margin: 0;
  }

.subscription-accordion-simple__icon-arrow--isExpanded {
      transform: rotate(180deg);
    }

.subscription-accordion-simple__expanded-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    transition: border 150ms ease-out;
    padding: 0rem 0.5rem 0.5rem 0.5rem;
  }

.subscription-compact-accordion {
  --expanded-info-padding: 2rem;
  --expanded-info-padding-mobile: 1.5rem;

  position: relative;
  width: 100%;
  max-width: 38rem;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--white);
  margin: 1rem 0;
  border: 1px solid #d6d6dd;
  box-shadow: 0px 4px 12px 0px #0000001a;
}

.subscription-compact-accordion:not(:last-of-type) {
    margin-bottom: 1.8rem;
  }

.subscription-compact-accordion__ribbon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    padding: 4px 9px;
    height: 22px;
    position: absolute;
    border-radius: 2px;
    font-size: 0.75rem;
    line-height: 0.875rem;
    top: 0;
    right: 1rem;
  }

@media all and (min-width: 38em) {

.subscription-compact-accordion__ribbon {
      right: 16rem;
      top: -0.5rem
  }
    }

@media all and (min-width: 48em) {

.subscription-compact-accordion__ribbon {
      font-size: 0.875rem
  }
    }

.subscription-compact-accordion__name {
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: left;
    width: 100%;
  }

.subscription-compact-accordion__name--black,
    .subscription-compact-accordion__name--purple {
      color: #ffffff;
      color: var(--white);
    }

.subscription-compact-accordion__footer-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    margin-top: 1rem;
  }

.subscription-compact-accordion__footer-container hr {
      margin-bottom: 1rem;
      width: 100%;
      border: 1px solid #d6d6dd;
    }

.subscription-compact-accordion__icon-container {
    width: 2rem;
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

.subscription-compact-accordion__container-button {
    background: none;
    border: none;
    cursor: pointer;
    width: 100%;
    border-bottom: 0;
    transition: border 150ms ease-out;
    padding: 1rem var(--expanded-info-padding-mobile);
    margin: 0;
  }

@media all and (min-width: 41em) {

.subscription-compact-accordion__container-button {
      padding: 1.5rem var(--expanded-info-padding)
  }
    }

.subscription-compact-accordion__container-button--footer {
      padding: 1rem var(--expanded-info-padding-mobile) 0rem;
    }

@media all and (min-width: 41em) {

.subscription-compact-accordion__container-button--footer {
        padding: 1.5rem var(--expanded-info-padding) 0rem
    }
      }

.subscription-compact-accordion__container-button:hover {
      border-radius: 0.5rem;

      background-color: #f5e0ff;
    }

.subscription-compact-accordion__container-button:hover ~ .subscription-compact-accordion__footer-border {
        background-color: #f5e0ff;
      }

.subscription-compact-accordion__container-button:hover .subscription-compact-accordion__name,
        .subscription-compact-accordion__container-button:hover .subscription-compact-accordion__heading-name,
        .subscription-compact-accordion__container-button:hover .subscription-compact-accordion__price {
          color: #29003e;
        }

.subscription-compact-accordion__container-button:hover .subscription-compact-accordion__name--purple,
          .subscription-compact-accordion__container-button:hover .subscription-compact-accordion__name--black,
          .subscription-compact-accordion__container-button:hover .subscription-compact-accordion__heading-name--purple,
          .subscription-compact-accordion__container-button:hover .subscription-compact-accordion__heading-name--black,
          .subscription-compact-accordion__container-button:hover .subscription-compact-accordion__price--purple,
          .subscription-compact-accordion__container-button:hover .subscription-compact-accordion__price--black {
            color: white;
          }

.subscription-compact-accordion__container-button:hover .subscription-compact-accordion__footer-container {

        color: #29003e;
      }

.subscription-compact-accordion__container-button:hover .subscription-compact-accordion__footer-container--purple,
        .subscription-compact-accordion__container-button:hover .subscription-compact-accordion__footer-container--black {
          color: white;
        }

.subscription-compact-accordion__container-button:hover .subscription-compact-accordion__footer-container--purple hr, .subscription-compact-accordion__container-button:hover .subscription-compact-accordion__footer-container--black hr {
            border-color: #d6d6dd !important;
          }

.subscription-compact-accordion__container-button:hover .subscription-compact-accordion__footer-container hr {
          border-color: #29003e;
        }

.subscription-compact-accordion__container-button:focus {
      outline: none;
      cursor: pointer;
    }

.subscription-compact-accordion__main-container {
    display: flex;
    flex-direction: column;
    color: #222; /* Need to explicit set color due to iOS 15 overriding within button */
  }

.subscription-compact-accordion__header-first-row {
    display: flex;
    position: relative;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.5rem 0 0;
  }

.subscription-compact-accordion__heading-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

.subscription-compact-accordion__heading-name {
    font-family: 'TeliaSans-Bold', Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #222222;
    color: var(--black);
    margin: 0;
  }

.subscription-compact-accordion__heading-striketrough {
    font-size: 1.5rem;
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
    color: #222222;
    color: var(--black);
    -webkit-text-decoration-line: line-through;
            text-decoration-line: line-through;
    text-decoration-thickness: 1px;
    text-align: left;
    margin: 0 0.5rem 0 0;
  }

@media all and (min-width: 41em) {

.subscription-compact-accordion__heading-striketrough {
      text-align: center;
      text-decoration-thickness: 2px
  }
    }

.subscription-compact-accordion__left-side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 1rem;
  }

.subscription-compact-accordion__aside {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-top: 1rem;
  }

.subscription-compact-accordion__price {
    font-family: 'TeliaSans-Bold', Helvetica, Arial, sans-serif;
    font-size: 1rem;
  }

.subscription-compact-accordion__price-striketrough-wrapper {
    -webkit-text-decoration-line: line-through;
            text-decoration-line: line-through;
    text-decoration-thickness: 1px;
  }

.subscription-compact-accordion__price-striketrough {
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
  }

.subscription-compact-accordion__price-striketrough-info {
    font-size: 0.875rem;
    margin-right: 0.25rem;
  }

.subscription-compact-accordion__icon-arrow {
    width: 1.5rem !important;
    height: 1.5rem !important;
    margin: 0;
  }

.subscription-compact-accordion__icon-arrow--isExpanded {
      transform: rotate(180deg);
    }

.subscription-compact-accordion__family-discount {
    display: flex;
    align-items: center;
    background: #e4b6fb;
    padding: 0.2rem 1rem;
    margin-bottom: 1rem;
    width: calc(100% + 2*var(--expanded-info-padding-mobile));
  }

@media all and (min-width: 41em) {

.subscription-compact-accordion__family-discount {
      width: calc(100% + 2*var(--expanded-info-padding))
  }
    }

.subscription-compact-accordion__family-discount-icon {
    margin-right: 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
  }

.subscription-compact-accordion__expanded-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: border 150ms ease-out;
    padding: 0rem var(--expanded-info-padding-mobile) 1rem var(--expanded-info-padding-mobile);
  }

@media all and (min-width: 41em) {

.subscription-compact-accordion__expanded-info {
      padding: 0rem var(--expanded-info-padding) 1rem var(--expanded-info-padding)
  }
    }

.subscription-compact-accordion--black .subscription-compact-accordion__header-first-row,
    .subscription-compact-accordion--black .subscription-compact-accordion__container-button {
      border-radius: 0.5rem;
      background-color: #222222;
      background-color: var(--black);
      color: #ffffff;
      color: var(--white);
      position: relative;
    }

.subscription-compact-accordion--black .subscription-compact-accordion__header-first-row:hover,
      .subscription-compact-accordion--black .subscription-compact-accordion__header-first-row:focus,
      .subscription-compact-accordion--black .subscription-compact-accordion__container-button:hover,
      .subscription-compact-accordion--black .subscription-compact-accordion__container-button:focus {
        outline: none;
        cursor: pointer;
      }

.subscription-compact-accordion--black .subscription-compact-accordion__icon-arrow,
    .subscription-compact-accordion--black .subscription-compact-accordion__heading-name,
    .subscription-compact-accordion--black .subscription-compact-accordion__heading-striketrough {
      color: #ffffff;
      color: var(--white);
    }

.subscription-compact-accordion--purple .subscription-compact-accordion__header-first-row,
    .subscription-compact-accordion--purple .subscription-compact-accordion__container-button {
      border-radius: 0.5rem;
      background-color: #4e0174;
      color: #ffffff;
      color: var(--white);
      position: relative;
    }

.subscription-compact-accordion--purple .subscription-compact-accordion__header-first-row:hover,
      .subscription-compact-accordion--purple .subscription-compact-accordion__header-first-row:focus,
      .subscription-compact-accordion--purple .subscription-compact-accordion__container-button:hover,
      .subscription-compact-accordion--purple .subscription-compact-accordion__container-button:focus {
        outline: none;
        cursor: pointer;
      }

.subscription-compact-accordion--purple .subscription-compact-accordion__icon-arrow,
    .subscription-compact-accordion--purple .subscription-compact-accordion__heading-name,
    .subscription-compact-accordion--purple .subscription-compact-accordion__heading-striketrough {
      color: #ffffff;
      color: var(--white);
    }

.subscription-compact-accordion__description {
    text-align: left;
  }

.subscription-compact-accordion__price-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap-reverse;
    font-size: 1rem;
  }

.subscription-compact-accordion__tagline-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.5rem;
  }

.subscription-compact-accordion__tagline {
    text-align: left;
    color: #990ae3;
    color: var(--core-purple);
    font-size: 1rem;
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
  }

.subscription-compact-accordion__tagline-icon {
    color: #990ae3;
    color: var(--core-purple);
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
  }

.subscription-compact-accordion__discount-line {
    font-size: 1rem;
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
    color: #008641;
    color: var(--green-700);
  }

.subscription-compact-accordion__flex {
    display: flex;
    align-items: center;
  }

.subscription-compact-accordion__flex--grow {
      flex: 1 1 auto;
    }

.subscription-compact-accordion__footer-ribbon {
    display: flex;
    align-items: center;
    background: #faf0ff;
    color: #4e0174;
    padding: 0.3rem 0;
    margin: 1rem calc(var(--expanded-info-padding-mobile)*-1);
  }

@media all and (min-width: 41em) {

.subscription-compact-accordion__footer-ribbon {
      margin: 1rem calc(var(--expanded-info-padding)*-1)
  }
    }

.subscription-compact-accordion__footer-ribbon-icon {
    width: 1.4rem !important;
    height: 1.4rem !important;
    margin-right: 0.5rem;
    margin-left: var(--expanded-info-padding-mobile);
  }

@media all and (min-width: 41em) {

.subscription-compact-accordion__footer-ribbon-icon {
      margin-left: var(--expanded-info-padding)
  }
    }

.subscription-compact-accordion-expanded {
  outline: 3px solid #4e0174;
}

.subscription-compact-accordion-expanded__container-button {
    border-radius: 0.3rem 0.3rem 0 0 !important;
  }

.subscription-compact-accordion-expanded-black {
  outline: 3px solid #222222;
  outline: 3px solid var(--black);
}

.subscription-compact-accordion-expanded-purple {
  outline: 3px solid #4e0174;
}

.subscription-lines-accordion {
  position: relative;
  width: 100%;
  max-width: 40rem;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #ffffff;
  background-color: var(--white);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
  margin: 1rem 0;
}

.subscription-lines-accordion__icon-container {
    width: 4rem;
    text-align: center;
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
  }

@media all and (min-width: 41em) {

.subscription-lines-accordion__icon-container {
      width: 6rem
  }
    }

.subscription-lines-accordion__container-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    width: 100%;

    border: 3px solid transparent;
    border-bottom: 0;
    transition: border 150ms ease-out;
    padding: 0.3rem 0rem 0.3rem 0.75rem;
  }

.subscription-lines-accordion__container-button h2 {
      font-family: 'TeliaSansHeading-Heading';
      margin: 0;
    }

.subscription-lines-accordion__container-button:hover,
    .subscription-lines-accordion__container-button:focus {
      outline: none;
      cursor: pointer;
      border-top: 3px solid #990ae3;
      border-top: 3px solid var(--core-purple);
      border-left: 3px solid #990ae3;
      border-left: 3px solid var(--core-purple);
      border-right: 3px solid #990ae3;
      border-right: 3px solid var(--core-purple);
    }

.subscription-lines-accordion__container-button:hover ~ .subscription-lines-accordion__expanded-info, .subscription-lines-accordion__container-button:focus ~ .subscription-lines-accordion__expanded-info {
        border-left: 3px solid #990ae3;
        border-left: 3px solid var(--core-purple);
        border-right: 3px solid #990ae3;
        border-right: 3px solid var(--core-purple);
      }

.subscription-lines-accordion__container-button:hover ~ .subscription-lines-accordion__footer-border, .subscription-lines-accordion__container-button:focus ~ .subscription-lines-accordion__footer-border {
        border-left: 3px solid #990ae3;
        border-left: 3px solid var(--core-purple);
        border-right: 3px solid #990ae3;
        border-right: 3px solid var(--core-purple);
        border-bottom: 3px solid #990ae3;
        border-bottom: 3px solid var(--core-purple);
      }

.subscription-lines-accordion__main-container {
    display: flex;
    flex-direction: column;
  }

.subscription-lines-accordion__header-first-row {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0rem 1rem 0.75rem;
  }

.subscription-lines-accordion__heading-name {
    display: flex;
    font-size: 2rem;
    line-height: 2rem;
  }

@media all and (min-width: 41em) {

.subscription-lines-accordion__heading-name {
      position: relative;
      font-size: 3.75rem;
      line-height: 3.75rem
  }
    }

.subscription-lines-accordion__heading-name-double-data {
    color: #7a7a7a;
    color: var(--grey-500);
    -webkit-text-decoration-line: line-through;
            text-decoration-line: line-through;
    text-decoration-thickness: 1px;
    text-align: left;
  }

@media all and (min-width: 41em) {

.subscription-lines-accordion__heading-name-double-data {
      text-align: center;
      text-decoration-thickness: 2px
  }
    }

.subscription-lines-accordion__heading-icon {
    position: relative;
    display: inline;
    width: 100%;
    height: 100%;
    margin-right: 0.5rem;
  }

@media all and (min-width: 41em) {

.subscription-lines-accordion__heading-icon {
      margin-right: 0
  }
    }

.subscription-lines-accordion__heading-icon .Icon {
      margin: -1.75rem 0;
      width: 4.7rem;
      height: 4.7rem;
    }

.subscription-lines-accordion__heading-icon .subscription-lines-accordion__heading-unit {
      top: -20px;
      right: -20px;
    }

.subscription-lines-accordion__heading-unit {
    font-size: 1rem;
    position: absolute;
    top: -12px;
    right: -25px;
  }

.subscription-lines-accordion__heading-extra {
    display: block;
    font-size: 1rem;
    font-family: 'TeliaSans-Bold';
    line-height: 1rem;
    color: #990ae3;
    color: var(--core-purple);
  }

.subscription-lines-accordion__heading-extra-same-line {
    font-family: 'TeliaSans-Bold';
    color: #990ae3;
    color: var(--core-purple);
    margin-left: 0.5rem;
  }

.subscription-lines-accordion__vertical-line-container {
    margin: 0 1rem;
  }

.subscription-lines-accordion__vertical-line {
    position: absolute;
    border-left: 1px solid #d8d8d8;
    border-left: 1px solid var(--grey-darker);
    height: 70%;
    top: 15%;
    display: none;
  }

@media all and (min-width: 41em) {

.subscription-lines-accordion__vertical-line {
      display: block
  }
    }

.subscription-lines-accordion__aside {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
  }

.subscription-lines-accordion__price {
    font-family: 'TeliaSans-Bold';
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }

@media all and (min-width: 41em) {

.subscription-lines-accordion__price {
      font-size: 1.5rem;
      margin-left: 0rem
  }
    }

.subscription-lines-accordion__price-info {
    font-size: 0.75rem;
    font-weight: lighter;
    margin-right: 1rem;
  }

.subscription-lines-accordion__icon-arrow {
    width: 1rem !important;
    height: 1rem !important;
    margin: 0;
  }

.subscription-lines-accordion__icon-arrow--isExpanded {
      transform: rotate(180deg);
    }

.subscription-lines-accordion__separation-line {
    border: none;
    margin: 1rem auto;
    height: 1px;
    max-width: 14rem;
    width: 100%;
    background-color: #6f6e6f;
    background-color: var(--darkest-grey);
  }

.subscription-lines-accordion__feature-icon {
    width: 3rem;
    height: 3rem;
  }

@media all and (min-width: 41em) {

.subscription-lines-accordion__feature-icon {
      width: 4rem;
      height: 4rem
  }
    }

.subscription-lines-accordion__feature-name {
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    font-size: 1rem;
  }

.subscription-lines-accordion__button-choose {
    width: 100%;
    max-width: 14rem;
    margin-bottom: 1rem;
  }

.subscription-lines-accordion__expanded-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    transition: border 150ms ease-out;
    padding: 0rem 0.5rem 0.5rem 0.5rem;
  }

.subscription-lines-accordion__expanded-info--inverted {
      padding: 0rem 0.5rem 0.5rem 0.5rem;
      border-left: 3px solid #222222;
      border-left: 3px solid var(--black);
      border-right: 3px solid #222222;
      border-right: 3px solid var(--black);
    }

.subscription-lines-accordion--inverted .subscription-lines-accordion__header-first-row,
    .subscription-lines-accordion--inverted .subscription-lines-accordion__container-button {
      background-color: #222222;
      background-color: var(--black);
      color: #ffffff;
      color: var(--white);
      position: relative;
    }

.subscription-lines-accordion--inverted .subscription-lines-accordion__header-first-row:hover,
      .subscription-lines-accordion--inverted .subscription-lines-accordion__header-first-row:focus,
      .subscription-lines-accordion--inverted .subscription-lines-accordion__container-button:hover,
      .subscription-lines-accordion--inverted .subscription-lines-accordion__container-button:focus {
        outline: none;
        cursor: pointer;
      }

.subscription-lines-accordion--inverted .subscription-lines-accordion__icon-arrow {
      color: #ffffff;
      color: var(--white);
    }

.subscription-lines-accordion__description {
    text-align: left;
    padding-left: 2.5rem;
  }

.subscription-lines-accordion__description2 {
    font-weight: bold;
    font-size: 1rem;
    color: #00cc66;
    color: var(--dark-green);
    margin: 0rem 0 1rem 1.2rem;
    text-align: left;
  }

@media all and (min-width: 41em) {

.subscription-lines-accordion__description2 {
      margin: 0 0 0.2rem 0
  }
    }

.subscription-lines-accordion__double-data {
    margin: 0rem 0 1rem 0.75rem;
  }

.subscription-lines-accordion__description1 {
    font-size: 1rem;
    font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
    color: #6f6e6f;
    color: var(--darkest-grey);
  }

.subscription-lines-accordion__description1--bold {
      font-family: 'TeliaSans-Bold', Helvetica, Arial, sans-serif;
      font-weight: bold;
    }

.subscription-lines-accordion__description1--inverted {
      color: #dedede;
      color: var(--grey);
    }

.subscription-lines-accordion__price-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

.subscription-lines-accordion__footer-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 0.5rem 0.5rem 0.5rem;
  }

.subscription-lines-accordion__footer-container .subscription-lines-accordion__price {
      color: black;
    }

.subscription-lines-accordion__footer-container--inverted {
      background-color: #222222;
      background-color: var(--black);
    }

.subscription-lines-accordion__footer-container--inverted * {
        color: #dedede;
        color: var(--grey);
      }

.subscription-lines-accordion__footer-container--inverted .subscription-lines-accordion__price {
        color: white;
      }

.subscription-lines-accordion__seperation-line-container {
    width: 100%;
  }

.subscription-lines-accordion__seperation-line {
    border: 0;
    margin: 0 0 0.2rem;
    border-top: 1px solid #6f6e6f;
    border-top: 1px solid var(--darkest-grey);
  }

.subscription-lines-accordion__seperation-line--inverted {
      border-top: 1px solid #dedede;
      border-top: 1px solid var(--grey);
    }

.subscription-lines-accordion__footer {
    padding: 0.2rem 0rem 0.2rem 1rem;
    align-self: flex-start;
  }

@media all and (min-width: 41em) {

.subscription-lines-accordion__footer {
      padding: 0.2rem 0rem 0.2rem 3.3rem
  }
    }

.subscription-lines-accordion__footer-border {
    border-bottom: 3px solid transparent;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    transition: border 150ms ease-out;
  }

.subscription-lines-accordion__footer-border--inverted {
      background-color: #222222;
      background-color: var(--black);
      border-left: 3px solid #222222;
      border-left: 3px solid var(--black);
      border-right: 3px solid #222222;
      border-right: 3px solid var(--black);
      border-bottom: 3px solid #222222;
      border-bottom: 3px solid var(--black);
    }

.subscription-lines-accordion__footer-mobile {
    display: block;
  }

@media all and (min-width: 41em) {

.subscription-lines-accordion__footer-mobile {
      display: none
  }
    }

.subscription-lines-accordion__desktop-only {
    display: none;
  }

@media all and (min-width: 41em) {

.subscription-lines-accordion__desktop-only {
      display: block
  }
    }

.subscription-lines-accordion__mobile-only {
    display: block;
  }

@media all and (min-width: 41em) {

.subscription-lines-accordion__mobile-only {
      display: none
  }
    }

.subscription-lines-accordion__heading-icon-container {
    display: flex;
    align-items: center;
  }

@media all and (min-width: 41em) {

.subscription-lines-accordion__heading-icon-container {
      display: none
  }
    }

.subscription-lines-accordion__flex {
    display: flex;
    align-items: center;
  }

.subscription-lines-accordion__flex--grow {
      flex: 1 1 auto;
    }

.tabs__list {

    list-style: none;
    margin: 0;
    margin-bottom: 1.875em;
    padding: 0;
    position: relative;
  }

@media all and (min-width: 49.75em) {

.tabs__list {
      display: flex;
  }
    }

.tabs__list-item {
    display: block;
    flex: 1 1;
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    padding-bottom: 0.3125em;
    text-align: center;
  }

.tabs__button {
    background: none;
    border: none;
    border-bottom: solid 1px transparent;
    cursor: pointer;
    font-family: 'TeliaSans-Medium', Helvetica, Arial, sans-serif;
    font-size: 1em;
    margin: 0;
    padding: 0 0 0.125rem 0;
    transition: all 0.1s ease-in;
  }

.tabs__list-item--selected .tabs__button,
  .tabs .tabs__button:hover {
    border-bottom: solid 2px #990ae3;
    border-bottom: solid 2px var(--core-purple);
  }

.tabs__content {
    display: none;
  }

.tabs__content--selected {
      display: block;
    }

.tabs--no-margin .tabs__list {
      margin: 0;
    }

.tabs--compact .tabs__list {
      display: block;
    }

.tabs--compact .tabs__list-item {
      display: inline-block;
      padding: 0 1.5rem;
    }

@media all and (min-width: 49.75em) {
      .tabs--full-border .tabs__button {
        width: 100%;
        border-bottom: 2px solid #bdbdbd;
        border-bottom: 2px solid var(--grey-300);
      }

      .tabs--full-border .tabs__list-item--selected .tabs__button,
      .tabs--full-border .tabs__button:hover,
      .tabs--full-border .tabs__button:focus {
        border-bottom: solid 2px #990ae3;
        border-bottom: solid 2px var(--core-purple);
      }
    }

.textarea-with-label {
}

.textbox-with-char-count {
    display: flex;
    align-items: center;

    border-radius: 0.25em;
    border: 1px solid #6f6e6f;
    border: 1px solid var(--darkest-grey);
    color: #222222;
    color: var(--black);
    font: inherit;
    transition: all 0.3s;
    width: 100%;
}

.textbox-with-char-count:hover,
    .textbox-with-char-count:focus,
    .textbox-with-char-count:active {
        border: 1px solid #990ae3;
        border: 1px solid var(--core-purple);
        outline: none;
    }

.textbox-with-char-count--with-error,
    .textbox-with-char-count--with-error:hover,
    .textbox-with-char-count--with-error:focus,
    .textbox-with-char-count--with-error:active {
        border-color: #e12364;
        border-color: var(--dark-red);
    }

.textbox-with-char-count .textbox {
        border: none;
        flex: 2.5 1;
    }

.textbox-with-char-count__char-count {
        margin: 0;
        color: #6f6e6f;
        color: var(--darkest-grey);
        padding: 0;
        border-left: 1px solid #6f6e6f;
        border-left: 1px solid var(--darkest-grey);
        background: light-grey;
        flex: 1 1;
        max-width: 5rem;
        text-align: center;
    }

:root {
    --textbox-icon-size: 26px;
    --textbox-icon-size-small: 22px;
}

.textbox-with-icon {
    display: block;
    position: relative;
}

.textbox-with-icon__button:hover {
            cursor: pointer;
        }

.textbox-with-icon__button:hover .textbox-with-icon__icon * {
                fill: #990ae3;
                fill: var(--core-purple);
            }

.textbox-with-icon__button:active,
        .textbox-with-icon__button:focus {
            background-color: #990ae3;
            background-color: var(--core-purple);
            outline: none;
        }

.textbox-with-icon__button:active .textbox-with-icon__icon *, .textbox-with-icon__button:focus .textbox-with-icon__icon * {
                fill: #ffffff;
                fill: var(--white);
            }

.textbox-with-icon__icon-wrapper {
        background-color: transparent;
        border: none;
        padding: 10px 20px;
        position: absolute;
        right: 0;
        bottom: 0;
    }

.textbox-with-icon__icon {
        background-repeat: no-repeat;
        background-size: calc(26px*3) 26px;
        background-size: calc(var(--textbox-icon-size)*3) var(--textbox-icon-size);
        display: block;
        height: 26px;
        height: var(--textbox-icon-size);
        width: 26px;
        width: var(--textbox-icon-size);
    }

.textbox-with-icon--small .textbox-with-icon__icon-wrapper {
             padding: 7px 10px;
         }

.textbox-with-icon--small .textbox-with-icon__icon {
            height: 22px;
            height: var(--textbox-icon-size-small);
            width: 22px;
            width: var(--textbox-icon-size-small);
         }

:root {
    --icon-size: 26px;
}

.textbox-with-label :-ms-input-placeholder {
        color: #6f6e6f;
        color: var(--darkest-grey);
    }

.textbox-with-label ::placeholder {
        color: #6f6e6f;
        color: var(--darkest-grey);
    }

.textbox-with-label__input {

        border-radius: 0.25em;
        border: 1px solid #6f6e6f;
        border: 1px solid var(--darkest-grey);
        color: #222222;
        color: var(--black);
        font: inherit;
        padding: 10px 15px;
        display: block;
        transition: all 0.3s;
        width: 100%;
    }

.textbox-with-label__input[type="search"] {
            -webkit-appearance: none;
        }

.textbox-with-label__input[type="search"]::-webkit-search-decoration,
        .textbox-with-label__input[type="search"]::-webkit-search-cancel-button,
        .textbox-with-label__input[type="search"]::-webkit-search-results-button,
        .textbox-with-label__input[type="search"]::-webkit-search-results-decoration {
            display: none;
        }

.textbox-with-label__input:hover,
        .textbox-with-label__input:focus,
        .textbox-with-label__input:active {
            border: 1px solid #990ae3;
            border: 1px solid var(--core-purple);
            outline: none;
        }

.textbox-with-label__input:disabled {
            border: 1px solid #6f6e6f;
            border: 1px solid var(--darkest-grey);
            color: #6f6e6f;
            color: var(--darkest-grey);
            background: #ffffff;
            background: var(--white);
        }

.textbox-with-label--with-error .textbox-with-label__input {
            border-color: #e12364;
            border-color: var(--dark-red);
        }

.textbox-with-label--with-icon .textbox-with-label__input-icon-wrapper {
            display: block;
            position: relative;
        }

.textbox-with-label--with-icon .textbox-with-label__input {
        }

.textbox-with-label--with-icon .textbox-with-label__button:hover .textbox-with-label__icon * {
                    fill: #990ae3;
                    fill: var(--core-purple);
                }

.textbox-with-label--with-icon .textbox-with-label__button:active,
            .textbox-with-label--with-icon .textbox-with-label__button:focus {
                background-color: #990ae3;
                background-color: var(--core-purple);
                outline: none;
            }

.textbox-with-label--with-icon .textbox-with-label__button:active .textbox-with-label__icon *, .textbox-with-label--with-icon .textbox-with-label__button:focus .textbox-with-label__icon * {
                    fill: #ffffff;
                    fill: var(--white);
                }

.textbox-with-label--with-icon .textbox-with-label__icon-wrapper {
            background-color: transparent;
            border: none;
            padding: 10px 20px;
            position: absolute;
            right: 0;
            bottom: 0;
        }

.textbox-with-label--with-icon .textbox-with-label__icon {
            background-repeat: no-repeat;
            background-size: calc(26px*3) 26px;
            background-size: calc(var(--icon-size)*3) var(--icon-size);
            display: block;
            height: 26px;
            height: var(--icon-size);
            width: 26px;
            width: var(--icon-size);
        }

.telia-textfield {
  --text-input-default-background-color: var(--white);
  --text-input-default-border-color: var(--grey-300);
  --text-input-default-padding: 0.75rem;
  --text-input-default-text-color: var(--grey-900);
  --text-input-default-text-size: 16px;
  --text-input-default-placeholder-color: var(--grey-400);
  --text-input-default-label-color: var(--grey-900);
  --text-input-default-label-font-size: 14px;
  --text-input-default-label-font-weight: inherit;
  --text-input-default-label-margin-bottom: 0;
  --text-input-default-help-text-color: var(--grey-700);
  --text-input-default-help-text-font-size: inherit;
  --text-input-default-help-text-margin-top: 0;
  --text-input-empty-border-color: var(--grey-200);
  --text-input-empty-text-color: var(--grey-500);
  --text-input-hover-border-color: var(--grey-300);
  --text-input-focus-border-color: var(--core-purple-500);
  --text-input-success-border-color: var(--green-600);
  --text-input-success-label-color: var(--green-600);
  --text-input-success-help-text-color: var(--green-600);
  --text-input-success-status-color: var(--green-600);
  --text-input-error-border-color: var(--red-600);
  --text-input-error-label-color: var(--red-600);
  --text-input-error-help-text-color: var(--red-600);
  --text-input-error-status-color: var(--red-600);
  --text-input-disabled-background-color: var(--grey-100);
  --text-input-disabled-border-color: var(--grey-200);
  --text-input-disabled-text-color: var(--grey-300);
  --text-input-disabled-label-color: var(--grey-400);
  --text-input-compact-text-size: 14px;
  --text-input-border-radius: 4px;

  position: relative;
}

.telia-textfield input {
    flex-grow: 1;
    padding: var(--text-input-default-padding);
    font-size: var(--text-input-default-text-size);
    line-height: 20px;
    border: none;
    border-radius: var(--text-input-border-radius);
    margin: 0;
    min-width: 0;
    color: var(--text-input-empty-text-color);
    background-color: var(--text-input-default-background-color);
  }

.telia-textfield input:focus {
      outline: none;
    }

.telia-textfield input:-ms-input-placeholder {
      color: var(--text-input-default-placeholder-color);
    }

.telia-textfield input::placeholder {
      color: var(--text-input-default-placeholder-color);
    }

.telia-textfield .telia-field-instructions {
    display: inline-block;
    float: right;
  }

.telia-textfield__leftContent + .telia-textfield__input {
  padding-left: 0;
}

.telia-textfield__leftContent .telia-business-button--compact .telia-business-button--icon {
  width: 16px;
  height: 16px;
}

.telia-textfield__label {
  font-size: var(--text-input-default-label-font-size);
  font-weight: var(--text-input-default-label-font-weight);
  color: var(--text-input-default-label-color);
  margin-bottom: var(--text-input-default-label-margin-bottom);
  display: inline-block;
}

.telia-textfield__content {
  display: flex;
  background-color: var(--text-input-default-background-color);
  border: 1px solid var(--text-input-empty-border-color);
  border-radius: var(--text-input-border-radius);
  transition-duration: 300ms;
  transition-property: border;
}

.telia-textfield__content:hover {
    border-color: var(--text-input-hover-border-color);
  }

.telia-textfield--withValue .telia-textfield__content {
  border-color: var(--text-input-default-border-color);
  color: var(--text-input-default-text-color);
}

.telia-textfield__status {
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--text-input-default-background-color);
}

.telia-textfield__status .Icon {
    width: 20px;
    height: 20px;
  }

.telia-textfield__leftContent,
.telia-textfield__rightContent {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  flex-shrink: 0;
  background-color: var(--text-input-default-background-color);
}

.telia-textfield__leftContent {
  border-top-left-radius: var(--text-input-border-radius);
  border-bottom-left-radius: var(--text-input-border-radius);
}

.telia-textfield__status,
.telia-textfield__rightContent {
  border-top-right-radius: var(--text-input-border-radius);
  border-bottom-right-radius: var(--text-input-border-radius);
}

.telia-textfield__leftContent > .Icon,
.telia-textfield__rightContent > .Icon {
  width: 20px;
  height: 20px;
}

.telia-textfield__helptext {
  color: var(--text-input-default-help-text-color);
  font-size: var(--text-input-default-help-text-font-size);
  display: block;
  margin-top: var(--text-input-default-help-text-margin-top);
}

.telia-textfield--focus .telia-textfield__content {
    border-color: var(--text-input-focus-border-color);
    transition: all 150ms ease-in-out;
  }

.telia-textfield--error .telia-textfield__content {
    border-color: var(--text-input-error-border-color);
  }

.telia-textfield--error .telia-textfield__status {
    color: var(--text-input-error-status-color);
  }

.telia-textfield--error .telia-textfield__helptext {
    color: var(--text-input-error-help-text-color);
  }

.telia-textfield--success .telia-textfield__content {
    border-color: var(--text-input-success-border-color);
  }

.telia-textfield--success .telia-textfield__status {
    color: var(--text-input-success-status-color);
  }

.telia-textfield--success .telia-textfield__helptext {
    color: var(--text-input-success-help-text-color);
  }

.telia-textfield--disabled .telia-textfield__label,
  .telia-textfield--disabled .telia-textfield__helptext {
    color: var(--text-input-disabled-label-color);
  }

.telia-textfield--disabled .telia-textfield__content {
    background-color: var(--text-input-disabled-background-color);
    border: 1px solid var(--text-input-disabled-border-color);
  }

.telia-textfield--disabled .telia-textfield__content input:disabled {
      color: var(--text-input-disabled-text-color);
      background-color: var(--text-input-disabled-background-color);
    }

.telia-textfield--disabled .telia-textfield__leftContent,
  .telia-textfield--disabled .telia-textfield__rightContent {
    background-color: var(--text-input-disabled-background-color);
  }

.telia-textfield--disabled .Icon {
    fill: #bdbdbd;
    fill: var(--grey-300);
  }

.telia-textfield--compact {
  margin-top: 8px;
  font-size: var(--text-input-compact-text-size);
}

.telia-textfield--compact .telia-textfield__label {
    font-size: var(--text-input-default-label-font-size);
  }

.telia-textfield--compact input {
    font-size: 14px;
    padding: 0.5rem 0.625rem;
  }

.telia-textfield--prepended input {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

.telia-textfield--appended input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

.telia-textfield--compact.telia-textfield--focus.telia-textfield--success .telia-textfield__label, .telia-textfield--compact.telia-textfield--withValue.telia-textfield--success .telia-textfield__label {
    color: var(--text-input-success-label-color);
  }

.telia-textfield--compact.telia-textfield--focus.telia-textfield--error .telia-textfield__label, .telia-textfield--compact.telia-textfield--withValue.telia-textfield--error .telia-textfield__label {
    color: var(--text-input-error-label-color);
  }

.telia-textfield--white .telia-textfield__content, .telia-textfield--white.telia-textfield--focus .telia-textfield__content {
    border: 1px solid #f2f2f2;
    border: 1px solid var(--grey-100);
  }

.telia-textfield--grey input:-ms-input-placeholder, .telia-textfield--white input:-ms-input-placeholder {
    color: #4e4e4e;
    color: var(--grey-700);
  }

.telia-textfield--grey input::placeholder, .telia-textfield--white input::placeholder {
    color: #4e4e4e;
    color: var(--grey-700);
  }

.telia-textfield--grey .telia-textfield__content {
    border: none;
    background-color: var(--text-input-disabled-background-color);
  }

.telia-textfield--grey .telia-textfield__content input {
      background-color: var(--text-input-disabled-background-color);
    }

.telia-textfield--grey .telia-textfield__leftContent,
  .telia-textfield--grey .telia-textfield__rightContent {
    background-color: var(--text-input-disabled-background-color);
  }

.telia-textfield--purpur .telia-textfield__content {
    border-color: #7a7a7a;
    border-color: var(--grey-500);
  }

.telia-textfield--purpur .telia-textfield__label {
    font-size: 16px;
  }

.telia-textfield--purpur .telia-textfield__input {
    color: #222222;
    color: var(--black);
  }

.tooltip__button-container {
        display: block;
    }

.tooltip__button {
        background-color: #990ae3;
        background-color: var(--core-purple);
        border: 1px solid #990ae3;
        border: 1px solid var(--core-purple);
        border-radius: 1rem;
        color: #ffffff;
        color: var(--white);
        cursor: pointer;

        font-size: 1rem;
        line-height: 1.3;
        text-align: center;

        padding: 0 8px;
        margin-bottom: 0.5rem;
        margin-left: 0.5rem;

        display: inline-block;
        position: relative;
    }

.tooltip__button:after {
            border: solid transparent;
            border-bottom-color: #990ae3;
            border-bottom-color: var(--core-purple);
            border-width: 7px;

            display: none;
            position: absolute;
            top: 75%;
            left: 15%;
            content: " ";
            height: 0;
            width: 0;

            pointer-events: none;
        }

.tooltip__button:hover,
        .tooltip__button:active,
        .tooltip__button:focus {
            background-color: #ffffff;
            background-color: var(--white);
            color: #990ae3;
            color: var(--core-purple);
            outline: none;
            font-weight: bold;
        }

.tooltip__box {
        border-radius: 0.25em;

        background: #990ae3;

        background: var(--core-purple);
        color: #ffffff;
        color: var(--white);
        cursor: default;

        padding-top: 0.688em;
        padding-left: 0.875em;
        padding-bottom: 0.750em;
        padding-right: 1.125em;
        margin-bottom: 1rem;
        margin-bottom: var(--margin-bottom);

        display: none;
    }

.tooltip__box--absolute {
            position: absolute;
        }

.tooltip--show .tooltip__button:after {
            display: block;
        }

.tooltip--show .tooltip__box {
            display: inline-block;
        }

.video {
    margin-bottom: 2rem;
    margin-bottom: var(--margin-bottom-large);
}

.video__iframe-wrapper {
        height: 0;
        padding-bottom: 56.25%; /* 16:9 */
        position: relative;
    }

.video--no-margin-bottom {
        margin-bottom: 0;
    }

.video__iframe {
        border: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.video__custom_details {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        z-index: 1;
    }

.video__custom_details.video__custom_details--is-hidden {
            display: none;
        }

.video__custom_details:hover:after {
                opacity: 0.65;
            }

.video__custom_details:after {
            content: '';
            background-color: #222222;
            background-color: var(--black);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.45;
            transition: opacity 0.25s ease-in;
        }

.video__thumbnail {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.video__details {
        position: absolute;
        text-align: center;
        top: 57%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        z-index: 1;
    }

.video__icon{
        width: 4rem;
        height: 4rem;
    }

.content-rating {
    background-color: #ffffff;
    background-color: var(--white);
    border: 1px solid #f2f2f2;
    border: 1px solid var(--light-grey);
    padding: 1.5rem 1.5rem 2rem;
}

.content-rating__heading {
        margin: 0 0 1rem;
    }

.content-rating__icon {
        display: inline-block;
        height: 3rem;
        margin-right: 1rem;
        vertical-align: top;
        width: 3rem;
    }

.content-rating__text {
        display: inline-block;
    }

.feature-boxes {
  margin-bottom: 2rem;
  margin-bottom: var(--margin-bottom-large);
}

@media (min-width: 39.5em) {

.feature-boxes {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}
  }

.feature-boxes .feature-box {
    padding: 2rem;
    text-align: center;
    width: 100%;
    display: block;
  }

.feature-boxes .feature-box__background--white {
        background-color: #ffffff;
        background-color: var(--white);
      }

.feature-boxes .feature-box__background--transparent {
        background-color: inherit;
      }

@media (min-width: 39.5em) {

.feature-boxes .feature-box {
      flex-basis: 48%;
      max-width: 48%
  }
    }

@media (min-width: 58.75em) {

.feature-boxes .feature-box--medium {
        flex-basis: 31.3333%;
        max-width: 31.33333%
    }
      }

@media (min-width: 46.875em) {

.feature-boxes .feature-box--small {
        flex-basis: 31.3333%;
        max-width: 31.33333%
    }
      }

@media (min-width: 58.75em) {

.feature-boxes .feature-box--small {
        flex-basis: 23%;
        max-width: 23%
    }
      }

.feature-boxes .feature-box--border {
      border: 1px solid #f2f2f2;
      border: 1px solid var(--light-grey);
      margin: 0.3125rem;
    }

.feature-boxes .feature-box__icon {
      margin-bottom: 1rem;
      margin-bottom: var(--margin-bottom);
    }

.feature-boxes .feature-box__icon svg {
        width: 3rem;
        height: 3rem;
      }

.focus-box-with-labels {
    margin-bottom: 0;
}

.focus-box-with-labels__inner {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        padding: 20px 0;
    }

@media all and (min-width: 28.125em) {

.focus-box-with-labels__inner {
            flex-direction: row;
            justify-content: initial;
            align-items: initial;
            padding: 0
    }
        }

.focus-box-with-labels__item {
        overflow-x: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

.focus-box-with-labels__item:not(:last-child) {
            margin-bottom: 1.5rem;
        }

@media all and (min-width: 28.125em) {

.focus-box-with-labels__item {
            box-sizing: border-box;
            flex-basis: 50%
    }

            .focus-box-with-labels__item:not(:last-child) {
                margin-bottom: 0;
            }
        }

.focus-box-with-labels__item .item-title {
            font-weight: 400;
        }

@media all and (min-width: 28.125em) {

.focus-box-with-labels__item .item-title {
                margin-bottom: 0.5rem
        }
            }

.focus-box-with-labels__item .item-description {
            font-size: 1rem;
            font-weight: 500;
        }

.focus-box-with-labels__item .item-description--bold {
                font-size: 1.5rem;
            }

@media all and (min-width: 28.125em) {
            .focus-box-with-labels__upper-left--border {
                border-right: 0.5px solid #dedede;
                border-right: 0.5px solid var(--grey);
                border-bottom: 0.5px solid #dedede;
                border-bottom: 0.5px solid var(--grey);
            }

            .focus-box-with-labels__upper-left--padding {
                padding: 0 1rem 1rem 0;
            }
            .focus-box-with-labels__upper-right--border {
                border-bottom: 0.5px solid #dedede;
                border-bottom: 0.5px solid var(--grey);
                border-left: 0.5px solid #dedede;
                border-left: 0.5px solid var(--grey);
            }

            .focus-box-with-labels__upper-right--padding {
                padding: 0 0 1rem 1rem;
            }
            .focus-box-with-labels__bottom-left--border {
                border-top: 0.5px solid #dedede;
                border-top: 0.5px solid var(--grey);
                border-right: 0.5px solid #dedede;
                border-right: 0.5px solid var(--grey);
            }

            .focus-box-with-labels__bottom-left--padding {
                padding: 1rem 1rem 0 0;
            }
            .focus-box-with-labels__bottom-right--border {
                border-left: 0.5px solid #dedede;
                border-left: 0.5px solid var(--grey);
                border-top: 0.5px solid #dedede;
                border-top: 0.5px solid var(--grey);
            }

            .focus-box-with-labels__bottom-right--padding {
                padding: 1rem 0 0 1rem;
            }
    }

.focus-subscription__main {
        display: flex;
        margin-bottom: 2rem;
    }

.focus-subscription .subscription {
        margin-right: 5%;
        width: 45%;
    }

@media screen and (min-width: 28.125em) {

.focus-subscription .subscription {
            width: auto
    }
        }

.focus-subscription__main-content {
        width: 50%;
    }

@media screen and (min-width: 28.125em) {

.focus-subscription__main-content {
            flex-grow: 2;
            width: auto
    }
        }

.focus-subscription__heading {
        margin: 0 0 0.3125rem;
    }

.form__fieldset {
        border: none;
        margin: 0;
        padding: 0;
    }

.form__row {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
    }

.form__column {
        margin-bottom: 1.5rem;
        display: flex;
        max-width: 290px;
        width: 100%;
        align-items: baseline;
    }

.form__column--double {
        max-width: 580px;
    }

.form__column > * {
        width: 100%;
        margin-right: 1rem;
    }

.form__column--half > * {
        width: 50%;
        margin-right: 1rem;
    }

.form__success {
        display: flex;
        line-height: 1.5em;

        margin-top: 1.313em;
    }

.form__success:before {
            display: block;
            width: 1.875em;
            height: 1.438em;
            margin-right: 0.625em;

            content: ' ';
            background: url(/static/media/ico_checkmark_green.d0af8569.svg) no-repeat left top;
            background-size: 1.7em 1.438em;
        }

.hardware-product-list {

}

@media screen and (min-width: 50em) {

.product-list-grid {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
}
    }

@media screen and (min-width: 50em) {

.product-list-grid__section {
            flex-basis: 50%
    }

            .product-list-grid__section:nth-child(odd) {
                padding-right: 1.5rem;
            }
            .product-list-grid__section:nth-child(even) {
                padding-left: 1.5rem;
            }
        }

.product-list-grid--horizontal {
        display: block;
    }

@media screen and (min-width: 50em) {
            .product-list-grid--horizontal .product-list {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
            }

                .product-list-grid--horizontal .product-list__item {
                    flex-basis: 48%;
                }

                    .product-list-grid--horizontal .product-list__item:nth-child(odd) {
                        margin-right: 1%;
                    }
                    .product-list-grid--horizontal .product-list__item:nth-child(even) {
                        margin-left: 1%;
                    }
        }

@media screen and (min-width: 50em) {

.product-list-grid--horizontal .product-list-grid__section {
                padding: 0
        }
            }

.shopping-cart__sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  max-height: 100vh;
  overflow-y: auto;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.22);
}

.shopping-cart__show-only-on-expanded {
  display: none;
}

.shopping-cart__show-only-on-expanded--is-expanded {
    display: block;
  }

.shopping-cart__opacity-layer {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background: rgba(0, 0, 0, 0.6);
}

.shopping-cart__accordion {

  box-shadow: -5px 0 12px 0 rgba(0, 0, 0, 0.2);
}

.shopping-cart__accordion #accordion-shopping-cart {
    margin: 0 auto;
  }

.shopping-cart__accordion.accordion-list .accordion {
      background-color: #f2f2f2;
      background-color: var(--light-grey);
      max-width: 100%;
    }

.shopping-cart__accordion.accordion-list .accordion--open .accordion__header-button:focus,
          .shopping-cart__accordion.accordion-list .accordion--open .accordion__header-button:active {
            background-color: #f2f2f2;
            background-color: var(--light-grey);
          }

.shopping-cart__accordion.accordion-list .accordion--open .accordion__header-icon {
          transform: rotate(180deg) translateY(50%);
        }

.shopping-cart__accordion.accordion-list .accordion--open .accordion__panel {
        display: block;
        margin-left: 0;
      }

.shopping-cart__accordion.accordion-list .accordion__header--with-button {
        width: 100%;
      }

@media screen and (min-width: 45em) {

.shopping-cart__accordion.accordion-list .accordion__header--with-button {
          width: 74%
      }
        }

.shopping-cart__accordion.accordion-list .accordion__header-button {
        background-color: #f2f2f2;
        background-color: var(--light-grey);
      }

.shopping-cart__accordion.accordion-list .accordion__header-button:focus,
          .shopping-cart__accordion.accordion-list .accordion__header-button:focus .accordion__header-button--text-box-text,
          .shopping-cart__accordion.accordion-list .accordion__header-button:hover,
          .shopping-cart__accordion.accordion-list .accordion__header-button:hover .accordion__header-button--text-box-text {
            color: #990ae3;
            color: var(--core-purple);
          }

.shopping-cart__accordion.accordion-list .accordion__header-button:focus .accordion__icon,
          .shopping-cart__accordion.accordion-list .accordion__header-button:focus + .accordion__header-icon *,
          .shopping-cart__accordion.accordion-list .accordion__header-button:hover .accordion__icon,
          .shopping-cart__accordion.accordion-list .accordion__header-button:hover + .accordion__header-icon * {
            fill: #990ae3;
            fill: var(--core-purple);
          }

.shopping-cart__accordion.accordion-list .accordion__header-button--text-box {
          padding-left: 1.3rem;
          position: relative;
          word-spacing: 0.5rem;
          z-index: 1;
        }

.shopping-cart__accordion.accordion-list .accordion__header-button--text-box:before {
            background-color: #ffb74a;
            border-radius: 0.8rem;
            content: '';
            display: block;
            height: 1.6rem;
            left: 0.85rem;
            position: absolute;
            top: -0.1rem;
            width: 1.6rem;
            z-index: -1;
          }

.shopping-cart__accordion.accordion-list .accordion__header-button--text-box--animate:before {
              background-color: #ffb74a;
              animation-name: blinking-animation;
              animation-duration: 0.3s;
            }

.shopping-cart__accordion--has-double-digit-count.shopping-cart__accordion.accordion-list .accordion__header-button--text-box {
            padding-left: 1rem;
          }

.shopping-cart__accordion--has-double-digit-count.shopping-cart__accordion.accordion-list .accordion__header-button--text-box:before {
              border-radius: 0.9rem;
              height: 1.8rem;
              left: 0.8rem;
              top: -0.2rem;
              width: 1.8rem;
            }

.shopping-cart__accordion--has-double-digit-count.shopping-cart__accordion.accordion-list .accordion__header-button--text-box-text {
              margin-left: -0.2rem;
            }

.shopping-cart__accordion.accordion-list .accordion__header-button--text-box-text {
            color: #222;
            color: var(--shopping-cart-font-color);
            margin-left: -0.6rem;
            width: 10rem;
            word-spacing: normal;
          }

@media screen and (min-width: 26.5em) {

.shopping-cart__accordion.accordion-list .accordion__header-button--text-box-text {
              width: auto;
              width: initial
          }
            }

.shopping-cart__accordion.accordion-list .accordion__header-button > .accordion__icon {
          fill: #222;
          fill: var(--shopping-cart-font-color);
          height: 2rem;
          margin-right: 1rem;
          margin-bottom: 0.5rem;
          width: 2rem;
        }

@media screen and (min-width: 70em) {

.shopping-cart__accordion.accordion-list .accordion__header-button > .accordion__icon {
            margin-left: 3rem;
            margin-right: 4.3rem
        }
          }

.shopping-cart__accordion.accordion-list .accordion__header-icon {
        fill: #222;
        fill: var(--shopping-cart-font-color);
      }

.shopping-cart__accordion.accordion-list .accordion__button {
      display: none;
      margin-bottom: 1rem;
      margin-left: 1rem;
      margin-top: 1rem;
    }

@media screen and (min-width: 45em) {

.shopping-cart__accordion.accordion-list .accordion__button {
        display: block
    }
      }

.shopping-cart__accordion.accordion-list .inverted {
      display: block;
    }

@media screen and (min-width: 45em) {

.shopping-cart__accordion.accordion-list .inverted {
        display: none
    }
      }

.shopping-cart__accordion.accordion-list .accordion__panel {
      display: none;
    }

@media screen and (min-width: 45em) {

.shopping-cart__accordion.accordion-list .accordion__panel .accordion__button {
          display: none
      }
        }

@media screen and (min-width: 45em) {
        .shopping-cart__accordion.accordion-list .accordion__panel .shopping-cart {
          margin: 0 auto 0 10rem;
          width: calc(100% - 21rem); /* Subtracting margin to the left of the menu links and to the right of the search button */
        }
      }

@media screen and (min-width: 73.5em) {

.shopping-cart__accordion--hide-on-desktop {
      display: none
  }
    }

@keyframes blinking-animation {
  0% {
    background-color: #ffb74a;
  }
  25% {
    background-color: #feeacb;
  }
  50% {
    background-color: #ffb74a;
  }
  75% {
    background-color: #feeacb;
  }
  100% {
    background-color: #ffb74a;
  }
}

.sliding-shopping-cart__cart-button {
    border: none;
    background-color: inherit;
    cursor: pointer;
  }

.sliding-shopping-cart__cart-button:focus {
      outline: 0;
    }

.sliding-shopping-cart__cart-icon {
    color: #990ae3;
    color: var(--core-purple);
  }

.sliding-shopping-cart__container {
    width: 100vw;
    position: fixed;
    right: -100px;
    height: 100vh;
    top: 0;
    background-color: #f5f5f5;
    box-shadow: -5px 0 12px 0 rgba(0, 0, 0, 0.2);
    padding: 0 0.5rem 0 2rem;
    opacity: 0;
    transition: 0.2s;
    overflow-y: auto;
    visibility: hidden;
  }

.sliding-shopping-cart__container--show {
      visibility: visible;
      z-index: 50;
      right: 0;
      opacity: 1;
      transition: 0.2s;
    }

@media screen and (min-width: 45em) {

.sliding-shopping-cart__container {
      width: 36vw;
      min-width: 36rem
  }
    }

.sliding-shopping-cart__checkout-button-container {
    display: flex;
    justify-content: flex-end;
  }

.sliding-shopping-cart__checkout-button-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

.sliding-shopping-cart__checkout-button {
    margin: 1rem 1rem 0 0 !important;
  }

.sliding-shopping-cart__checkout-button-info {
    color: #7a7a7a;
    color: var(--grey-500);
  }

.sliding-shopping-cart__close-button {
    border: 0;
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    background: transparent;
    font-size: 1.3rem;
    font-family: 'TeliaSans-Bold';
    cursor: pointer;
  }

.sliding-shopping-cart__close-button:hover,
    .sliding-shopping-cart__close-button:focus {
      transform: scale(1.2);
      color: #990ae3;
      color: var(--core-purple);
      outline: 0;
    }

.telia-sliding-shopping-cart__container {
    width: calc(100% - 1.5rem);
    position: fixed;
    right: -100px;
    height: 100vh;
    top: 0;
    background-color: white;
    box-shadow: -5px 0 12px 0 rgba(0, 0, 0, 0.2);
    padding-top: 3rem;
    opacity: 0;
    transition: 0.2s;
    overflow-y: auto;
    visibility: hidden;
  }

.telia-sliding-shopping-cart__container--show {
      visibility: visible;
      z-index: 40;
      right: 0;
      opacity: 1;
      transition: 0.2s;
    }

@media screen and (min-width: 45em) {

.telia-sliding-shopping-cart__container {
      width: 30vw;
      min-width: 30rem;
      padding: 6rem 1rem 1rem 2rem
  }
    }

.telia-sliding-shopping-cart__close-button {
    border: 0;
    position: absolute;
    right: 1rem;
    top: 4rem;
    background: transparent;
    font-size: 1.3rem;
    cursor: pointer;
  }

.telia-sliding-shopping-cart__close-button:hover,
    .telia-sliding-shopping-cart__close-button:focus {
      transform: scale(1.2);
      color: #990ae3;
      color: var(--core-purple);
      outline: 0;
    }

@media screen and (min-width: 45em) {

.telia-sliding-shopping-cart__close-button {
      top: 7rem
  }
    }

.telia-sliding-shopping-cart__overlay {
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }

.telia-sliding-shopping-cart-mobile {
  background-color: #EDE1D8;
  color: #222;
  position: fixed;
  bottom: 0;
  z-index: 10;
  overflow: scroll;
  max-height: 40rem;
  left: 0;
  right: 0;
  padding: 1rem;
  font-family: 'TeliaSans-Regular', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  border: 1px solid #D6D6DD;
}

.telia-sliding-shopping-cart-mobile__price-wrapper {
    display: flex;
    text-align: start;
    justify-content: space-between;
    align-items: center;
    min-width: 12.5rem;
  }

.telia-sliding-shopping-cart-mobile__price-wrapper .heading {
      margin: 0;
    }

.telia-sliding-shopping-cart-mobile__price-header {
    display: flex; 
    flex-direction: column;
  }

.telia-sliding-shopping-cart-mobile__price-header :nth-child(1) {
      margin-bottom: .5rem;
    }

.telia-sliding-shopping-cart-mobile__price-container {
    display: flex;
    flex-direction: column;
  }

.telia-sliding-shopping-cart-mobile__price-container :nth-child(1) {
      margin-bottom: .5rem;
    }

.telia-sliding-shopping-cart-mobile__price {
      font-size: 1rem;
      color: #29003e;
      color: var(--core-purple-850);
  }

.telia-sliding-shopping-cart-mobile__content {
    text-align: left;
  }

.telia-sliding-shopping-cart-mobile--expanded {
    background-color: white;
  }

.telia-sliding-shopping-cart-mobile__wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      z-index: -10;
      position: relative;
  }

.telia-sliding-shopping-cart-mobile__wrapper .telia-badge {
          background-color: #380354;
          background-color: var(--deep-purple);
      }

.telia-sliding-shopping-cart-mobile__wrapper .telia-badge--root {
              margin-right: 2rem;
          }

.telia-sliding-shopping-cart-mobile__wrapper--open {
          z-index: 10;
          justify-content: flex-end;
      }

.telia-sliding-shopping-cart-mobile__wrapper--cart {
          display: flex;
          align-items: center;
      }

.telia-sliding-shopping-cart-mobile__wrapper--button {
          display: flex;
          color: #4F4741;
      }

.telia-sliding-shopping-cart-mobile__wrapper--button:hover {
              background-color: transparent !important;
              color: black !important;
          }

.telia-sliding-shopping-cart-mobile__wrapper--button:focus, .telia-sliding-shopping-cart-mobile__wrapper--button:active {
              background-color: #380354 !important;
              background-color: var(--deep-purple) !important; 
              color: white !important;
          }

.telia-sliding-shopping-cart-mobile__wrapper--button .Icon {
              height: 2rem !important;
              width: 2rem !important;
              margin: 0 !important;
              top: 0 !important;
          }

.subscription-price-boxes {
  display: flex;
  flex-wrap: wrap;
  max-width: 62rem;
  margin: 0 auto;
}

.subscription-price-boxes .subscription-price-box {
    box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.12);
    border-radius: 0.3rem;
    text-align: center;
    padding: 2rem 2rem;
    margin: 0.7rem;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    background-color: #ffffff;
    background-color: var(--white);
  }

.subscription-price-boxes .subscription-price-box__top-text {
      font-family: 'TeliaSans-Bold';
      font-size: 1.6rem;
      min-height: 2.375rem;
    }

.subscription-price-boxes .subscription-price-box__square-small {
      }

.subscription-price-boxes .subscription-price-box__square-medium {
        height: 12em;
      }

.subscription-price-boxes .subscription-price-box__square-large {
        height: 14em;
      }

.subscription-price-boxes .subscription-price-box__square-xlarge {
        height: 16em;
      }

.subscription-price-boxes .subscription-price-box__square__extra {
        padding: 1rem;
        width: 10rem;
        border: 3px solid #990ae3;
        border: 3px solid var(--core-purple);
        border-style: dashed;
        height: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
      }

.subscription-price-boxes .subscription-price-box__square__extra-gb {
          margin: 0;
          font-family: 'TeliaSans-Bold';
          font-size: 1.6rem;
          color: #990ae3;
          color: var(--core-purple);
        }

.subscription-price-boxes .subscription-price-box__square__extra-price {
          margin: 0;
          color: #6f6e6f;
          color: var(--darkest-grey);
        }

.subscription-price-boxes .subscription-price-box__square__data-purple {
        height: 50%;
        margin: 0;
        width: 10rem;
        padding: 1rem;
        font-family: 'TeliaSans-Bold';
        font-size: 1.6rem;
        color: #ffffff;
        color: var(--white);
        background-color: #990ae3;
        background-color: var(--core-purple);
        display: flex;
        justify-content: center;
        align-items: center;
      }

.subscription-price-boxes .subscription-price-box__data {
      margin-bottom: 0;
      font-family: 'TeliaSans-Bold';
      font-size: 2.5rem;
    }

.subscription-price-boxes .subscription-price-box__monthly-price {
      margin-top: 0;
      font-family: 'TeliaSans-Bold';
    }

.subscription-price-boxes .subscription-price-box__sim {
      display: flex;
      justify-content: center;
      align-items: center;
    }

.subscription-price-boxes .subscription-price-box__sim-hidden {
        visibility: hidden;
      }

.subscription-price-boxes .subscription-price-box__sim-icon {
      margin-right: 0.4rem;
      width: 1.2rem;
      height: 1.2rem;
    }

:root {
    --menu-icon-size: 50px;
    --close-icon-size-small: 16px;
}

.theme-boxes {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;

    margin: 0 auto;
}

.theme-boxes .theme-box {
        background-color: #ffffff;
        background-color: var(--white);
        cursor: pointer;
        border: 1px solid #dedede;
        border: 1px solid var(--grey);
        margin: 0.8rem;
        overflow: hidden;

        min-height: 100%;
        max-width: 389px;
        width: 100%;
    }

.theme-boxes .theme-box:focus .heading-link--focus-area,.theme-boxes .theme-box:active .heading-link--focus-area{
                background: #ffffff;
                background: var(--white);
            }

.theme-boxes .theme-box:focus .heading-link--focus-area *,.theme-boxes .theme-box:active .heading-link--focus-area *{
                    color: #990ae3;
                    color: var(--core-purple);
                }

.theme-boxes .theme-box:focus .horizontal-rule, .theme-boxes .theme-box:active .horizontal-rule {
                border-color: #990ae3;
                border-color: var(--core-purple);
            }

.theme-boxes .theme-box__header {
            display: flex;
            align-items: center;
            flex-direction: column;

            padding: 3rem;
            position: relative;
            text-align: center;
        }

@media all and (min-width: 48em) {

.theme-boxes .theme-box__header {
                padding: 4rem
        }
            }

.theme-boxes .theme-box__icon, .theme-boxes .theme-box__icon-animated {
            display: block;
            margin: 0 0 1.5rem;

            height: 50px;

            height: var(--menu-icon-size);
            width: 50px;
            width: var(--menu-icon-size);
        }

.theme-boxes .theme-box__icon svg {
                height: 50px;
                height: var(--menu-icon-size);
                width: 50px;
                width: var(--menu-icon-size);
            }

.theme-boxes .theme-box__heading {
            display: inline-block;
            margin: 0 0 0.3125rem;
            max-width: 100%;
        }

.theme-boxes .theme-box__heading .horizontal-rule {
                margin-top: 0.8rem;
            }

.theme-boxes .theme-box__content {
            display: none;
            margin: 0 auto;
            padding: 0 1rem 4rem;
            max-width: calc(82px*6 + 20px*7);
            max-width: var(--width-small);
            width: 100%;
        }

.theme-boxes .theme-box__preamble {
            margin-bottom: 3.5rem;
            text-align: center;
            font-size: 1.25rem;
            line-height: 1.625rem;
        }

.theme-boxes .theme-box__close-expanded-info {
            display: none;
            background-color: transparent;
            border: none;
            padding: .5rem;
            cursor: pointer;
            text-align: left;

            position: absolute;
            right: 0;
            top: 0;
            width: auto;
        }

@media all and (min-width: 21em) {

.theme-boxes .theme-box__close-expanded-info {
                padding: 1rem
        }
            }

.theme-boxes .theme-box__close-text {
            display: none;
            line-height: 20px;
            margin-right: 1rem;
        }

@media all and (min-width: 28.75em) {

.theme-boxes .theme-box__close-text {
                display: inline
        }
            }

.theme-boxes .theme-box__close-icon {
            display: inline-block;
            float: right;

            height: 16px;

            height: var(--close-icon-size-small);
            width: 16px;
            width: var(--close-icon-size-small);
        }

.theme-boxes .theme-box--open {
            flex: 0 1 100%;
            max-width: 804px;
            cursor: default;
        }

.theme-boxes .theme-box--open:hover .heading-link--focus-area * {
                        color: #222222;
                        color: var(--black);
                    }

.theme-boxes .theme-box--open:hover .heading-link--focus-area .horizontal-rule {
                        transition: none;
                        width: 50px;
                    }

.theme-boxes .theme-box--open:focus .heading-link--focus-area, .theme-boxes .theme-box--open:active .heading-link--focus-area {
                    background-color: inherit;
                }

.theme-boxes .theme-box--open:focus .heading-link--focus-area .theme-box__icon svg *, .theme-boxes .theme-box--open:active .heading-link--focus-area .theme-box__icon svg * { fill: #990ae3; fill: var(--core-purple); }

.theme-boxes .theme-box--open:focus .heading-link--focus-area *, .theme-boxes .theme-box--open:active .heading-link--focus-area * {
                        color: #222222;
                        color: var(--black);
                    }

.theme-boxes .theme-box--open:focus .heading-link--focus-area .horizontal-rule, .theme-boxes .theme-box--open:active .heading-link--focus-area .horizontal-rule {
                        border-color: #990ae3;
                        border-color: var(--core-purple);
                        width: 50px;
                    }

.theme-boxes .theme-box--open .theme-box__header {
                padding-bottom: 2rem;
            }

.theme-boxes .theme-box--open .theme-box__close-expanded-info {
                display: block;
            }

.theme-boxes .theme-box--open .theme-box__close-expanded-info:hover > .theme-box__close-text {
                        color: #990ae3;
                        color: var(--core-purple);
                    }

.theme-boxes .theme-box--open .theme-box__close-expanded-info:hover > .theme-box__close-icon * {
                        fill: #990ae3;
                        fill: var(--core-purple);
                    }

.theme-boxes .theme-box--open .theme-box__close-expanded-info:focus,
                .theme-boxes .theme-box--open .theme-box__close-expanded-info:active {
                    background-color: #990ae3;
                    background-color: var(--core-purple);
                    border-color: #990ae3;
                    border-color: var(--core-purple);
                    outline: none;
                }

.theme-boxes .theme-box--open .theme-box__close-expanded-info:focus > .theme-box__close-text, .theme-boxes .theme-box--open .theme-box__close-expanded-info:active > .theme-box__close-text {
                        color: #ffffff;
                        color: var(--white);
                    }

.theme-boxes .theme-box--open .theme-box__close-expanded-info:focus > .theme-box__close-icon *, .theme-boxes .theme-box--open .theme-box__close-expanded-info:active > .theme-box__close-icon * {
                        fill: #ffffff;
                        fill: var(--white);
                    }

.theme-boxes .theme-box--open .theme-box__content {
                display: block;
                padding-bottom: 2rem;
            }

@media all and (min-width: 48em) {

.theme-boxes .theme-box--open .theme-box__content {
                    padding-bottom: 4rem
            }
                }

.theme-boxes .theme-box-with-image {
        text-align: center;
    }

.theme-boxes .theme-box-with-image:hover .theme-box-with-image__heading {
                color: #990ae3;
                color: var(--core-purple);
            }

.theme-boxes .theme-box-with-image:active,
        .theme-boxes .theme-box-with-image:focus {
            outline: none;
            background-color: #990ae3;
            background-color: var(--core-purple);
        }

.theme-boxes .theme-box-with-image:active .theme-box-with-image__heading, .theme-boxes .theme-box-with-image:focus .theme-box-with-image__heading {
                color: #ffffff;
                color: var(--white);
            }

.theme-boxes .theme-box-with-image:active .theme-box-with-image__icon-box, .theme-boxes .theme-box-with-image:focus .theme-box-with-image__icon-box {
                border-color: #ffffff;
                border-color: var(--white);
            }

.theme-boxes .theme-box-with-image:active .theme-box-with-image__icon-box *, .theme-boxes .theme-box-with-image:focus .theme-box-with-image__icon-box * {
                    fill: #ffffff;
                    fill: var(--white);
                }

.theme-boxes .theme-box-with-image__image {
            width: 100%;
            height: 150px;
        }

.theme-boxes .theme-box-with-image__text-container {
            padding: 1rem 1rem 0;
        }

.theme-boxes .theme-box-with-image__content {
            margin: 0 auto;
            padding: 1rem 1rem 0;
            max-width: 632px;
            display: none;
            text-align: left;
        }

.theme-boxes .theme-box-with-image__icon {
            cursor: pointer;
            padding: 1rem;
            margin: 0 auto;
            width: 200px;
        }

.theme-boxes .theme-box-with-image__icon:focus {
                outline: none;
            }

.theme-boxes .theme-box-with-image__icon-box {
            display: block;
            border: 2px solid #990ae3;
            border: 2px solid var(--core-purple);
            border-radius: 15px;
            height: 25px;
            width: 25px;
            padding: 2px;
            margin: 0 auto;
        }

.theme-boxes .theme-box-with-image__icon-box svg {
                height: 20px;
                width: 15px;
            }

.theme-boxes .theme-box-with-image__heading {
            margin: 0 0 0.3125rem;
        }

.theme-box--open.theme-box-with-image:hover .theme-box-with-image__heading {
                color: inherit;
            }

.theme-box--open.theme-box-with-image:active,
        .theme-box--open.theme-box-with-image:focus {
            outline: none;
            background-color: inherit;
        }

.theme-box--open.theme-box-with-image:active .theme-box-with-image__heading, .theme-box--open.theme-box-with-image:focus .theme-box-with-image__heading {
                color: #222222;
                color: var(--black);
            }

.theme-box--open.theme-box-with-image:active .theme-box-with-image__icon-box, .theme-box--open.theme-box-with-image:focus .theme-box-with-image__icon-box {
                border-color: #990ae3;
                border-color: var(--core-purple);
            }

.theme-box--open.theme-box-with-image:active .theme-box-with-image__icon-box *, .theme-box--open.theme-box-with-image:focus .theme-box-with-image__icon-box * {
                    fill: #990ae3;
                    fill: var(--core-purple);
                }

.theme-box--open.theme-box-with-image .theme-box-with-image__image {
            height: auto;
        }

.theme-box--open.theme-box-with-image .theme-box-with-image__text-container {
            padding: 2.5rem 0.5rem 0;
        }

.theme-box--open.theme-box-with-image .theme-box-with-image__content {
            display: block;
        }

.theme-box--open.theme-box-with-image .theme-box-with-image__icon {
            padding: 2.5rem;
        }

.theme-box--open.theme-box-with-image .theme-box-with-image__icon:hover,
            .theme-box--open.theme-box-with-image .theme-box-with-image__icon:active,
            .theme-box--open.theme-box-with-image .theme-box-with-image__icon:focus {
                outline: none;
                background-color: #990ae3;
                background-color: var(--core-purple);
            }

.theme-box--open.theme-box-with-image .theme-box-with-image__icon:hover .theme-box-with-image__icon-box, .theme-box--open.theme-box-with-image .theme-box-with-image__icon:active .theme-box-with-image__icon-box, .theme-box--open.theme-box-with-image .theme-box-with-image__icon:focus .theme-box-with-image__icon-box {
                    border-color: #ffffff;
                    border-color: var(--white);
                }

.theme-box--open.theme-box-with-image .theme-box-with-image__icon:hover .theme-box-with-image__icon-box *, .theme-box--open.theme-box-with-image .theme-box-with-image__icon:active .theme-box-with-image__icon-box *, .theme-box--open.theme-box-with-image .theme-box-with-image__icon:focus .theme-box-with-image__icon-box * {
                        fill: #ffffff;
                        fill: var(--white);
                    }

.theme-box--open.theme-box-with-image .theme-box-with-image__icon-box {
            transform: rotate(180deg);
        }

.container{color:inherit;letter-spacing:inherit;text-align:inherit;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;padding-left:12px;padding-right:12px}.modal-dialog{padding:0;background-color:rgba(0,0,0,0);border-radius:0;border:none;box-shadow:none;margin:0;width:0;outline:none;z-index:0;left:0;right:0;top:0}
:root{--blue: #007bff;--indigo: #6610f2;--purple: #6f42c1;--pink: #c80974;--red: #ff3264;--orange: #ff9b00;--yellow: #ffc107;--green: #00cc66;--teal: #00cdcd;--cyan: #17a2b8;--white: #fff;--gray: #6c757d;--gray-dark: #343a40;--primary: #990ae3;--secondary: #6c757d;--success: #009999;--info: #0099ff;--warning: #ff9b00;--danger: #e4175c;--light: #f8f9fa;--dark: #343a40;--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--font-family-sans-serif: "TeliaSans", "Neue Helvetica W01", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*,*::before,*::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(34,34,34,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:#990ae3;text-decoration:none;background-color:rgba(0,0,0,0)}a:hover{color:rgb(103.6139240506,6.7721518987,153.7278481013);text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#a0a0a0;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none !important}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}h1,.h1{font-size:2.5rem}h2,.h2{font-size:2rem}h3,.h3{font-size:1.75rem}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(34,34,34,.1)}small,.small{font-size:0.875em;font-weight:400}mark,.mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:0.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.15rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#c80974;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.1rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-xxl{width:100%;padding-right:12px;padding-left:12px;margin-right:auto;margin-left:auto}@media(min-width: 1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1192px}}.row{display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col-xxl,.col-xxl-auto,.col-xxl-12,.col-xxl-11,.col-xxl-10,.col-xxl-9,.col-xxl-8,.col-xxl-7,.col-xxl-6,.col-xxl-5,.col-xxl-4,.col-xxl-3,.col-xxl-2,.col-xxl-1,.col-xl,.col-xl-auto,.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-lg,.col-lg-auto,.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-md,.col-md-auto,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-sm,.col-sm-auto,.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col,.col-auto,.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position:relative;width:100%;padding-right:12px;padding-left:12px}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}@media(min-width: 576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-sm-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-sm-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-sm-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-sm-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}}@media(min-width: 768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-md-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-md-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-md-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-md-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}}@media(min-width: 992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-lg-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-lg-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-lg-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-lg-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}}@media(min-width: 1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-xl-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-xl-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-xl-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-xl-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}}@media(min-width: 1400px){.col-xxl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xxl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xxl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xxl-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xxl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xxl-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xxl-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-xxl-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-xxl-3{flex:0 0 25%;max-width:25%}.col-xxl-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-xxl-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-xxl-6{flex:0 0 50%;max-width:50%}.col-xxl-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-xxl-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-xxl-9{flex:0 0 75%;max-width:75%}.col-xxl-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-xxl-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-xxl-12{flex:0 0 100%;max-width:100%}.order-xxl-first{order:-1}.order-xxl-last{order:13}.order-xxl-0{order:0}.order-xxl-1{order:1}.order-xxl-2{order:2}.order-xxl-3{order:3}.order-xxl-4{order:4}.order-xxl-5{order:5}.order-xxl-6{order:6}.order-xxl-7{order:7}.order-xxl-8{order:8}.order-xxl-9{order:9}.order-xxl-10{order:10}.order-xxl-11{order:11}.order-xxl-12{order:12}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table th,.table td{padding:.75rem;vertical-align:top;border-top:1px solid #ebebeb}.table thead th{vertical-align:bottom;border-bottom:2px solid #ebebeb}.table tbody+tbody{border-top:2px solid #ebebeb}.table-sm th,.table-sm td{padding:.3rem}.table-bordered{border:1px solid #ebebeb}.table-bordered th,.table-bordered td{border:1px solid #ebebeb}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(34,34,34,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(34,34,34,.075)}.table-primary,.table-primary>th,.table-primary>td{background-color:rgb(226.44,186.4,247.16)}.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody{border-color:rgb(201.96,127.6,240.44)}.table-hover .table-primary:hover{background-color:rgb(216.9125274725,163.5153846154,244.5446153846)}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:rgb(216.9125274725,163.5153846154,244.5446153846)}.table-secondary,.table-secondary>th,.table-secondary>td{background-color:rgb(213.84,216.36,218.6)}.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody{border-color:rgb(178.56,183.24,187.4)}.table-hover .table-secondary:hover{background-color:hsl(208.2352941176,6.1371841155%,79.7921568627%)}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:hsl(208.2352941176,6.1371841155%,79.7921568627%)}.table-success,.table-success>th,.table-success>td{background-color:rgb(183.6,226.44,226.44)}.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody{border-color:rgb(122.4,201.96,201.96)}.table-hover .table-success:hover{background-color:hsl(180,42.8571428571%,75.4%)}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:hsl(180,42.8571428571%,75.4%)}.table-info,.table-info>th,.table-info>td{background-color:hsl(204,100%,86%)}.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody{border-color:hsl(204,100%,74%)}.table-hover .table-info:hover{background-color:hsl(204,100%,81%)}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:hsl(204,100%,81%)}.table-warning,.table-warning>th,.table-warning>td{background-color:rgb(255,227,183.6)}.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody{border-color:rgb(255,203,122.4)}.table-hover .table-warning:hover{background-color:rgb(255,217,158.1)}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:rgb(255,217,158.1)}.table-danger,.table-danger>th,.table-danger>td{background-color:rgb(247.44,190.04,209.36)}.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody{border-color:rgb(240.96,134.36,170.24)}.table-hover .table-danger:hover{background-color:rgb(244.7816988417,167.1983011583,193.3117374517)}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:rgb(244.7816988417,167.1983011583,193.3117374517)}.table-light,.table-light>th,.table-light>td{background-color:rgb(253.04,253.32,253.6)}.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody{border-color:rgb(251.36,251.88,252.4)}.table-hover .table-light:hover{background-color:rgb(238.165,240.57,242.975)}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:rgb(238.165,240.57,242.975)}.table-dark,.table-dark>th,.table-dark>td{background-color:rgb(198.16,199.84,201.52)}.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{border-color:rgb(149.44,152.56,155.68)}.table-hover .table-dark:hover{background-color:hsl(210,3.0456852792%,73.368627451%)}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:hsl(210,3.0456852792%,73.368627451%)}.table-active,.table-active>th,.table-active>td{background-color:rgba(34,34,34,.075)}.table-hover .table-active:hover{background-color:rgba(21.25,21.25,21.25,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(21.25,21.25,21.25,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:hsl(210,10.3448275862%,30.2450980392%)}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#ebebeb}.table-dark{color:#fff;background-color:#343a40}.table-dark th,.table-dark td,.table-dark thead th{border-color:hsl(210,10.3448275862%,30.2450980392%)}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:hsla(0,0%,100%,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:hsla(0,0%,100%,.075)}@media(max-width: 575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media(max-width: 767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media(max-width: 991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media(max-width: 1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}@media(max-width: 1399.98px){.table-responsive-xxl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xxl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.15rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:rgba(0,0,0,0);border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:rgb(203.4303797468,115.6392405063,248.8607594937);outline:0;box-shadow:0 0 0 .2rem rgba(153,10,227,.25)}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{-webkit-appearance:none;appearance:none}select.form-control:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #495057}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(0.375rem + 1px);padding-bottom:calc(0.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(0.5rem + 1px);padding-bottom:calc(0.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(0.25rem + 1px);padding-bottom:calc(0.25rem + 1px);font-size:0.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:rgba(0,0,0,0);border:solid rgba(0,0,0,0);border-width:1px 0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + 0.5rem + 2px);padding:.25rem .5rem;font-size:0.875rem;line-height:1.5;border-radius:.1rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.2rem}select.form-control[size],select.form-control[multiple]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{color:#a0a0a0}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:0.875em;color:#099}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.875rem;line-height:1.5;color:#fff;background-color:rgba(0,153,153,.9);border-radius:.15rem}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{left:5px}.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{border-color:#099;padding-right:calc(1.5em + 0.75rem) !important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23009999' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:#099;box-shadow:0 0 0 .2rem rgba(0,153,153,.25)}.was-validated select.form-control:valid,select.form-control.is-valid{padding-right:3rem !important;background-position:right 1.5rem center}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .custom-select:valid,.custom-select.is-valid{border-color:#099;padding-right:calc(0.75em + 2.3125rem) !important;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23009999' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat}.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus{border-color:#099;box-shadow:0 0 0 .2rem rgba(0,153,153,.25)}.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:#099}.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip{display:block}.was-validated .custom-control-input:valid~.custom-control-label,.custom-control-input.is-valid~.custom-control-label{color:#099}.was-validated .custom-control-input:valid~.custom-control-label::before,.custom-control-input.is-valid~.custom-control-label::before{border-color:#099}.was-validated .custom-control-input:valid:checked~.custom-control-label::before,.custom-control-input.is-valid:checked~.custom-control-label::before{border-color:#0cc;background-color:#0cc}.was-validated .custom-control-input:valid:focus~.custom-control-label::before,.custom-control-input.is-valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,153,153,.25)}.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before{border-color:#099}.was-validated .custom-file-input:valid~.custom-file-label,.custom-file-input.is-valid~.custom-file-label{border-color:#099}.was-validated .custom-file-input:valid:focus~.custom-file-label,.custom-file-input.is-valid:focus~.custom-file-label{border-color:#099;box-shadow:0 0 0 .2rem rgba(0,153,153,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:0.875em;color:#e4175c}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.875rem;line-height:1.5;color:#fff;background-color:rgba(228,23,92,.9);border-radius:.15rem}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#e4175c;padding-right:calc(1.5em + 0.75rem) !important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e4175c' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e4175c' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#e4175c;box-shadow:0 0 0 .2rem rgba(228,23,92,.25)}.was-validated select.form-control:invalid,select.form-control.is-invalid{padding-right:3rem !important;background-position:right 1.5rem center}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .custom-select:invalid,.custom-select.is-invalid{border-color:#e4175c;padding-right:calc(0.75em + 2.3125rem) !important;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e4175c' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e4175c' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat}.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus{border-color:#e4175c;box-shadow:0 0 0 .2rem rgba(228,23,92,.25)}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:#e4175c}.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip{display:block}.was-validated .custom-control-input:invalid~.custom-control-label,.custom-control-input.is-invalid~.custom-control-label{color:#e4175c}.was-validated .custom-control-input:invalid~.custom-control-label::before,.custom-control-input.is-invalid~.custom-control-label::before{border-color:#e4175c}.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,.custom-control-input.is-invalid:checked~.custom-control-label::before{border-color:rgb(235.9402390438,66.0597609562,123.2390438247);background-color:rgb(235.9402390438,66.0597609562,123.2390438247)}.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,.custom-control-input.is-invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(228,23,92,.25)}.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before{border-color:#e4175c}.was-validated .custom-file-input:invalid~.custom-file-label,.custom-file-input.is-invalid~.custom-file-label{border-color:#e4175c}.was-validated .custom-file-input:invalid:focus~.custom-file-label,.custom-file-input.is-invalid:focus~.custom-file-label{border-color:#e4175c;box-shadow:0 0 0 .2rem rgba(228,23,92,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media(min-width: 576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .input-group,.form-inline .custom-select{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.15rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn:focus,.btn.focus{outline:0;box-shadow:0 0 0 .2rem rgba(153,10,227,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#990ae3;border-color:#990ae3}.btn-primary:hover{color:#fff;background-color:rgb(128.3069620253,8.3860759494,190.3639240506);border-color:rgb(120.0759493671,7.8481012658,178.1518987342)}.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:rgb(128.3069620253,8.3860759494,190.3639240506);border-color:rgb(120.0759493671,7.8481012658,178.1518987342);box-shadow:0 0 0 .2rem rgba(168.3,46.75,231.2,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#990ae3;border-color:#990ae3}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:rgb(120.0759493671,7.8481012658,178.1518987342);border-color:rgb(111.8449367089,7.3101265823,165.9398734177)}.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(168.3,46.75,231.2,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:rgb(90.2703862661,97.7929184549,104.4796137339);border-color:rgb(84.3605150215,91.3905579399,97.6394849785)}.btn-secondary:focus,.btn-secondary.focus{color:#fff;background-color:rgb(90.2703862661,97.7929184549,104.4796137339);border-color:rgb(84.3605150215,91.3905579399,97.6394849785);box-shadow:0 0 0 .2rem rgba(130.05,137.7,144.5,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:rgb(84.3605150215,91.3905579399,97.6394849785);border-color:rgb(78.4506437768,84.9881974249,90.7993562232)}.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130.05,137.7,144.5,.5)}.btn-success{color:#fff;background-color:#099;border-color:#099}.btn-success:hover{color:#fff;background-color:hsl(180,100%,22.5%);border-color:#066}.btn-success:focus,.btn-success.focus{color:#fff;background-color:hsl(180,100%,22.5%);border-color:#066;box-shadow:0 0 0 .2rem rgba(38.25,168.3,168.3,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#099;border-color:#099}.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#066;border-color:rgb(0,89.25,89.25)}.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38.25,168.3,168.3,.5)}.btn-info{color:#fff;background-color:#09f;border-color:#09f}.btn-info:hover{color:#fff;background-color:hsl(204,100%,42.5%);border-color:rgb(0,122.4,204)}.btn-info:focus,.btn-info.focus{color:#fff;background-color:hsl(204,100%,42.5%);border-color:rgb(0,122.4,204);box-shadow:0 0 0 .2rem hsla(204,100%,57.5%,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#09f;border-color:#09f}.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:rgb(0,122.4,204);border-color:hsl(204,100%,37.5%)}.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsla(204,100%,57.5%,.5)}.btn-warning{color:#212529;background-color:#ff9b00;border-color:#ff9b00}.btn-warning:hover{color:#fff;background-color:rgb(216.75,131.75,0);border-color:#cc7c00}.btn-warning:focus,.btn-warning.focus{color:#fff;background-color:rgb(216.75,131.75,0);border-color:#cc7c00;box-shadow:0 0 0 .2rem rgba(221.7,137.3,6.15,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ff9b00;border-color:#ff9b00}.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#cc7c00;border-color:rgb(191.25,116.25,0)}.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(221.7,137.3,6.15,.5)}.btn-danger{color:#fff;background-color:#e4175c;border-color:#e4175c}.btn-danger:hover{color:#fff;background-color:rgb(193.2549800797,19.4950199203,77.9800796813);border-color:rgb(181.6733067729,18.3266932271,73.3067729084)}.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:rgb(193.2549800797,19.4950199203,77.9800796813);border-color:rgb(181.6733067729,18.3266932271,73.3067729084);box-shadow:0 0 0 .2rem rgba(232.05,57.8,116.45,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#e4175c;border-color:#e4175c}.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:rgb(181.6733067729,18.3266932271,73.3067729084);border-color:rgb(170.0916334661,17.1583665339,68.6334661355)}.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(232.05,57.8,116.45,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:rgb(225.6875,229.875,234.0625);border-color:rgb(218.25,223.5,228.75)}.btn-light:focus,.btn-light.focus{color:#212529;background-color:rgb(225.6875,229.875,234.0625);border-color:rgb(218.25,223.5,228.75);box-shadow:0 0 0 .2rem rgba(215.75,217.2,218.65,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:rgb(218.25,223.5,228.75);border-color:rgb(210.8125,217.125,223.4375)}.btn-light:not(:disabled):not(.disabled):active:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(215.75,217.2,218.65,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:hsl(210,10.3448275862%,15.2450980392%);border-color:rgb(29.1379310345,32.5,35.8620689655)}.btn-dark:focus,.btn-dark.focus{color:#fff;background-color:hsl(210,10.3448275862%,15.2450980392%);border-color:rgb(29.1379310345,32.5,35.8620689655);box-shadow:0 0 0 .2rem rgba(82.45,87.55,92.65,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:rgb(29.1379310345,32.5,35.8620689655);border-color:hsl(210,10.3448275862%,10.2450980392%)}.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82.45,87.55,92.65,.5)}.btn-outline-primary{color:#990ae3;border-color:#990ae3}.btn-outline-primary:hover{color:#fff;background-color:#990ae3;border-color:#990ae3}.btn-outline-primary:focus,.btn-outline-primary.focus{box-shadow:0 0 0 .2rem rgba(153,10,227,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#990ae3;background-color:rgba(0,0,0,0)}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#990ae3;border-color:#990ae3}.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(153,10,227,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:focus,.btn-outline-secondary.focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:rgba(0,0,0,0)}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#099;border-color:#099}.btn-outline-success:hover{color:#fff;background-color:#099;border-color:#099}.btn-outline-success:focus,.btn-outline-success.focus{box-shadow:0 0 0 .2rem rgba(0,153,153,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#099;background-color:rgba(0,0,0,0)}.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#099;border-color:#099}.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,153,153,.5)}.btn-outline-info{color:#09f;border-color:#09f}.btn-outline-info:hover{color:#fff;background-color:#09f;border-color:#09f}.btn-outline-info:focus,.btn-outline-info.focus{box-shadow:0 0 0 .2rem rgba(0,153,255,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#09f;background-color:rgba(0,0,0,0)}.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#09f;border-color:#09f}.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,153,255,.5)}.btn-outline-warning{color:#ff9b00;border-color:#ff9b00}.btn-outline-warning:hover{color:#212529;background-color:#ff9b00;border-color:#ff9b00}.btn-outline-warning:focus,.btn-outline-warning.focus{box-shadow:0 0 0 .2rem rgba(255,155,0,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ff9b00;background-color:rgba(0,0,0,0)}.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ff9b00;border-color:#ff9b00}.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,155,0,.5)}.btn-outline-danger{color:#e4175c;border-color:#e4175c}.btn-outline-danger:hover{color:#fff;background-color:#e4175c;border-color:#e4175c}.btn-outline-danger:focus,.btn-outline-danger.focus{box-shadow:0 0 0 .2rem rgba(228,23,92,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#e4175c;background-color:rgba(0,0,0,0)}.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#e4175c;border-color:#e4175c}.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(228,23,92,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:focus,.btn-outline-light.focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:rgba(0,0,0,0)}.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:focus,.btn-outline-dark.focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:rgba(0,0,0,0)}.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#990ae3;text-decoration:none}.btn-link:hover{color:rgb(103.6139240506,6.7721518987,153.7278481013);text-decoration:underline}.btn-link:focus,.btn-link.focus{text-decoration:underline}.btn-link:disabled,.btn-link.disabled{color:#6c757d;pointer-events:none}.btn-lg,.btn-group-lg>.btn{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.2rem}.btn-sm,.btn-group-sm>.btn{padding:.25rem .5rem;font-size:0.875rem;line-height:1.5;border-radius:.1rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{transition:opacity .15s linear}@media(prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media(prefers-reduced-motion: reduce){.collapsing{transition:none}}.collapsing.width{width:0;height:auto;transition:width .35s ease}@media(prefers-reduced-motion: reduce){.collapsing.width{transition:none}}.dropup,.dropright,.dropdown,.dropleft{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid rgba(0,0,0,0);border-bottom:0;border-left:.3em solid rgba(0,0,0,0)}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:0 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #f2f2f2;border-radius:4px}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media(min-width: 576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media(min-width: 768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media(min-width: 992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media(min-width: 1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}@media(min-width: 1400px){.dropdown-menu-xxl-left{right:auto;left:0}.dropdown-menu-xxl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid rgba(0,0,0,0);border-bottom:.3em solid;border-left:.3em solid rgba(0,0,0,0)}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid rgba(0,0,0,0);border-right:0;border-bottom:.3em solid rgba(0,0,0,0);border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid rgba(0,0,0,0);border-right:.3em solid;border-bottom:.3em solid rgba(0,0,0,0)}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=top],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #ebebeb}.dropdown-item{display:block;width:100%;padding:.75rem .5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:rgba(0,0,0,0);border:0}.dropdown-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.dropdown-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.dropdown-item:hover,.dropdown-item:focus{color:hsl(210,10.8108108108%,9.5098039216%);text-decoration:none;background-color:#f9f9f9}.dropdown-item.active,.dropdown-item:active{color:#595959;text-decoration:none;background-color:#990ae3}.dropdown-item.disabled,.dropdown-item:disabled{color:#a0a0a0;pointer-events:none;background-color:rgba(0,0,0,0)}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:0 .5rem;margin-bottom:0;font-size:0.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.75rem .5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;flex:1 1 auto}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover{z-index:1}.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child){margin-left:-1px}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-control-plaintext,.input-group>.custom-select,.input-group>.custom-file{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.custom-select,.input-group>.form-control+.custom-file,.input-group>.form-control-plaintext+.form-control,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.custom-file,.input-group>.custom-select+.form-control,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.custom-file,.input-group>.custom-file+.form-control,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.custom-file{margin-left:-1px}.input-group>.form-control:focus,.input-group>.custom-select:focus,.input-group>.custom-file .custom-file-input:focus~.custom-file-label{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.form-control:not(:first-child),.input-group>.custom-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.form-control:not(:last-child),.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.form-control:nth-last-child(n+3),.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend,.input-group-append{display:flex}.input-group-prepend .btn,.input-group-append .btn{position:relative;z-index:2}.input-group-prepend .btn:focus,.input-group-append .btn:focus{z-index:3}.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.input-group-text,.input-group-append .input-group-text+.btn{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.15rem}.input-group-text input[type=radio],.input-group-text input[type=checkbox]{margin-top:0}.input-group-lg>.form-control:not(textarea),.input-group-lg>.custom-select{height:calc(1.5em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.custom-select,.input-group-lg>.input-group-prepend>.input-group-text,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-append>.btn{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.2rem}.input-group-sm>.form-control:not(textarea),.input-group-sm>.custom-select{height:calc(1.5em + 0.5rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.custom-select,.input-group-sm>.input-group-prepend>.input-group-text,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-append>.btn{padding:.25rem .5rem;font-size:0.875rem;line-height:1.5;border-radius:.1rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#990ae3;background-color:#990ae3}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(153,10,227,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:rgb(203.4303797468,115.6392405063,248.8607594937)}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:rgb(221.5063291139,164.4873417722,251.0126582278);border-color:rgb(221.5063291139,164.4873417722,251.0126582278)}.custom-control-input[disabled]~.custom-control-label,.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input[disabled]~.custom-control-label::before,.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:1px solid #adb5bd}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-label::before{border-radius:.15rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#990ae3;background-color:#990ae3}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(153,10,227,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(153,10,227,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(153,10,227,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(0.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(0.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(153,10,227,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.15rem;-webkit-appearance:none;appearance:none}.custom-select:focus{border-color:rgb(203.4303797468,115.6392405063,248.8607594937);outline:0;box-shadow:0 0 0 .2rem rgba(153,10,227,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + 0.5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:0.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + 0.75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + 0.75rem + 2px);margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:rgb(203.4303797468,115.6392405063,248.8607594937);box-shadow:0 0 0 .2rem rgba(153,10,227,.25)}.custom-file-input[disabled]~.custom-file-label,.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + 0.75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.15rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + 0.75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .15rem .15rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:rgba(0,0,0,0);-webkit-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(153,10,227,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(153,10,227,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(153,10,227,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-0.25rem;background-color:#990ae3;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media(prefers-reduced-motion: reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:rgb(221.5063291139,164.4873417722,251.0126582278)}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:#dee2e6;border-color:rgba(0,0,0,0);border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#990ae3;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:rgb(221.5063291139,164.4873417722,251.0126582278)}.custom-range::-moz-range-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:#dee2e6;border-color:rgba(0,0,0,0);border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#990ae3;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:rgb(221.5063291139,164.4873417722,251.0126582278)}.custom-range::-ms-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:hover,.nav-link:focus{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-top-left-radius:.15rem;border-top-right-radius:.15rem}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{isolation:isolate;border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:none;border:0;border-radius:.15rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#990ae3}.nav-fill>.nav-link,.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified>.nav-link,.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-xxl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:.15rem}.navbar-toggler:hover,.navbar-toggler:focus{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media(max-width: 575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-xxl{padding-right:0;padding-left:0}}@media(min-width: 576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-xxl{flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media(max-width: 767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-xxl{padding-right:0;padding-left:0}}@media(min-width: 768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-xxl{flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media(max-width: 991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-xxl{padding-right:0;padding-left:0}}@media(min-width: 992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-xxl{flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media(max-width: 1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-xxl{padding-right:0;padding-left:0}}@media(min-width: 1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-xxl{flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media(max-width: 1399.98px){.navbar-expand-xxl>.container,.navbar-expand-xxl>.container-fluid,.navbar-expand-xxl>.container-xxl{padding-right:0;padding-left:0}}@media(min-width: 1400px){.navbar-expand-xxl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl>.container,.navbar-expand-xxl>.container-fluid,.navbar-expand-xxl>.container-xxl{flex-wrap:nowrap}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-xxl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-xxl{flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(34,34,34,.9)}.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus{color:rgba(34,34,34,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(34,34,34,.5)}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{color:rgba(34,34,34,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(34,34,34,.3)}.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active{color:rgba(34,34,34,.9)}.navbar-light .navbar-toggler{color:rgba(34,34,34,.5);border-color:rgba(34,34,34,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2834, 34, 34, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(34,34,34,.5)}.navbar-light .navbar-text a{color:rgba(34,34,34,.9)}.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus{color:rgba(34,34,34,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active{color:#fff}.navbar-dark .navbar-toggler{color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:hover,.navbar-dark .navbar-text a:focus{color:#fff}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.15rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#990ae3;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:rgb(103.6139240506,6.7721518987,153.7278481013);text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(153,10,227,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.15rem;border-bottom-left-radius:.15rem}.page-item:last-child .page-link{border-top-right-radius:.15rem;border-bottom-right-radius:.15rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#990ae3;border-color:#990ae3}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:0.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.1rem;border-bottom-left-radius:.1rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.1rem;border-bottom-right-radius:.1rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.15rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.badge{transition:none}}a.badge:hover,a.badge:focus{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#990ae3}a.badge-primary:hover,a.badge-primary:focus{color:#fff;background-color:rgb(120.0759493671,7.8481012658,178.1518987342)}a.badge-primary:focus,a.badge-primary.focus{outline:0;box-shadow:0 0 0 .2rem rgba(153,10,227,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:hover,a.badge-secondary:focus{color:#fff;background-color:rgb(84.3605150215,91.3905579399,97.6394849785)}a.badge-secondary:focus,a.badge-secondary.focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#099}a.badge-success:hover,a.badge-success:focus{color:#fff;background-color:#066}a.badge-success:focus,a.badge-success.focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,153,153,.5)}.badge-info{color:#fff;background-color:#09f}a.badge-info:hover,a.badge-info:focus{color:#fff;background-color:rgb(0,122.4,204)}a.badge-info:focus,a.badge-info.focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,153,255,.5)}.badge-warning{color:#212529;background-color:#ff9b00}a.badge-warning:hover,a.badge-warning:focus{color:#212529;background-color:#cc7c00}a.badge-warning:focus,a.badge-warning.focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,155,0,.5)}.badge-danger{color:#fff;background-color:#e4175c}a.badge-danger:hover,a.badge-danger:focus{color:#fff;background-color:rgb(181.6733067729,18.3266932271,73.3067729084)}a.badge-danger:focus,a.badge-danger.focus{outline:0;box-shadow:0 0 0 .2rem rgba(228,23,92,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:hover,a.badge-light:focus{color:#212529;background-color:rgb(218.25,223.5,228.75)}a.badge-light:focus,a.badge-light.focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:hover,a.badge-dark:focus{color:#fff;background-color:rgb(29.1379310345,32.5,35.8620689655)}a.badge-dark:focus,a.badge-dark.focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid rgba(0,0,0,0);border-radius:.15rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:rgb(95.88,21.52,134.36);background-color:rgb(234.6,206,249.4);border-color:rgb(226.44,186.4,247.16)}.alert-primary hr{border-top-color:rgb(216.9125274725,163.5153846154,244.5446153846)}.alert-primary .alert-link{color:rgb(64.5104849885,14.4791993841,90.4008006159)}.alert-secondary{color:rgb(72.48,77.16,81.32);background-color:rgb(225.6,227.4,229);border-color:rgb(213.84,216.36,218.6)}.alert-secondary hr{border-top-color:hsl(208.2352941176,6.1371841155%,79.7921568627%)}.alert-secondary .alert-link{color:rgb(48.4456697009,51.5737841352,54.3543302991)}.alert-success{color:rgb(16.32,95.88,95.88);background-color:rgb(204,234.6,234.6);border-color:rgb(183.6,226.44,226.44)}.alert-success hr{border-top-color:hsl(180,42.8571428571%,75.4%)}.alert-success .alert-link{color:hsl(180,70.9090909091%,12%)}.alert-info{color:rgb(16.32,95.88,148.92);background-color:hsl(204,100%,90%);border-color:hsl(204,100%,86%)}.alert-info hr{border-top-color:hsl(204,100%,81%)}.alert-info .alert-link{color:hsl(204,80.2469135802%,22.4%)}.alert-warning{color:rgb(148.92,96.92,16.32);background-color:#ffebcc;border-color:rgb(255,227,183.6)}.alert-warning hr{border-top-color:rgb(255,217,158.1)}.alert-warning .alert-link{color:hsl(36.4705882353,80.2469135802%,22.4%)}.alert-danger{color:rgb(134.88,28.28,64.16);background-color:rgb(249.6,208.6,222.4);border-color:rgb(247.44,190.04,209.36)}.alert-danger hr{border-top-color:rgb(244.7816988417,167.1983011583,193.3117374517)}.alert-danger .alert-link{color:rgb(92.7196665849,19.4403334151,44.1050845796)}.alert-light{color:rgb(145.28,145.8,146.32);background-color:rgb(253.6,253.8,254);border-color:rgb(253.04,253.32,253.6)}.alert-light hr{border-top-color:rgb(238.165,240.57,242.975)}.alert-light .alert-link{color:hsl(210,.4761904762%,47.1764705882%)}.alert-dark{color:rgb(43.36,46.48,49.6);background-color:rgb(214.4,215.6,216.8);border-color:rgb(198.16,199.84,201.52)}.alert-dark hr{border-top-color:hsl(210,3.0456852792%,73.368627451%)}.alert-dark .alert-link{color:hsl(210,6.7125645439%,8.2274509804%)}.media{display:flex;align-items:flex-start}.media-body{flex:1 1}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#222;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#222;text-decoration:none}.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus{opacity:.75}button.close{padding:0;background-color:rgba(0,0,0,0);border:0}a.close.disabled{pointer-events:none}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0, -50px)}@media(prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(34,34,34,.2);border-radius:.2rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#222}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(0.2rem - 1px);border-top-right-radius:calc(0.2rem - 1px)}.modal-header .close{padding:1rem 1.5rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem 1.5rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:1rem 1.5rem-0.25rem;border-top:1px solid #ebebeb;border-bottom-right-radius:calc(0.2rem - 1px);border-bottom-left-radius:calc(0.2rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media(min-width: 576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:min-content}.modal-sm{max-width:300px}}@media(min-width: 992px){.modal-lg,.modal-xl{max-width:800px}}@media(min-width: 1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top,.bs-tooltip-auto[x-placement^=top]{padding:.4rem 0}.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^=top] .arrow{bottom:0}.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^=top] .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#222}.bs-tooltip-right,.bs-tooltip-auto[x-placement^=right]{padding:0 .4rem}.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^=right] .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^=right] .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#222}.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^=bottom]{padding:.4rem 0}.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^=bottom] .arrow{top:0}.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^=bottom] .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#222}.bs-tooltip-left,.bs-tooltip-auto[x-placement^=left]{padding:0 .4rem}.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^=left] .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^=left] .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#222}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#222;border-radius:.15rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(34,34,34,.2);border-radius:.2rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .2rem}.popover .arrow::before,.popover .arrow::after{position:absolute;display:block;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-popover-top,.bs-popover-auto[x-placement^=top]{margin-bottom:.5rem}.bs-popover-top>.arrow,.bs-popover-auto[x-placement^=top]>.arrow{bottom:calc(-0.5rem - 1px)}.bs-popover-top>.arrow::before,.bs-popover-auto[x-placement^=top]>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(34,34,34,.25)}.bs-popover-top>.arrow::after,.bs-popover-auto[x-placement^=top]>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-right,.bs-popover-auto[x-placement^=right]{margin-left:.5rem}.bs-popover-right>.arrow,.bs-popover-auto[x-placement^=right]>.arrow{left:calc(-0.5rem - 1px);width:.5rem;height:1rem;margin:.2rem 0}.bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^=right]>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(34,34,34,.25)}.bs-popover-right>.arrow::after,.bs-popover-auto[x-placement^=right]>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-bottom,.bs-popover-auto[x-placement^=bottom]{margin-top:.5rem}.bs-popover-bottom>.arrow,.bs-popover-auto[x-placement^=bottom]>.arrow{top:calc(-0.5rem - 1px)}.bs-popover-bottom>.arrow::before,.bs-popover-auto[x-placement^=bottom]>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(34,34,34,.25)}.bs-popover-bottom>.arrow::after,.bs-popover-auto[x-placement^=bottom]>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-bottom .popover-header::before,.bs-popover-auto[x-placement^=bottom] .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-0.5rem;content:"";border-bottom:1px solid hsl(0,0%,97%)}.bs-popover-left,.bs-popover-auto[x-placement^=left]{margin-right:.5rem}.bs-popover-left>.arrow,.bs-popover-auto[x-placement^=left]>.arrow{right:calc(-0.5rem - 1px);width:.5rem;height:1rem;margin:.2rem 0}.bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^=left]>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(34,34,34,.25)}.bs-popover-left>.arrow::after,.bs-popover-auto[x-placement^=left]>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:hsl(0,0%,97%);border-bottom:1px solid hsl(0,0%,92%);border-top-left-radius:calc(0.2rem - 1px);border-top-right-radius:calc(0.2rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.align-baseline{vertical-align:baseline !important}.align-top{vertical-align:top !important}.align-middle{vertical-align:middle !important}.align-bottom{vertical-align:bottom !important}.align-text-bottom{vertical-align:text-bottom !important}.align-text-top{vertical-align:text-top !important}.bg-primary{background-color:#990ae3 !important}a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{background-color:rgb(120.0759493671,7.8481012658,178.1518987342) !important}.bg-secondary{background-color:#6c757d !important}a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus{background-color:rgb(84.3605150215,91.3905579399,97.6394849785) !important}.bg-success{background-color:#099 !important}a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus{background-color:#066 !important}.bg-info{background-color:#09f !important}a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus{background-color:rgb(0,122.4,204) !important}.bg-warning{background-color:#ff9b00 !important}a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus{background-color:#cc7c00 !important}.bg-danger{background-color:#e4175c !important}a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus{background-color:rgb(181.6733067729,18.3266932271,73.3067729084) !important}.bg-light{background-color:#f8f9fa !important}a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus{background-color:rgb(218.25,223.5,228.75) !important}.bg-dark{background-color:#343a40 !important}a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{background-color:rgb(29.1379310345,32.5,35.8620689655) !important}.bg-white{background-color:#fff !important}.bg-transparent{background-color:rgba(0,0,0,0) !important}.border{border:1px solid #ebebeb !important}.border-top{border-top:1px solid #ebebeb !important}.border-right{border-right:1px solid #ebebeb !important}.border-bottom{border-bottom:1px solid #ebebeb !important}.border-left{border-left:1px solid #ebebeb !important}.border-0{border:0 !important}.border-top-0{border-top:0 !important}.border-right-0{border-right:0 !important}.border-bottom-0{border-bottom:0 !important}.border-left-0{border-left:0 !important}.border-primary{border-color:#990ae3 !important}.border-secondary{border-color:#6c757d !important}.border-success{border-color:#099 !important}.border-info{border-color:#09f !important}.border-warning{border-color:#ff9b00 !important}.border-danger{border-color:#e4175c !important}.border-light{border-color:#f8f9fa !important}.border-dark{border-color:#343a40 !important}.border-white{border-color:#fff !important}.rounded-sm{border-radius:.1rem !important}.rounded{border-radius:.15rem !important}.rounded-top{border-top-left-radius:.15rem !important;border-top-right-radius:.15rem !important}.rounded-right{border-top-right-radius:.15rem !important;border-bottom-right-radius:.15rem !important}.rounded-bottom{border-bottom-right-radius:.15rem !important;border-bottom-left-radius:.15rem !important}.rounded-left{border-top-left-radius:.15rem !important;border-bottom-left-radius:.15rem !important}.rounded-lg{border-radius:.2rem !important}.rounded-circle{border-radius:50% !important}.rounded-pill{border-radius:50rem !important}.rounded-0{border-radius:0 !important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}@media(min-width: 576px){.d-sm-none{display:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}}@media(min-width: 768px){.d-md-none{display:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}}@media(min-width: 992px){.d-lg-none{display:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}}@media(min-width: 1200px){.d-xl-none{display:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}}@media(min-width: 1400px){.d-xxl-none{display:none !important}.d-xxl-inline{display:inline !important}.d-xxl-inline-block{display:inline-block !important}.d-xxl-block{display:block !important}.d-xxl-table{display:table !important}.d-xxl-table-row{display:table-row !important}.d-xxl-table-cell{display:table-cell !important}.d-xxl-flex{display:flex !important}.d-xxl-inline-flex{display:inline-flex !important}}@media print{.d-print-none{display:none !important}.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}.d-print-table{display:table !important}.d-print-table-row{display:table-row !important}.d-print-table-cell{display:table-cell !important}.d-print-flex{display:flex !important}.d-print-inline-flex{display:inline-flex !important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.85714286%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-fill{flex:1 1 auto !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}@media(min-width: 576px){.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}}@media(min-width: 768px){.flex-md-row{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}}@media(min-width: 992px){.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}}@media(min-width: 1200px){.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}}@media(min-width: 1400px){.flex-xxl-row{flex-direction:row !important}.flex-xxl-column{flex-direction:column !important}.flex-xxl-row-reverse{flex-direction:row-reverse !important}.flex-xxl-column-reverse{flex-direction:column-reverse !important}.flex-xxl-wrap{flex-wrap:wrap !important}.flex-xxl-nowrap{flex-wrap:nowrap !important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-xxl-fill{flex:1 1 auto !important}.flex-xxl-grow-0{flex-grow:0 !important}.flex-xxl-grow-1{flex-grow:1 !important}.flex-xxl-shrink-0{flex-shrink:0 !important}.flex-xxl-shrink-1{flex-shrink:1 !important}.justify-content-xxl-start{justify-content:flex-start !important}.justify-content-xxl-end{justify-content:flex-end !important}.justify-content-xxl-center{justify-content:center !important}.justify-content-xxl-between{justify-content:space-between !important}.justify-content-xxl-around{justify-content:space-around !important}.align-items-xxl-start{align-items:flex-start !important}.align-items-xxl-end{align-items:flex-end !important}.align-items-xxl-center{align-items:center !important}.align-items-xxl-baseline{align-items:baseline !important}.align-items-xxl-stretch{align-items:stretch !important}.align-content-xxl-start{align-content:flex-start !important}.align-content-xxl-end{align-content:flex-end !important}.align-content-xxl-center{align-content:center !important}.align-content-xxl-between{align-content:space-between !important}.align-content-xxl-around{align-content:space-around !important}.align-content-xxl-stretch{align-content:stretch !important}.align-self-xxl-auto{align-self:auto !important}.align-self-xxl-start{align-self:flex-start !important}.align-self-xxl-end{align-self:flex-end !important}.align-self-xxl-center{align-self:center !important}.align-self-xxl-baseline{align-self:baseline !important}.align-self-xxl-stretch{align-self:stretch !important}}.float-left{float:left !important}.float-right{float:right !important}.float-none{float:none !important}@media(min-width: 576px){.float-sm-left{float:left !important}.float-sm-right{float:right !important}.float-sm-none{float:none !important}}@media(min-width: 768px){.float-md-left{float:left !important}.float-md-right{float:right !important}.float-md-none{float:none !important}}@media(min-width: 992px){.float-lg-left{float:left !important}.float-lg-right{float:right !important}.float-lg-none{float:none !important}}@media(min-width: 1200px){.float-xl-left{float:left !important}.float-xl-right{float:right !important}.float-xl-none{float:none !important}}@media(min-width: 1400px){.float-xxl-left{float:left !important}.float-xxl-right{float:right !important}.float-xxl-none{float:none !important}}.user-select-all{-webkit-user-select:all !important;user-select:all !important}.user-select-auto{-webkit-user-select:auto !important;-ms-user-select:auto !important;user-select:auto !important}.user-select-none{-webkit-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-sticky{position:-webkit-sticky !important;position:sticky !important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports((position: -webkit-sticky) or (position: sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(34,34,34,.075) !important}.shadow{box-shadow:0 .5rem 1rem rgba(34,34,34,.15) !important}.shadow-lg{box-shadow:0 1rem 3rem rgba(34,34,34,.175) !important}.shadow-none{box-shadow:none !important}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mw-100{max-width:100% !important}.mh-100{max-height:100% !important}.min-vw-100{min-width:100vw !important}.min-vh-100{min-height:100vh !important}.vw-100{width:100vw !important}.vh-100{height:100vh !important}.m-0{margin:0 !important}.mt-0,.my-0{margin-top:0 !important}.mr-0,.mx-0{margin-right:0 !important}.mb-0,.my-0{margin-bottom:0 !important}.ml-0,.mx-0{margin-left:0 !important}.m-1{margin:.25rem !important}.mt-1,.my-1{margin-top:.25rem !important}.mr-1,.mx-1{margin-right:.25rem !important}.mb-1,.my-1{margin-bottom:.25rem !important}.ml-1,.mx-1{margin-left:.25rem !important}.m-2{margin:.5rem !important}.mt-2,.my-2{margin-top:.5rem !important}.mr-2,.mx-2{margin-right:.5rem !important}.mb-2,.my-2{margin-bottom:.5rem !important}.ml-2,.mx-2{margin-left:.5rem !important}.m-3{margin:1rem !important}.mt-3,.my-3{margin-top:1rem !important}.mr-3,.mx-3{margin-right:1rem !important}.mb-3,.my-3{margin-bottom:1rem !important}.ml-3,.mx-3{margin-left:1rem !important}.m-4{margin:1.5rem !important}.mt-4,.my-4{margin-top:1.5rem !important}.mr-4,.mx-4{margin-right:1.5rem !important}.mb-4,.my-4{margin-bottom:1.5rem !important}.ml-4,.mx-4{margin-left:1.5rem !important}.m-5{margin:3rem !important}.mt-5,.my-5{margin-top:3rem !important}.mr-5,.mx-5{margin-right:3rem !important}.mb-5,.my-5{margin-bottom:3rem !important}.ml-5,.mx-5{margin-left:3rem !important}.p-0{padding:0 !important}.pt-0,.py-0{padding-top:0 !important}.pr-0,.px-0{padding-right:0 !important}.pb-0,.py-0{padding-bottom:0 !important}.pl-0,.px-0{padding-left:0 !important}.p-1{padding:.25rem !important}.pt-1,.py-1{padding-top:.25rem !important}.pr-1,.px-1{padding-right:.25rem !important}.pb-1,.py-1{padding-bottom:.25rem !important}.pl-1,.px-1{padding-left:.25rem !important}.p-2{padding:.5rem !important}.pt-2,.py-2{padding-top:.5rem !important}.pr-2,.px-2{padding-right:.5rem !important}.pb-2,.py-2{padding-bottom:.5rem !important}.pl-2,.px-2{padding-left:.5rem !important}.p-3{padding:1rem !important}.pt-3,.py-3{padding-top:1rem !important}.pr-3,.px-3{padding-right:1rem !important}.pb-3,.py-3{padding-bottom:1rem !important}.pl-3,.px-3{padding-left:1rem !important}.p-4{padding:1.5rem !important}.pt-4,.py-4{padding-top:1.5rem !important}.pr-4,.px-4{padding-right:1.5rem !important}.pb-4,.py-4{padding-bottom:1.5rem !important}.pl-4,.px-4{padding-left:1.5rem !important}.p-5{padding:3rem !important}.pt-5,.py-5{padding-top:3rem !important}.pr-5,.px-5{padding-right:3rem !important}.pb-5,.py-5{padding-bottom:3rem !important}.pl-5,.px-5{padding-left:3rem !important}.m-n1{margin:-0.25rem !important}.mt-n1,.my-n1{margin-top:-0.25rem !important}.mr-n1,.mx-n1{margin-right:-0.25rem !important}.mb-n1,.my-n1{margin-bottom:-0.25rem !important}.ml-n1,.mx-n1{margin-left:-0.25rem !important}.m-n2{margin:-0.5rem !important}.mt-n2,.my-n2{margin-top:-0.5rem !important}.mr-n2,.mx-n2{margin-right:-0.5rem !important}.mb-n2,.my-n2{margin-bottom:-0.5rem !important}.ml-n2,.mx-n2{margin-left:-0.5rem !important}.m-n3{margin:-1rem !important}.mt-n3,.my-n3{margin-top:-1rem !important}.mr-n3,.mx-n3{margin-right:-1rem !important}.mb-n3,.my-n3{margin-bottom:-1rem !important}.ml-n3,.mx-n3{margin-left:-1rem !important}.m-n4{margin:-1.5rem !important}.mt-n4,.my-n4{margin-top:-1.5rem !important}.mr-n4,.mx-n4{margin-right:-1.5rem !important}.mb-n4,.my-n4{margin-bottom:-1.5rem !important}.ml-n4,.mx-n4{margin-left:-1.5rem !important}.m-n5{margin:-3rem !important}.mt-n5,.my-n5{margin-top:-3rem !important}.mr-n5,.mx-n5{margin-right:-3rem !important}.mb-n5,.my-n5{margin-bottom:-3rem !important}.ml-n5,.mx-n5{margin-left:-3rem !important}.m-auto{margin:auto !important}.mt-auto,.my-auto{margin-top:auto !important}.mr-auto,.mx-auto{margin-right:auto !important}.mb-auto,.my-auto{margin-bottom:auto !important}.ml-auto,.mx-auto{margin-left:auto !important}@media(min-width: 576px){.m-sm-0{margin:0 !important}.mt-sm-0,.my-sm-0{margin-top:0 !important}.mr-sm-0,.mx-sm-0{margin-right:0 !important}.mb-sm-0,.my-sm-0{margin-bottom:0 !important}.ml-sm-0,.mx-sm-0{margin-left:0 !important}.m-sm-1{margin:.25rem !important}.mt-sm-1,.my-sm-1{margin-top:.25rem !important}.mr-sm-1,.mx-sm-1{margin-right:.25rem !important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem !important}.ml-sm-1,.mx-sm-1{margin-left:.25rem !important}.m-sm-2{margin:.5rem !important}.mt-sm-2,.my-sm-2{margin-top:.5rem !important}.mr-sm-2,.mx-sm-2{margin-right:.5rem !important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem !important}.ml-sm-2,.mx-sm-2{margin-left:.5rem !important}.m-sm-3{margin:1rem !important}.mt-sm-3,.my-sm-3{margin-top:1rem !important}.mr-sm-3,.mx-sm-3{margin-right:1rem !important}.mb-sm-3,.my-sm-3{margin-bottom:1rem !important}.ml-sm-3,.mx-sm-3{margin-left:1rem !important}.m-sm-4{margin:1.5rem !important}.mt-sm-4,.my-sm-4{margin-top:1.5rem !important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem !important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem !important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem !important}.m-sm-5{margin:3rem !important}.mt-sm-5,.my-sm-5{margin-top:3rem !important}.mr-sm-5,.mx-sm-5{margin-right:3rem !important}.mb-sm-5,.my-sm-5{margin-bottom:3rem !important}.ml-sm-5,.mx-sm-5{margin-left:3rem !important}.p-sm-0{padding:0 !important}.pt-sm-0,.py-sm-0{padding-top:0 !important}.pr-sm-0,.px-sm-0{padding-right:0 !important}.pb-sm-0,.py-sm-0{padding-bottom:0 !important}.pl-sm-0,.px-sm-0{padding-left:0 !important}.p-sm-1{padding:.25rem !important}.pt-sm-1,.py-sm-1{padding-top:.25rem !important}.pr-sm-1,.px-sm-1{padding-right:.25rem !important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem !important}.pl-sm-1,.px-sm-1{padding-left:.25rem !important}.p-sm-2{padding:.5rem !important}.pt-sm-2,.py-sm-2{padding-top:.5rem !important}.pr-sm-2,.px-sm-2{padding-right:.5rem !important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem !important}.pl-sm-2,.px-sm-2{padding-left:.5rem !important}.p-sm-3{padding:1rem !important}.pt-sm-3,.py-sm-3{padding-top:1rem !important}.pr-sm-3,.px-sm-3{padding-right:1rem !important}.pb-sm-3,.py-sm-3{padding-bottom:1rem !important}.pl-sm-3,.px-sm-3{padding-left:1rem !important}.p-sm-4{padding:1.5rem !important}.pt-sm-4,.py-sm-4{padding-top:1.5rem !important}.pr-sm-4,.px-sm-4{padding-right:1.5rem !important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem !important}.pl-sm-4,.px-sm-4{padding-left:1.5rem !important}.p-sm-5{padding:3rem !important}.pt-sm-5,.py-sm-5{padding-top:3rem !important}.pr-sm-5,.px-sm-5{padding-right:3rem !important}.pb-sm-5,.py-sm-5{padding-bottom:3rem !important}.pl-sm-5,.px-sm-5{padding-left:3rem !important}.m-sm-n1{margin:-0.25rem !important}.mt-sm-n1,.my-sm-n1{margin-top:-0.25rem !important}.mr-sm-n1,.mx-sm-n1{margin-right:-0.25rem !important}.mb-sm-n1,.my-sm-n1{margin-bottom:-0.25rem !important}.ml-sm-n1,.mx-sm-n1{margin-left:-0.25rem !important}.m-sm-n2{margin:-0.5rem !important}.mt-sm-n2,.my-sm-n2{margin-top:-0.5rem !important}.mr-sm-n2,.mx-sm-n2{margin-right:-0.5rem !important}.mb-sm-n2,.my-sm-n2{margin-bottom:-0.5rem !important}.ml-sm-n2,.mx-sm-n2{margin-left:-0.5rem !important}.m-sm-n3{margin:-1rem !important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem !important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem !important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem !important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem !important}.m-sm-n4{margin:-1.5rem !important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem !important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem !important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem !important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem !important}.m-sm-n5{margin:-3rem !important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem !important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem !important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem !important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem !important}.m-sm-auto{margin:auto !important}.mt-sm-auto,.my-sm-auto{margin-top:auto !important}.mr-sm-auto,.mx-sm-auto{margin-right:auto !important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto !important}.ml-sm-auto,.mx-sm-auto{margin-left:auto !important}}@media(min-width: 768px){.m-md-0{margin:0 !important}.mt-md-0,.my-md-0{margin-top:0 !important}.mr-md-0,.mx-md-0{margin-right:0 !important}.mb-md-0,.my-md-0{margin-bottom:0 !important}.ml-md-0,.mx-md-0{margin-left:0 !important}.m-md-1{margin:.25rem !important}.mt-md-1,.my-md-1{margin-top:.25rem !important}.mr-md-1,.mx-md-1{margin-right:.25rem !important}.mb-md-1,.my-md-1{margin-bottom:.25rem !important}.ml-md-1,.mx-md-1{margin-left:.25rem !important}.m-md-2{margin:.5rem !important}.mt-md-2,.my-md-2{margin-top:.5rem !important}.mr-md-2,.mx-md-2{margin-right:.5rem !important}.mb-md-2,.my-md-2{margin-bottom:.5rem !important}.ml-md-2,.mx-md-2{margin-left:.5rem !important}.m-md-3{margin:1rem !important}.mt-md-3,.my-md-3{margin-top:1rem !important}.mr-md-3,.mx-md-3{margin-right:1rem !important}.mb-md-3,.my-md-3{margin-bottom:1rem !important}.ml-md-3,.mx-md-3{margin-left:1rem !important}.m-md-4{margin:1.5rem !important}.mt-md-4,.my-md-4{margin-top:1.5rem !important}.mr-md-4,.mx-md-4{margin-right:1.5rem !important}.mb-md-4,.my-md-4{margin-bottom:1.5rem !important}.ml-md-4,.mx-md-4{margin-left:1.5rem !important}.m-md-5{margin:3rem !important}.mt-md-5,.my-md-5{margin-top:3rem !important}.mr-md-5,.mx-md-5{margin-right:3rem !important}.mb-md-5,.my-md-5{margin-bottom:3rem !important}.ml-md-5,.mx-md-5{margin-left:3rem !important}.p-md-0{padding:0 !important}.pt-md-0,.py-md-0{padding-top:0 !important}.pr-md-0,.px-md-0{padding-right:0 !important}.pb-md-0,.py-md-0{padding-bottom:0 !important}.pl-md-0,.px-md-0{padding-left:0 !important}.p-md-1{padding:.25rem !important}.pt-md-1,.py-md-1{padding-top:.25rem !important}.pr-md-1,.px-md-1{padding-right:.25rem !important}.pb-md-1,.py-md-1{padding-bottom:.25rem !important}.pl-md-1,.px-md-1{padding-left:.25rem !important}.p-md-2{padding:.5rem !important}.pt-md-2,.py-md-2{padding-top:.5rem !important}.pr-md-2,.px-md-2{padding-right:.5rem !important}.pb-md-2,.py-md-2{padding-bottom:.5rem !important}.pl-md-2,.px-md-2{padding-left:.5rem !important}.p-md-3{padding:1rem !important}.pt-md-3,.py-md-3{padding-top:1rem !important}.pr-md-3,.px-md-3{padding-right:1rem !important}.pb-md-3,.py-md-3{padding-bottom:1rem !important}.pl-md-3,.px-md-3{padding-left:1rem !important}.p-md-4{padding:1.5rem !important}.pt-md-4,.py-md-4{padding-top:1.5rem !important}.pr-md-4,.px-md-4{padding-right:1.5rem !important}.pb-md-4,.py-md-4{padding-bottom:1.5rem !important}.pl-md-4,.px-md-4{padding-left:1.5rem !important}.p-md-5{padding:3rem !important}.pt-md-5,.py-md-5{padding-top:3rem !important}.pr-md-5,.px-md-5{padding-right:3rem !important}.pb-md-5,.py-md-5{padding-bottom:3rem !important}.pl-md-5,.px-md-5{padding-left:3rem !important}.m-md-n1{margin:-0.25rem !important}.mt-md-n1,.my-md-n1{margin-top:-0.25rem !important}.mr-md-n1,.mx-md-n1{margin-right:-0.25rem !important}.mb-md-n1,.my-md-n1{margin-bottom:-0.25rem !important}.ml-md-n1,.mx-md-n1{margin-left:-0.25rem !important}.m-md-n2{margin:-0.5rem !important}.mt-md-n2,.my-md-n2{margin-top:-0.5rem !important}.mr-md-n2,.mx-md-n2{margin-right:-0.5rem !important}.mb-md-n2,.my-md-n2{margin-bottom:-0.5rem !important}.ml-md-n2,.mx-md-n2{margin-left:-0.5rem !important}.m-md-n3{margin:-1rem !important}.mt-md-n3,.my-md-n3{margin-top:-1rem !important}.mr-md-n3,.mx-md-n3{margin-right:-1rem !important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem !important}.ml-md-n3,.mx-md-n3{margin-left:-1rem !important}.m-md-n4{margin:-1.5rem !important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem !important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem !important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem !important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem !important}.m-md-n5{margin:-3rem !important}.mt-md-n5,.my-md-n5{margin-top:-3rem !important}.mr-md-n5,.mx-md-n5{margin-right:-3rem !important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem !important}.ml-md-n5,.mx-md-n5{margin-left:-3rem !important}.m-md-auto{margin:auto !important}.mt-md-auto,.my-md-auto{margin-top:auto !important}.mr-md-auto,.mx-md-auto{margin-right:auto !important}.mb-md-auto,.my-md-auto{margin-bottom:auto !important}.ml-md-auto,.mx-md-auto{margin-left:auto !important}}@media(min-width: 992px){.m-lg-0{margin:0 !important}.mt-lg-0,.my-lg-0{margin-top:0 !important}.mr-lg-0,.mx-lg-0{margin-right:0 !important}.mb-lg-0,.my-lg-0{margin-bottom:0 !important}.ml-lg-0,.mx-lg-0{margin-left:0 !important}.m-lg-1{margin:.25rem !important}.mt-lg-1,.my-lg-1{margin-top:.25rem !important}.mr-lg-1,.mx-lg-1{margin-right:.25rem !important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem !important}.ml-lg-1,.mx-lg-1{margin-left:.25rem !important}.m-lg-2{margin:.5rem !important}.mt-lg-2,.my-lg-2{margin-top:.5rem !important}.mr-lg-2,.mx-lg-2{margin-right:.5rem !important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem !important}.ml-lg-2,.mx-lg-2{margin-left:.5rem !important}.m-lg-3{margin:1rem !important}.mt-lg-3,.my-lg-3{margin-top:1rem !important}.mr-lg-3,.mx-lg-3{margin-right:1rem !important}.mb-lg-3,.my-lg-3{margin-bottom:1rem !important}.ml-lg-3,.mx-lg-3{margin-left:1rem !important}.m-lg-4{margin:1.5rem !important}.mt-lg-4,.my-lg-4{margin-top:1.5rem !important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem !important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem !important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem !important}.m-lg-5{margin:3rem !important}.mt-lg-5,.my-lg-5{margin-top:3rem !important}.mr-lg-5,.mx-lg-5{margin-right:3rem !important}.mb-lg-5,.my-lg-5{margin-bottom:3rem !important}.ml-lg-5,.mx-lg-5{margin-left:3rem !important}.p-lg-0{padding:0 !important}.pt-lg-0,.py-lg-0{padding-top:0 !important}.pr-lg-0,.px-lg-0{padding-right:0 !important}.pb-lg-0,.py-lg-0{padding-bottom:0 !important}.pl-lg-0,.px-lg-0{padding-left:0 !important}.p-lg-1{padding:.25rem !important}.pt-lg-1,.py-lg-1{padding-top:.25rem !important}.pr-lg-1,.px-lg-1{padding-right:.25rem !important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem !important}.pl-lg-1,.px-lg-1{padding-left:.25rem !important}.p-lg-2{padding:.5rem !important}.pt-lg-2,.py-lg-2{padding-top:.5rem !important}.pr-lg-2,.px-lg-2{padding-right:.5rem !important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem !important}.pl-lg-2,.px-lg-2{padding-left:.5rem !important}.p-lg-3{padding:1rem !important}.pt-lg-3,.py-lg-3{padding-top:1rem !important}.pr-lg-3,.px-lg-3{padding-right:1rem !important}.pb-lg-3,.py-lg-3{padding-bottom:1rem !important}.pl-lg-3,.px-lg-3{padding-left:1rem !important}.p-lg-4{padding:1.5rem !important}.pt-lg-4,.py-lg-4{padding-top:1.5rem !important}.pr-lg-4,.px-lg-4{padding-right:1.5rem !important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem !important}.pl-lg-4,.px-lg-4{padding-left:1.5rem !important}.p-lg-5{padding:3rem !important}.pt-lg-5,.py-lg-5{padding-top:3rem !important}.pr-lg-5,.px-lg-5{padding-right:3rem !important}.pb-lg-5,.py-lg-5{padding-bottom:3rem !important}.pl-lg-5,.px-lg-5{padding-left:3rem !important}.m-lg-n1{margin:-0.25rem !important}.mt-lg-n1,.my-lg-n1{margin-top:-0.25rem !important}.mr-lg-n1,.mx-lg-n1{margin-right:-0.25rem !important}.mb-lg-n1,.my-lg-n1{margin-bottom:-0.25rem !important}.ml-lg-n1,.mx-lg-n1{margin-left:-0.25rem !important}.m-lg-n2{margin:-0.5rem !important}.mt-lg-n2,.my-lg-n2{margin-top:-0.5rem !important}.mr-lg-n2,.mx-lg-n2{margin-right:-0.5rem !important}.mb-lg-n2,.my-lg-n2{margin-bottom:-0.5rem !important}.ml-lg-n2,.mx-lg-n2{margin-left:-0.5rem !important}.m-lg-n3{margin:-1rem !important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem !important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem !important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem !important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem !important}.m-lg-n4{margin:-1.5rem !important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem !important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem !important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem !important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem !important}.m-lg-n5{margin:-3rem !important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem !important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem !important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem !important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem !important}.m-lg-auto{margin:auto !important}.mt-lg-auto,.my-lg-auto{margin-top:auto !important}.mr-lg-auto,.mx-lg-auto{margin-right:auto !important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto !important}.ml-lg-auto,.mx-lg-auto{margin-left:auto !important}}@media(min-width: 1200px){.m-xl-0{margin:0 !important}.mt-xl-0,.my-xl-0{margin-top:0 !important}.mr-xl-0,.mx-xl-0{margin-right:0 !important}.mb-xl-0,.my-xl-0{margin-bottom:0 !important}.ml-xl-0,.mx-xl-0{margin-left:0 !important}.m-xl-1{margin:.25rem !important}.mt-xl-1,.my-xl-1{margin-top:.25rem !important}.mr-xl-1,.mx-xl-1{margin-right:.25rem !important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem !important}.ml-xl-1,.mx-xl-1{margin-left:.25rem !important}.m-xl-2{margin:.5rem !important}.mt-xl-2,.my-xl-2{margin-top:.5rem !important}.mr-xl-2,.mx-xl-2{margin-right:.5rem !important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem !important}.ml-xl-2,.mx-xl-2{margin-left:.5rem !important}.m-xl-3{margin:1rem !important}.mt-xl-3,.my-xl-3{margin-top:1rem !important}.mr-xl-3,.mx-xl-3{margin-right:1rem !important}.mb-xl-3,.my-xl-3{margin-bottom:1rem !important}.ml-xl-3,.mx-xl-3{margin-left:1rem !important}.m-xl-4{margin:1.5rem !important}.mt-xl-4,.my-xl-4{margin-top:1.5rem !important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem !important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem !important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem !important}.m-xl-5{margin:3rem !important}.mt-xl-5,.my-xl-5{margin-top:3rem !important}.mr-xl-5,.mx-xl-5{margin-right:3rem !important}.mb-xl-5,.my-xl-5{margin-bottom:3rem !important}.ml-xl-5,.mx-xl-5{margin-left:3rem !important}.p-xl-0{padding:0 !important}.pt-xl-0,.py-xl-0{padding-top:0 !important}.pr-xl-0,.px-xl-0{padding-right:0 !important}.pb-xl-0,.py-xl-0{padding-bottom:0 !important}.pl-xl-0,.px-xl-0{padding-left:0 !important}.p-xl-1{padding:.25rem !important}.pt-xl-1,.py-xl-1{padding-top:.25rem !important}.pr-xl-1,.px-xl-1{padding-right:.25rem !important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem !important}.pl-xl-1,.px-xl-1{padding-left:.25rem !important}.p-xl-2{padding:.5rem !important}.pt-xl-2,.py-xl-2{padding-top:.5rem !important}.pr-xl-2,.px-xl-2{padding-right:.5rem !important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem !important}.pl-xl-2,.px-xl-2{padding-left:.5rem !important}.p-xl-3{padding:1rem !important}.pt-xl-3,.py-xl-3{padding-top:1rem !important}.pr-xl-3,.px-xl-3{padding-right:1rem !important}.pb-xl-3,.py-xl-3{padding-bottom:1rem !important}.pl-xl-3,.px-xl-3{padding-left:1rem !important}.p-xl-4{padding:1.5rem !important}.pt-xl-4,.py-xl-4{padding-top:1.5rem !important}.pr-xl-4,.px-xl-4{padding-right:1.5rem !important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem !important}.pl-xl-4,.px-xl-4{padding-left:1.5rem !important}.p-xl-5{padding:3rem !important}.pt-xl-5,.py-xl-5{padding-top:3rem !important}.pr-xl-5,.px-xl-5{padding-right:3rem !important}.pb-xl-5,.py-xl-5{padding-bottom:3rem !important}.pl-xl-5,.px-xl-5{padding-left:3rem !important}.m-xl-n1{margin:-0.25rem !important}.mt-xl-n1,.my-xl-n1{margin-top:-0.25rem !important}.mr-xl-n1,.mx-xl-n1{margin-right:-0.25rem !important}.mb-xl-n1,.my-xl-n1{margin-bottom:-0.25rem !important}.ml-xl-n1,.mx-xl-n1{margin-left:-0.25rem !important}.m-xl-n2{margin:-0.5rem !important}.mt-xl-n2,.my-xl-n2{margin-top:-0.5rem !important}.mr-xl-n2,.mx-xl-n2{margin-right:-0.5rem !important}.mb-xl-n2,.my-xl-n2{margin-bottom:-0.5rem !important}.ml-xl-n2,.mx-xl-n2{margin-left:-0.5rem !important}.m-xl-n3{margin:-1rem !important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem !important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem !important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem !important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem !important}.m-xl-n4{margin:-1.5rem !important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem !important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem !important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem !important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem !important}.m-xl-n5{margin:-3rem !important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem !important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem !important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem !important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem !important}.m-xl-auto{margin:auto !important}.mt-xl-auto,.my-xl-auto{margin-top:auto !important}.mr-xl-auto,.mx-xl-auto{margin-right:auto !important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto !important}.ml-xl-auto,.mx-xl-auto{margin-left:auto !important}}@media(min-width: 1400px){.m-xxl-0{margin:0 !important}.mt-xxl-0,.my-xxl-0{margin-top:0 !important}.mr-xxl-0,.mx-xxl-0{margin-right:0 !important}.mb-xxl-0,.my-xxl-0{margin-bottom:0 !important}.ml-xxl-0,.mx-xxl-0{margin-left:0 !important}.m-xxl-1{margin:.25rem !important}.mt-xxl-1,.my-xxl-1{margin-top:.25rem !important}.mr-xxl-1,.mx-xxl-1{margin-right:.25rem !important}.mb-xxl-1,.my-xxl-1{margin-bottom:.25rem !important}.ml-xxl-1,.mx-xxl-1{margin-left:.25rem !important}.m-xxl-2{margin:.5rem !important}.mt-xxl-2,.my-xxl-2{margin-top:.5rem !important}.mr-xxl-2,.mx-xxl-2{margin-right:.5rem !important}.mb-xxl-2,.my-xxl-2{margin-bottom:.5rem !important}.ml-xxl-2,.mx-xxl-2{margin-left:.5rem !important}.m-xxl-3{margin:1rem !important}.mt-xxl-3,.my-xxl-3{margin-top:1rem !important}.mr-xxl-3,.mx-xxl-3{margin-right:1rem !important}.mb-xxl-3,.my-xxl-3{margin-bottom:1rem !important}.ml-xxl-3,.mx-xxl-3{margin-left:1rem !important}.m-xxl-4{margin:1.5rem !important}.mt-xxl-4,.my-xxl-4{margin-top:1.5rem !important}.mr-xxl-4,.mx-xxl-4{margin-right:1.5rem !important}.mb-xxl-4,.my-xxl-4{margin-bottom:1.5rem !important}.ml-xxl-4,.mx-xxl-4{margin-left:1.5rem !important}.m-xxl-5{margin:3rem !important}.mt-xxl-5,.my-xxl-5{margin-top:3rem !important}.mr-xxl-5,.mx-xxl-5{margin-right:3rem !important}.mb-xxl-5,.my-xxl-5{margin-bottom:3rem !important}.ml-xxl-5,.mx-xxl-5{margin-left:3rem !important}.p-xxl-0{padding:0 !important}.pt-xxl-0,.py-xxl-0{padding-top:0 !important}.pr-xxl-0,.px-xxl-0{padding-right:0 !important}.pb-xxl-0,.py-xxl-0{padding-bottom:0 !important}.pl-xxl-0,.px-xxl-0{padding-left:0 !important}.p-xxl-1{padding:.25rem !important}.pt-xxl-1,.py-xxl-1{padding-top:.25rem !important}.pr-xxl-1,.px-xxl-1{padding-right:.25rem !important}.pb-xxl-1,.py-xxl-1{padding-bottom:.25rem !important}.pl-xxl-1,.px-xxl-1{padding-left:.25rem !important}.p-xxl-2{padding:.5rem !important}.pt-xxl-2,.py-xxl-2{padding-top:.5rem !important}.pr-xxl-2,.px-xxl-2{padding-right:.5rem !important}.pb-xxl-2,.py-xxl-2{padding-bottom:.5rem !important}.pl-xxl-2,.px-xxl-2{padding-left:.5rem !important}.p-xxl-3{padding:1rem !important}.pt-xxl-3,.py-xxl-3{padding-top:1rem !important}.pr-xxl-3,.px-xxl-3{padding-right:1rem !important}.pb-xxl-3,.py-xxl-3{padding-bottom:1rem !important}.pl-xxl-3,.px-xxl-3{padding-left:1rem !important}.p-xxl-4{padding:1.5rem !important}.pt-xxl-4,.py-xxl-4{padding-top:1.5rem !important}.pr-xxl-4,.px-xxl-4{padding-right:1.5rem !important}.pb-xxl-4,.py-xxl-4{padding-bottom:1.5rem !important}.pl-xxl-4,.px-xxl-4{padding-left:1.5rem !important}.p-xxl-5{padding:3rem !important}.pt-xxl-5,.py-xxl-5{padding-top:3rem !important}.pr-xxl-5,.px-xxl-5{padding-right:3rem !important}.pb-xxl-5,.py-xxl-5{padding-bottom:3rem !important}.pl-xxl-5,.px-xxl-5{padding-left:3rem !important}.m-xxl-n1{margin:-0.25rem !important}.mt-xxl-n1,.my-xxl-n1{margin-top:-0.25rem !important}.mr-xxl-n1,.mx-xxl-n1{margin-right:-0.25rem !important}.mb-xxl-n1,.my-xxl-n1{margin-bottom:-0.25rem !important}.ml-xxl-n1,.mx-xxl-n1{margin-left:-0.25rem !important}.m-xxl-n2{margin:-0.5rem !important}.mt-xxl-n2,.my-xxl-n2{margin-top:-0.5rem !important}.mr-xxl-n2,.mx-xxl-n2{margin-right:-0.5rem !important}.mb-xxl-n2,.my-xxl-n2{margin-bottom:-0.5rem !important}.ml-xxl-n2,.mx-xxl-n2{margin-left:-0.5rem !important}.m-xxl-n3{margin:-1rem !important}.mt-xxl-n3,.my-xxl-n3{margin-top:-1rem !important}.mr-xxl-n3,.mx-xxl-n3{margin-right:-1rem !important}.mb-xxl-n3,.my-xxl-n3{margin-bottom:-1rem !important}.ml-xxl-n3,.mx-xxl-n3{margin-left:-1rem !important}.m-xxl-n4{margin:-1.5rem !important}.mt-xxl-n4,.my-xxl-n4{margin-top:-1.5rem !important}.mr-xxl-n4,.mx-xxl-n4{margin-right:-1.5rem !important}.mb-xxl-n4,.my-xxl-n4{margin-bottom:-1.5rem !important}.ml-xxl-n4,.mx-xxl-n4{margin-left:-1.5rem !important}.m-xxl-n5{margin:-3rem !important}.mt-xxl-n5,.my-xxl-n5{margin-top:-3rem !important}.mr-xxl-n5,.mx-xxl-n5{margin-right:-3rem !important}.mb-xxl-n5,.my-xxl-n5{margin-bottom:-3rem !important}.ml-xxl-n5,.mx-xxl-n5{margin-left:-3rem !important}.m-xxl-auto{margin:auto !important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto !important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto !important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto !important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto !important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important}.text-justify{text-align:justify !important}.text-wrap{white-space:normal !important}.text-nowrap{white-space:nowrap !important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}@media(min-width: 576px){.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}.text-sm-center{text-align:center !important}}@media(min-width: 768px){.text-md-left{text-align:left !important}.text-md-right{text-align:right !important}.text-md-center{text-align:center !important}}@media(min-width: 992px){.text-lg-left{text-align:left !important}.text-lg-right{text-align:right !important}.text-lg-center{text-align:center !important}}@media(min-width: 1200px){.text-xl-left{text-align:left !important}.text-xl-right{text-align:right !important}.text-xl-center{text-align:center !important}}@media(min-width: 1400px){.text-xxl-left{text-align:left !important}.text-xxl-right{text-align:right !important}.text-xxl-center{text-align:center !important}}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.text-capitalize{text-transform:capitalize !important}.font-weight-light{font-weight:300 !important}.font-weight-lighter{font-weight:lighter !important}.font-weight-normal{font-weight:400 !important}.font-weight-bold{font-weight:700 !important}.font-weight-bolder{font-weight:bolder !important}.font-italic{font-style:italic !important}.text-white{color:#fff !important}.text-primary{color:#990ae3 !important}a.text-primary:hover,a.text-primary:focus{color:rgb(103.6139240506,6.7721518987,153.7278481013) !important}.text-secondary{color:#6c757d !important}a.text-secondary:hover,a.text-secondary:focus{color:rgb(72.5407725322,78.5858369099,83.9592274678) !important}.text-success{color:#099 !important}a.text-success:hover,a.text-success:focus{color:rgb(0,76.5,76.5) !important}.text-info{color:#09f !important}a.text-info:hover,a.text-info:focus{color:hsl(204,100%,35%) !important}.text-warning{color:#ff9b00 !important}a.text-warning:hover,a.text-warning:focus{color:rgb(178.5,108.5,0) !important}.text-danger{color:#e4175c !important}a.text-danger:hover,a.text-danger:focus{color:rgb(158.5099601594,15.9900398406,63.9601593625) !important}.text-light{color:#f8f9fa !important}a.text-light:hover,a.text-light:focus{color:rgb(203.375,210.75,218.125) !important}.text-dark{color:#343a40 !important}a.text-dark:hover,a.text-dark:focus{color:hsl(210,10.3448275862%,7.7450980392%) !important}.text-body{color:#212529 !important}.text-muted{color:#a0a0a0 !important}.text-black-50{color:rgba(34,34,34,.5) !important}.text-white-50{color:hsla(0,0%,100%,.5) !important}.text-hide{font:0/0 a;color:rgba(0,0,0,0);text-shadow:none;background-color:rgba(0,0,0,0);border:0}.text-decoration-none{text-decoration:none !important}.text-break{word-break:break-word !important;word-wrap:break-word !important}.text-reset{color:inherit !important}.visible{visibility:visible !important}.invisible{visibility:hidden !important}.btn{font-weight:500}.btn-default{text-transform:uppercase}.btn-default,.btn-default.disabled,.btn-default:disabled,.btn-default:hover,.btn-default.hover{color:#990ae3;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.btn-default .btn-caret{fill:#990ae3}.btn-default:hover,.btn-default.hover{color:rgb(194.3924050633,91.2151898734,247.7848101266)}.btn-default:hover .btn-caret,.btn-default.hover .btn-caret{fill:rgb(194.3924050633,91.2151898734,247.7848101266)}.btn-primary{text-transform:uppercase}.btn-primary.disabled,.btn-primary:disabled{color:#595959;background-color:#f2f2f2;border-color:rgba(0,0,0,0)}.btn-primary:hover,.btn-primary.hover{color:#fff;background-color:#642d96;border-color:rgba(0,0,0,0)}.btn-secondary{text-transform:uppercase}.btn-secondary,.btn-secondary.disabled,.btn-secondary:disabled,.btn-secondary:hover,.btn-secondary.hover{color:#990ae3;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.btn-secondary .btn-caret{fill:#990ae3}.btn-secondary:hover,.btn-secondary.hover{color:rgb(194.3924050633,91.2151898734,247.7848101266)}.btn-secondary:hover .btn-caret,.btn-secondary.hover .btn-caret{fill:rgb(194.3924050633,91.2151898734,247.7848101266)}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{color:rgb(87.1518987342,5.6962025316,129.3037974684);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.btn-secondary:focus,.btn-secondary.focus{box-shadow:0 0 0 .2rem rgba(26,100,228,.25)}.btn-link .btn-caret{fill:#990ae3}.btn-link:hover .btn-caret,.btn-link.hover .btn-caret{fill:rgb(103.6139240506,6.7721518987,153.7278481013)}.btn-caret{transform:translateY(-1px)}.btn-primary>svg{fill:#fff}.btn .btn.disabled,.btn .btn:disabled{opacity:.6}.btn-rounded{border-radius:2.5rem}.btn-uppercase{text-transform:uppercase}.input-group>input{border-radius:4px}.input-group-prepend{border-right:0;margin-right:0}.input-group-prepend+.form-control{border-left:0}.input-group-prepend>.input-group-text{background-color:#fff;border-right:0;padding-left:0;padding-right:0;color:#888;font-size:1.2rem;line-height:1.1;border-top-left-radius:4px;border-bottom-left-radius:4px}.input-group-prepend>.input-group-text .Icon{border-right:1px solid #bed1d8}.input-group.disabled{background-color:#e9ecef}.input-group.disabled .input-group-text.Icon{background-color:#e9ecef}.input-group .form-text{width:100%;font-size:small}.input-group-append>.input-group-text{border-left:0;background-color:inherit}.input-group.isAppended>input{border-right:0}.input-group.error>input{border-color:#ff3264}.input-group.error>.input-group-append>.input-group-text{border-color:#ff3264;color:#ff3264}.input-group.success>input{border-color:#099}.input-group.success>.input-group-append>.input-group-text{border-color:#099;color:#099}.alert{padding:.3rem .8rem;line-height:1.3}.alert.Icon{padding-left:40px}.alert.Icon::before{position:absolute;top:50%;left:9px;transform:translateY(-50%);font-size:21px}.alert-secondary{background-color:#f9f9f9;border-color:#f2f2f2;color:#595959;font-size:.9rem}.badge{border-radius:1px;font-weight:normal;font-size:15px;font-weight:normal;font-style:normal;line-height:1.4}.badge-dark{color:#fdfdfe}.p-grid{padding:24px}.px-grid{padding-left:24px;padding-right:24px}.py-grid{padding-top:24px;padding-bottom:24px}.pl-grid{padding-left:24px}.pr-grid{padding-right:24px}.m-grid{margin:24px}.mx-grid{margin-left:24px;margin-right:24px}.my-grid{margin-top:24px;margin-bottom:24px}.ml-grid{margin-left:24px}.mr-grid{margin-right:24px}.modal-footer{padding:1rem 1.5rem}.modal-footer>*{margin:0}.dropdown-menu{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px 0 rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.14);margin-top:14px}.dropdown-item,.dropdown-header{display:flex;align-items:center;color:#595959;padding:.75rem .5rem;font-size:14px;line-height:21px}.dropdown-item:active,.dropdown-item.active,.dropdown-header:active,.dropdown-header.active{color:#222;background-color:rgba(0,0,0,0)}.dropdown-item .Icon,.dropdown-header .Icon{width:1rem;height:1rem;margin-right:.5rem}.dropdown-item .Button .Icon,.dropdown-header .Button .Icon{margin-right:0}.dropdown-item.purple,.dropdown-header.purple{color:#990ae3;font-weight:600}.dropdown-item.purple:hover{background-color:rgb(248.88,240.3,253.32)}.dropdown-header:focus{outline:none}.dropdown-divider{margin:0}textarea:focus,button:focus,button:focus:active,input:focus,input:focus~div.RadioButton-outer,input:focus~div.Checkbox-hover>.Checkbox-input,a:focus,div:focus,ul:focus,li:focus,tr:focus,th:focus,.btn-secondary:focus,.btn-secondary:focus:active,.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus,.uneditable-input:focus{box-shadow:0 0 0 .2rem rgba(153,10,227,.5);outline:0 none}body.noscroll{overflow:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}body.noscroll::-webkit-scrollbar{display:none}body:not(.user-is-tabbing) textarea:focus,body:not(.user-is-tabbing) button:focus,body:not(.user-is-tabbing) button:focus:active,body:not(.user-is-tabbing) input:focus,body:not(.user-is-tabbing) input:focus~div.RadioButton-outer,body:not(.user-is-tabbing) input:focus~div.Checkbox-hover>.Checkbox-input,body:not(.user-is-tabbing) a:focus,body:not(.user-is-tabbing) html:focus,body:not(.user-is-tabbing) div:focus,body:not(.user-is-tabbing) ul:focus,body:not(.user-is-tabbing) li:focus,body:not(.user-is-tabbing) tr:focus,body:not(.user-is-tabbing) th:focus,body:not(.user-is-tabbing) .btn-secondary:focus,body:not(.user-is-tabbing) .btn-secondary:focus:active,body:not(.user-is-tabbing) .btn-secondary:not(:disabled):not(.disabled):active:focus,body:not(.user-is-tabbing) .btn-secondary:not(:disabled):not(.disabled).active:focus,body:not(.user-is-tabbing) .show>.btn-secondary.dropdown-toggle:focus,body:not(.user-is-tabbing) .uneditable-input:focus{box-shadow:none;outline:none}@font-face{font-family:"Pebble";src:url(/static/media/Pebble_W_Rg.97d43a41.eot?#iefix);src:url(/static/media/Pebble_W_Rg.97d43a41.eot?#iefix) format("eot"),url(/static/media/Pebble_W_Rg.1ad42d23.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Neue Helvetica eText W01";src:url(/static/media/e0781a75-0ecb-464e-b6e9-85780ddc0921.ce5e36a2.eot?#iefix);src:url(/static/media/e0781a75-0ecb-464e-b6e9-85780ddc0921.ce5e36a2.eot?#iefix) format("eot"),url(/static/media/b8765d4b-d9a3-48b9-ac65-560e7517cf0e.4729c6d7.woff2) format("woff2"),url(/static/media/d7d2e6c6-fc3a-41a5-9b52-648e12e215b2.cf1b7ef2.woff) format("woff"),url(/static/media/cb64744b-d0f7-4ef8-a790-b60d6e3e4f21.35aa0453.ttf) format("truetype"),url(/static/media/ccde919e-a712-41ef-b90f-9efc47661659.e9bcf0aa.svg#ccde919e-a712-41ef-b90f-9efc47661659) format("svg");font-weight:300;font-style:normal}@font-face{font-family:"Neue Helvetica eText W01";src:url(/static/media/706ec8e5-fe4a-4518-91a6-7aba4d3d333f.7ebd9a96.eot?#iefix);src:url(/static/media/706ec8e5-fe4a-4518-91a6-7aba4d3d333f.7ebd9a96.eot?#iefix) format("eot"),url(/static/media/dc50c02f-3f77-4e75-b89c-e3f9bb4752e6.4db5307d.woff2) format("woff2"),url(/static/media/ce6f5b38-1cb5-4a27-8182-583aa68b2436.4cdc4236.woff) format("woff"),url(/static/media/ff06cde7-e06a-4cf0-af4d-5b2f737bf544.ff10db6b.ttf) format("truetype"),url(/static/media/958b12cf-2908-4254-8cb9-9b12c3aa151e.007e5db4.svg#958b12cf-2908-4254-8cb9-9b12c3aa151e) format("svg");font-weight:400;font-style:normal}@font-face{font-family:"Neue Helvetica eText W01";src:url(/static/media/5935d076-bd6d-4ca4-b995-d739ffa09754.0e4cbafb.eot?#iefix);src:url(/static/media/5935d076-bd6d-4ca4-b995-d739ffa09754.0e4cbafb.eot?#iefix) format("eot"),url(/static/media/56e66f56-3016-44fd-84b2-8e40d9743656.27687cb2.woff2) format("woff2"),url(/static/media/4d65bb6f-e667-4bd0-8e92-34e67bf6ac8b.e67f868a.woff) format("woff"),url(/static/media/86631d82-6e27-4db2-988a-6b79a6c0d8ed.366a68d7.ttf) format("truetype"),url(/static/media/205c950e-e47f-4d97-9738-0a68edc4258d.311866c7.svg#205c950e-e47f-4d97-9738-0a68edc4258d) format("svg");font-weight:400;font-style:italic}@font-face{font-family:"Neue Helvetica eText W01";src:url(/static/media/a747e1ea-ecdf-4f3d-ad47-3df9cfbee3cc.731d1106.eot?#iefix);src:url(/static/media/a747e1ea-ecdf-4f3d-ad47-3df9cfbee3cc.731d1106.eot?#iefix) format("eot"),url(/static/media/3e8a8b56-3cb0-4347-b670-eaaf06b76e9b.0a912a31.woff2) format("woff2"),url(/static/media/07173950-fa69-4b65-9c71-0cf2ec00b51d.045facb7.woff) format("woff"),url(/static/media/aac5a4b8-ffd3-4529-a098-21b91bc86f9a.2f88e7d1.ttf) format("truetype"),url(/static/media/2379b081-2371-47d9-8be9-4e39d7892ebf.7fac1929.svg#2379b081-2371-47d9-8be9-4e39d7892ebf) format("svg");font-weight:500;font-style:normal}@font-face{font-family:"Neue Helvetica eText W01";src:url(/static/media/a95d2895-fa71-4ce7-bc1e-631169924be3.6b3b44ea.eot?#iefix);src:url(/static/media/a95d2895-fa71-4ce7-bc1e-631169924be3.6b3b44ea.eot?#iefix) format("eot"),url(/static/media/6dfa3ef5-ebc5-4d23-a631-b3d746c2ad39.232b42d7.woff2) format("woff2"),url(/static/media/588c9ba8-1d28-4ad6-bf18-7128152d84c4.70088ee8.woff) format("woff"),url(/static/media/55334dfb-9c72-4147-8de0-21239f17ff25.8eef9bc5.ttf) format("truetype"),url(/static/media/62455047-c81f-44f1-8938-7739fa0f0e8d.ced29c21.svg#62455047-c81f-44f1-8938-7739fa0f0e8d) format("svg");font-weight:700;font-style:normal}@font-face{font-family:"Neue Helvetica W01";src:url(/static/media/41774233-b9da-44be-b252-6a7b612fb1c7.cf068f23.eot?#iefix);src:url(/static/media/41774233-b9da-44be-b252-6a7b612fb1c7.cf068f23.eot?#iefix) format("eot"),url(/static/media/9baef9a5-e2af-4838-a3bc-da9d36c0bde8.d8dc0f74.woff2) format("woff2"),url(/static/media/4bff1fbb-b4bf-4d95-9c47-efcb14384e36.6fbfaf3e.woff) format("woff"),url(/static/media/7f1f2a7d-3837-4c93-b373-f03c5da3f9a1.cd02a238.ttf) format("truetype"),url(/static/media/d9f2752a-8d82-4cf1-b82f-109c1105be7f.3a4cc9e3.svg#d9f2752a-8d82-4cf1-b82f-109c1105be7f) format("svg");font-weight:100;font-style:normal}@font-face{font-family:"Neue Helvetica W01";src:url(/static/media/56be84de-9d60-4089-8df0-0ea6ec786b84.bcccf029.eot?#iefix);src:url(/static/media/56be84de-9d60-4089-8df0-0ea6ec786b84.bcccf029.eot?#iefix) format("eot"),url(/static/media/aff68211-86bb-476d-882e-f7a3face144c.929eac69.woff2) format("woff2"),url(/static/media/50d35bbc-dfd4-48f1-af16-cf058f69421d.0e04c93f.woff) format("woff"),url(/static/media/278bef59-6be1-4800-b5ac-1f769ab47430.871a1bad.ttf) format("truetype"),url(/static/media/2e309b1b-08b8-477f-bc9e-7067cf0af0b3.9a4305de.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3) format("svg");font-weight:300;font-style:normal}@font-face{font-family:"Neue Helvetica W01";src:url(/static/media/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.716a9299.eot?#iefix);src:url(/static/media/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.716a9299.eot?#iefix) format("eot"),url(/static/media/b0868b4c-234e-47d3-bc59-41ab9de3c0db.175966ad.woff2) format("woff2"),url(/static/media/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.8e7a4343.woff) format("woff"),url(/static/media/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.bdda4dbd.ttf) format("truetype"),url(/static/media/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.713d484d.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9) format("svg");font-weight:400;font-style:normal}@font-face{font-family:"Neue Helvetica W01";src:url(/static/media/07fe0fec-b63f-4963-8ee1-535528b67fdb.13e4fceb.eot?#iefix);src:url(/static/media/07fe0fec-b63f-4963-8ee1-535528b67fdb.13e4fceb.eot?#iefix) format("eot"),url(/static/media/3600b37f-2bf1-45f3-be3a-03365f16d9cb.bc69d60c.woff2) format("woff2"),url(/static/media/60be5c39-863e-40cb-9434-6ebafb62ab2b.421a9618.woff) format("woff"),url(/static/media/4c6503c9-859b-4d3b-a1d5-2d42e1222415.b13c6660.ttf) format("truetype"),url(/static/media/36c182c6-ef98-4021-9b0d-d63122c2bbf5.8f4e196f.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5) format("svg");font-weight:600;font-style:normal}@font-face{font-family:"Neue Helvetica W01";src:url(/static/media/c07fef9e-a934-42d7-92ad-69205f2b8a00.f05bc7ca.eot?#iefix);src:url(/static/media/c07fef9e-a934-42d7-92ad-69205f2b8a00.f05bc7ca.eot?#iefix) format("eot"),url(/static/media/3b303641-706e-4221-94c4-4fb491f4f8ef.4622c999.woff2) format("woff2"),url(/static/media/14ff6081-326d-4dae-b778-d7afa66166fc.f1fe5288.woff) format("woff"),url(/static/media/8fda1e47-19be-46c7-8d83-8d4fb35572f0.872fba35.ttf) format("truetype"),url(/static/media/f751c8ae-1057-46d9-8d74-62592e002568.c3ed1bad.svg#f751c8ae-1057-46d9-8d74-62592e002568) format("svg");font-weight:700;font-style:normal}@font-face{font-family:"Neue Helvetica W01";src:url(/static/media/bb37f770-d450-4f24-af2b-3a81bf640315.9858b3cf.eot?#iefix);src:url(/static/media/bb37f770-d450-4f24-af2b-3a81bf640315.9858b3cf.eot?#iefix) format("eot"),url(/static/media/350011f3-eda3-421c-b757-87d55f1e2c04.b7e1525b.woff2) format("woff2"),url(/static/media/a0d9d2cb-f057-4e8d-a957-27853630f58e.15f4e1c3.woff) format("woff"),url(/static/media/54085041-5049-4b91-939c-49980c66abab.1f061349.ttf) format("truetype"),url(/static/media/7a48747c-74f2-49a8-bb65-1c522d4aa618.c6cc6a21.svg#7a48747c-74f2-49a8-bb65-1c522d4aa618) format("svg");font-weight:800;font-style:normal}h1{font-family:"Pebble",sans-serif;font-size:40px;line-height:40px;text-transform:uppercase;font-weight:400;color:#990ae3}h2{font-family:"Pebble",sans-serif;font-size:34px;line-height:34px;text-transform:uppercase;font-weight:400}h3{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:28px;line-height:34px;font-weight:400}small{font-size:14px;line-height:21px}.mega{font-family:"Pebble",sans-serif;font-size:64px;line-height:64px;text-transform:uppercase;font-weight:400;color:#990ae3}.h1{font-family:"Pebble",sans-serif;font-size:40px;line-height:40px;text-transform:uppercase;font-weight:400;color:#990ae3}.h2{font-family:"Pebble",sans-serif;font-size:34px;line-height:34px;text-transform:uppercase;font-weight:400}.h3{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:28px;line-height:34px;font-weight:400}.preamble{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:22px;line-height:30px;font-weight:400}.mediumBold{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:18px;line-height:30px;font-weight:bold}.default{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;font-weight:400}.small{font-size:14px;line-height:21px}.font-pebble{font-family:"Pebble",sans-serif}.font-default{font-family:"TeliaSans","Neue Helvetica W01",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.Page-breadcrumbs{list-style-type:none;padding:0;margin:0}.Page-breadcrumbs>li{display:inline-block;font-size:18px;font-weight:400}.Page-breadcrumbs>li,.Page-breadcrumbs>li>a{color:#f2f2f2;transition:color .12s ease-in-out}.Page-breadcrumbs>li>a:hover{color:#f2f2f2;text-decoration:none}.Page-breadcrumbs>li.active{font-weight:500}.Page-breadcrumbs>li.active,.Page-breadcrumbs>li.active>a{color:#f2f2f2}.Page-breadcrumbs>li::before{content:"›";display:inline-block;padding:0 .5rem;font-weight:400;color:#f2f2f2}.Page-breadcrumbs>li:first-child::before{display:none}body{background-color:#fbfbfb;padding-right:0 !important}html,body,#root{height:100%}hr{border:0;height:1px;background-color:#ebebeb;width:100%;margin-top:1.5rem;margin-bottom:1.5rem}@keyframes Icon-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.Icon{height:1.5rem;width:1.5rem;fill:currentColor}.Icon--spin{animation:Icon-spin 2s infinite linear}.grey-dark-text{color:#595959}

/*# sourceMappingURL=main.188fc479.css.map*/