:where(html) {
  --mask-corner-cut-circles-5px: radial-gradient(
      5px at 5px 5px,
      transparent 99%,
      #000
    ) -5px -5px;
  --mask-corner-cut-circles-3px: radial-gradient(
      3px at 3px 3px,
      transparent 99%,
      #000
    ) -3px -3px;
  --mask-corner-cut-circles-01: radial-gradient(
      0.3em at 0.3em 0.3em,
      transparent 99%,
      #000
    ) -0.3em -0.3em;
  --mask-corner-cut-circles-1: radial-gradient(
      0.5em at 0.5em 0.5em,
      transparent 99%,
      #000
    ) -0.5em -0.5em;
  --mask-corner-cut-circles-2: radial-gradient(
      1em at 1em 1em,
      transparent 99%,
      #000
    ) -1em -1em;

  --mask-corner-cut-circles-3: radial-gradient(
      2em at 2em 2em,
      transparent 99%,
      #000
    ) -2em -2em;
  --mask-edge-scoop-vertical: radial-gradient(
      10px at 50% 20px,
      rgba(0, 0, 0, 0) 97%,
      #000
    )
    50% -20px / 38px 100%;
}

@media only screen and (max-width: 767px) {
  :where(html) {
    --mask-corner-cut-circles-5px: radial-gradient(
        3px at 3px 3px,
        transparent 99%,
        #000
      ) -3px -3px;
    --mask-corner-cut-circles-1: radial-gradient(
        0.5em at 0.5em 0.5em,
        transparent 99%,
        #000
      ) -0.5em -0.5em;
    --mask-corner-cut-circles-2: radial-gradient(
        0.8em at 0.8em 0.8em,
        transparent 99%,
        #000
      ) -0.8em -0.8em;
    --mask-corner-cut-circles-3: radial-gradient(
        1.5em at 1.5em 1.5em,
        transparent 99%,
        #000
      ) -1.5em -1.5em;
  }
}

@media only screen and (max-width: 575px) {
  :where(html) {
    --mask-corner-cut-circles-5px: radial-gradient(
        3px at 3px 3px,
        transparent 99%,
        #000
      ) -3px -3px;
    --mask-corner-cut-circles-1: radial-gradient(
        0.5em at 0.5em 0.5em,
        transparent 99%,
        #000
      ) -0.5em -0.5em;
    --mask-corner-cut-circles-2: radial-gradient(
        0.5em at 0.5em 0.5em,
        transparent 99%,
        #000
      ) -0.5em -0.5em;
    --mask-corner-cut-circles-3: radial-gradient(
        1em at 1em 1em,
        transparent 99%,
        #000
      ) -1em -1em;
  }
}
