/* stylelint-disable */
/* stylelint-enable */
.telia-notification {
  border-radius: calc(0.2rem * var(--voca-rem-multiplier));
  background-color: #ffffff;
  padding: calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) 0 calc(calc(2.4rem * var(--voca-rem-multiplier)) * 2 - calc(0.6rem * var(--voca-rem-multiplier)));
  position: relative;
  /* stylelint-disable -- Unexpected qualifying type selector */
}
.telia-notification slot[name=content] {
  display: block;
  margin-bottom: calc(1.6rem * var(--voca-rem-multiplier));
}
.telia-notification__icon {
  left: calc(-3.2rem * var(--voca-rem-multiplier));
  margin-right: calc(0.8rem * var(--voca-rem-multiplier));
  position: absolute;
}
.telia-notification__heading {
  align-items: center;
  display: flex;
  margin-bottom: calc(1.2rem * var(--voca-rem-multiplier));
  position: relative;
}
.telia-notification__hidden {
  visibility: hidden;
  opacity: 0;
  padding-left: calc(calc(2.4rem * var(--voca-rem-multiplier)) * 2);
  float: right;
}
.telia-notification__button {
  position: absolute;
  right: calc(1.6rem * var(--voca-rem-multiplier));
  top: 0;
}
.telia-notification__button .telia-button {
  color: #222222;
}
.telia-notification__button .telia-button:hover {
  color: #606064;
}
.telia-notification__button .telia-button:active {
  color: #48484b;
}
.telia-notification--success {
  border: calc(0.2rem * var(--voca-rem-multiplier)) solid #008641;
  border-left: calc(0.6rem * var(--voca-rem-multiplier)) solid #008641;
}
.telia-notification--success .telia-notification__icon {
  color: #008641;
}
.telia-notification--information {
  border: calc(0.2rem * var(--voca-rem-multiplier)) solid #007acc;
  border-left: calc(0.6rem * var(--voca-rem-multiplier)) solid #007acc;
}
.telia-notification--information .telia-notification__icon {
  color: #007acc;
}
.telia-notification--warning {
  border: calc(0.2rem * var(--voca-rem-multiplier)) solid #cc7c00;
  border-left: calc(0.6rem * var(--voca-rem-multiplier)) solid #cc7c00;
}
.telia-notification--warning .telia-notification__icon {
  color: #cc7c00;
}
.telia-notification--error {
  border: calc(0.2rem * var(--voca-rem-multiplier)) solid #be0040;
  border-left: calc(0.6rem * var(--voca-rem-multiplier)) solid #be0040;
}
.telia-notification--error .telia-notification__icon {
  color: #be0040;
}
.telia-notification--hidden {
  display: none;
}