/* HTML: <div class="scalloped-box"></div> */
.scalloped-box {
    --ldrcolor: var(--my-iconclr);
    --r: 30px; /* radius of circles */
    max-height: 430px;
    aspect-ratio: 1;
    padding: calc(2.5*var(--r));
    background: var(--ldrcolor);
    mask: linear-gradient(#000 0 0) no-repeat 50%/calc(100% - 2*var(--r)) calc(100% - 2*var(--r)), radial-gradient(farthest-side,#000 97%,#0000) 0 0/calc(2*var(--r)) calc(2*var(--r)) round;
}