﻿.whats-new-feature-infocard-wrap.theme-red {
  background: linear-gradient(318deg, rgba(255, 127.5, 127.5, 0.05), rgba(255, 127.5, 127.5, 0.1));
}
.whats-new-feature-infocard-wrap.theme-red::before {
  background: radial-gradient(circle at 88% 8%, rgba(255, 0, 0, 0.03) 38%, transparent 5%), radial-gradient(circle at 90% 8%, rgba(255, 0, 0, 0.035) 31%, transparent 5%), radial-gradient(circle at 89% 9%, rgba(255, 0, 0, 0.038) 21%, transparent 5%), radial-gradient(circle at 19% 47%, rgba(255, 0, 0, 0.05) 2%, transparent 0%), radial-gradient(circle at 38% 66%, rgba(255, 0, 0, 0.05) 5%, transparent 0%), radial-gradient(circle at 48% 22%, rgba(255, 0, 0, 0.05) 2%, transparent 0%);
}
.whats-new-feature-infocard-wrap[isopened=true]::before {
  opacity: 0.5;
}
.whats-new-feature-infocard-wrap.theme-deepskyblue {
  background: linear-gradient(318deg, rgba(28.7, 168.2, 248.8, 0.05), rgba(28.7, 168.2, 248.8, 0.1));
}
.whats-new-feature-infocard-wrap.theme-deepskyblue::before {
  background: radial-gradient(circle at 88% 8%, rgba(4, 94, 146, 0.03) 38%, transparent 5%), radial-gradient(circle at 90% 8%, rgba(4, 94, 146, 0.035) 31%, transparent 5%), radial-gradient(circle at 89% 9%, rgba(4, 94, 146, 0.038) 21%, transparent 5%), radial-gradient(circle at 19% 47%, rgba(4, 94, 146, 0.05) 2%, transparent 0%), radial-gradient(circle at 38% 66%, rgba(4, 94, 146, 0.05) 5%, transparent 0%), radial-gradient(circle at 48% 22%, rgba(4, 94, 146, 0.05) 2%, transparent 0%);
}
.whats-new-feature-infocard-wrap[isopened=true]::before {
  opacity: 0.5;
}
.whats-new-feature-infocard-wrap.theme-orange {
  background: linear-gradient(318deg, rgba(255, 163.125, 76.5, 0.05), rgba(255, 163.125, 76.5, 0.1));
}
.whats-new-feature-infocard-wrap.theme-orange::before {
  background: radial-gradient(circle at 88% 8%, rgba(204, 99, 0, 0.03) 38%, transparent 5%), radial-gradient(circle at 90% 8%, rgba(204, 99, 0, 0.035) 31%, transparent 5%), radial-gradient(circle at 89% 9%, rgba(204, 99, 0, 0.038) 21%, transparent 5%), radial-gradient(circle at 19% 47%, rgba(204, 99, 0, 0.05) 2%, transparent 0%), radial-gradient(circle at 38% 66%, rgba(204, 99, 0, 0.05) 5%, transparent 0%), radial-gradient(circle at 48% 22%, rgba(204, 99, 0, 0.05) 2%, transparent 0%);
}
.whats-new-feature-infocard-wrap[isopened=true]::before {
  opacity: 0.5;
}
.whats-new-feature-infocard-wrap.theme-blue {
  background: linear-gradient(318deg, rgba(76.15, 131.8125, 251.35, 0.05), rgba(76.15, 131.8125, 251.35, 0.1));
}
.whats-new-feature-infocard-wrap.theme-blue::before {
  background: radial-gradient(circle at 88% 8%, rgba(4, 65, 196, 0.03) 38%, transparent 5%), radial-gradient(circle at 90% 8%, rgba(4, 65, 196, 0.035) 31%, transparent 5%), radial-gradient(circle at 89% 9%, rgba(4, 65, 196, 0.038) 21%, transparent 5%), radial-gradient(circle at 19% 47%, rgba(4, 65, 196, 0.05) 2%, transparent 0%), radial-gradient(circle at 38% 66%, rgba(4, 65, 196, 0.05) 5%, transparent 0%), radial-gradient(circle at 48% 22%, rgba(4, 65, 196, 0.05) 2%, transparent 0%);
}
.whats-new-feature-infocard-wrap[isopened=true]::before {
  opacity: 0.5;
}
.whats-new-feature-infocard-wrap.theme-mediumspringgreen {
  background: linear-gradient(318deg, rgba(6.3977272727, 253.1022727273, 158.2159090909, 0.05), rgba(6.3977272727, 253.1022727273, 158.2159090909, 0.1));
}
.whats-new-feature-infocard-wrap.theme-mediumspringgreen::before {
  background: radial-gradient(circle at 88% 8%, rgba(1, 131, 81, 0.03) 38%, transparent 5%), radial-gradient(circle at 90% 8%, rgba(1, 131, 81, 0.035) 31%, transparent 5%), radial-gradient(circle at 89% 9%, rgba(1, 131, 81, 0.038) 21%, transparent 5%), radial-gradient(circle at 19% 47%, rgba(1, 131, 81, 0.05) 2%, transparent 0%), radial-gradient(circle at 38% 66%, rgba(1, 131, 81, 0.05) 5%, transparent 0%), radial-gradient(circle at 48% 22%, rgba(1, 131, 81, 0.05) 2%, transparent 0%);
}
.whats-new-feature-infocard-wrap[isopened=true]::before {
  opacity: 0.5;
}
.whats-new-feature-infocard-wrap.theme-blueviolet {
  background: linear-gradient(318deg, rgba(183, 127.5, 255, 0.05), rgba(183, 127.5, 255, 0.1));
}
.whats-new-feature-infocard-wrap.theme-blueviolet::before {
  background: radial-gradient(circle at 88% 8%, rgba(111, 0, 255, 0.03) 38%, transparent 5%), radial-gradient(circle at 90% 8%, rgba(111, 0, 255, 0.035) 31%, transparent 5%), radial-gradient(circle at 89% 9%, rgba(111, 0, 255, 0.038) 21%, transparent 5%), radial-gradient(circle at 19% 47%, rgba(111, 0, 255, 0.05) 2%, transparent 0%), radial-gradient(circle at 38% 66%, rgba(111, 0, 255, 0.05) 5%, transparent 0%), radial-gradient(circle at 48% 22%, rgba(111, 0, 255, 0.05) 2%, transparent 0%);
}
.whats-new-feature-infocard-wrap[isopened=true]::before {
  opacity: 0.5;
}
.whats-new-feature-infocard-wrap.theme-deeppink {
  background: linear-gradient(318deg, rgba(255, 147.5, 205.5957446809, 0.05), rgba(255, 147.5, 205.5957446809, 0.1));
}
.whats-new-feature-infocard-wrap.theme-deeppink::before {
  background: radial-gradient(circle at 88% 8%, rgba(255, 20, 147, 0.03) 38%, transparent 5%), radial-gradient(circle at 90% 8%, rgba(255, 20, 147, 0.035) 31%, transparent 5%), radial-gradient(circle at 89% 9%, rgba(255, 20, 147, 0.038) 21%, transparent 5%), radial-gradient(circle at 19% 47%, rgba(255, 20, 147, 0.05) 2%, transparent 0%), radial-gradient(circle at 38% 66%, rgba(255, 20, 147, 0.05) 5%, transparent 0%), radial-gradient(circle at 48% 22%, rgba(255, 20, 147, 0.05) 2%, transparent 0%);
}
.whats-new-feature-infocard-wrap[isopened=true]::before {
  opacity: 0.5;
}
.whats-new-feature-infocard-wrap.theme-yellow {
  background: linear-gradient(318deg, rgba(255, 255, 127.5, 0.05), rgba(255, 255, 127.5, 0.1));
}
.whats-new-feature-infocard-wrap.theme-yellow::before {
  background: radial-gradient(circle at 88% 8%, rgba(255, 255, 0, 0.03) 38%, transparent 5%), radial-gradient(circle at 90% 8%, rgba(255, 255, 0, 0.035) 31%, transparent 5%), radial-gradient(circle at 89% 9%, rgba(255, 255, 0, 0.038) 21%, transparent 5%), radial-gradient(circle at 19% 47%, rgba(255, 255, 0, 0.05) 2%, transparent 0%), radial-gradient(circle at 38% 66%, rgba(255, 255, 0, 0.05) 5%, transparent 0%), radial-gradient(circle at 48% 22%, rgba(255, 255, 0, 0.05) 2%, transparent 0%);
}
.whats-new-feature-infocard-wrap[isopened=true]::before {
  opacity: 0.5;
}
.whats-new-feature-infocard-wrap.theme-midnightblue {
  background: linear-gradient(318deg, rgba(54.299270073, 54.299270073, 210.200729927, 0.05), rgba(54.299270073, 54.299270073, 210.200729927, 0.1));
}
.whats-new-feature-infocard-wrap.theme-midnightblue::before {
  background: radial-gradient(circle at 88% 8%, rgba(25, 25, 112, 0.03) 38%, transparent 5%), radial-gradient(circle at 90% 8%, rgba(25, 25, 112, 0.035) 31%, transparent 5%), radial-gradient(circle at 89% 9%, rgba(25, 25, 112, 0.038) 21%, transparent 5%), radial-gradient(circle at 19% 47%, rgba(25, 25, 112, 0.05) 2%, transparent 0%), radial-gradient(circle at 38% 66%, rgba(25, 25, 112, 0.05) 5%, transparent 0%), radial-gradient(circle at 48% 22%, rgba(25, 25, 112, 0.05) 2%, transparent 0%);
}
.whats-new-feature-infocard-wrap[isopened=true]::before {
  opacity: 0.5;
}
