.superellipse{--mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewBox='0 0 200 200'%3E%3Cpath fill='%23000' d='M199.178 99.589q0 99.59-99.589 99.59Q0 199.179 0 99.589 0-.001 99.59 0q99.588 0 99.588 99.589'/%3E%3C/svg%3E") 0 0 /100% 100% no-repeat;-webkit-mask:var(--mask);mask:var(--mask)}