.today {
    mask: 
        radial-gradient(12.62px at calc(100% - 17.5px) 50%,#000 99%,#0000 101%) 0 calc(50% - 14px)/100% 28px,
        radial-gradient(12.62px at calc(100% + 10.5px) 50%,#0000 99%,#000 101%) calc(100% - 7px) 50%/100% 28px repeat-y;
    }   



.wave{
    position:relative;
}

.wave::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width:var(--next-width, 100%); /*the 100% is a fallback if next-width isn't declared for the strip. neat*/
  background-repeat: repeat;
  height: 10px;
  background-size: 20px 20px;
  background-image: radial-gradient(circle at 10px -5px, transparent 12px, var(--strip-color) 13px);
}

.wave::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width:var(--next-width, 100%);
  background-repeat: repeat;
  height: 15px;
  background-size: 40px 20px;
  background-image: radial-gradient(circle at 10px 15px, var(--strip-color) 12px, transparent 13px);
}