.mmd-fx-pattern-confetti::after {
    --mmd-fx-pattern-s: calc(360px * var(--mmd-fx-pattern-k)) calc(270px * var(--mmd-fx-pattern-k));
    --mmd-fx-pattern-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='270' viewBox='0 0 720 540' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M556 135l-12 6'/%3E%3Cpath d='M468 419l2 14'/%3E%3Cpath d='M595 233l13 1'/%3E%3Cpath d='M312 390l17 0'/%3E%3Cpath d='M656 15l-14 3'/%3E%3Cpath d='M656 555l-14 3'/%3E%3Cpath d='M677 200l-2 12'/%3E%3Cpath d='M19 113l4 13'/%3E%3Cpath d='M168 117l0 15'/%3E%3Cpath d='M208 5l1 13'/%3E%3Cpath d='M208 545l1 13'/%3E%3Cpath d='M464 92l-3 17'/%3E%3Cpath d='M95 176l-16 7'/%3E%3Cpath d='M223 310l-9 15'/%3E%3Cpath d='M371 314l-15 8'/%3E%3Cpath d='M570 220l9 8'/%3E%3Cpath d='M507 358l-2 13'/%3E%3Cpath d='M365 413l2 14'/%3E%3Cpath d='M350 9l5 14'/%3E%3Cpath d='M350 549l5 14'/%3E%3Cpath d='M-8 315l-8 10'/%3E%3Cpath d='M712 315l-8 10'/%3E%3Cpath d='M355-13l13 7'/%3E%3Cpath d='M355 527l13 7'/%3E%3Cpath d='M620 117l-2 17'/%3E%3Cpath d='M423 247l-14 2'/%3E%3Cpath d='M690-4l-2 14'/%3E%3Cpath d='M690 536l-2 14'/%3E%3Cpath d='M645 395l-14 9'/%3E%3Cpath d='M416 105l-11 5'/%3E%3Cpath d='M257 179l0 15'/%3E%3Cpath d='M444 240l-6 14'/%3E%3Cpath d='M123 312l9 8'/%3E%3Cpath d='M581 436l-14 10'/%3E%3Cpath d='M491 42l-12 6'/%3E%3Cpath d='M250 32l-4 11'/%3E%3Cpath d='M122 141l-1 13'/%3E%3Cpath d='M231 248l2 16'/%3E%3Cpath d='M301 96l4 11'/%3E%3Cpath d='M373 111l-12 4'/%3E%3Cpath d='M22 5l-14 9'/%3E%3Cpath d='M22 545l-14 9'/%3E%3Cpath d='M742 5l-14 9'/%3E%3Cpath d='M742 545l-14 9'/%3E%3Cpath d='M119 376l-8 9'/%3E%3Cpath d='M160-21l-2 16'/%3E%3Cpath d='M160 519l-2 16'/%3E%3Cpath d='M161 342l-1 17'/%3E%3Cpath d='M233 334l-3 14'/%3E%3Cpath d='M693 468l8 10'/%3E%3Cpath d='M230 504l-13 6'/%3E%3Cpath d='M180-3l4 16'/%3E%3Cpath d='M180 537l4 16'/%3E%3Cpath d='M581-21l18 2'/%3E%3Cpath d='M581 519l18 2'/%3E%3Cpath d='M618-18l13 8'/%3E%3Cpath d='M618 522l13 8'/%3E%3Cpath d='M272 179l0 16'/%3E%3Cpath d='M216 264l-6 11'/%3E%3Cpath d='M-13 417l7 11'/%3E%3Cpath d='M707 417l7 11'/%3E%3Cpath d='M480 448l11 9'/%3E%3Cpath d='M631 363l8 16'/%3E%3Cpath d='M176 391l-15 1'/%3E%3Cpath d='M651 112l10 6'/%3E%3Cpath d='M608 191l-5 16'/%3E%3Cpath d='M620 321l9 11'/%3E%3Cpath d='M106 295l-17 6'/%3E%3Cpath d='M46 467l13 2'/%3E%3Cpath d='M637 300l9 9'/%3E%3Cpath d='M341 147q-4-3-6-1-2 3-4 5-1 2-3 1-2-1-5-3-2-1-4 1l-1 2'/%3E%3Cpath d='M605-1q-5 0-6 2 0 3-1 6 0 3-3 2-2 0-5 0-3 0-3 2l0 3'/%3E%3Cpath d='M605 539q-5 0-6 2 0 3-1 6 0 3-3 2-2 0-5 0-3 0-3 2l0 3'/%3E%3Cpath d='M72 52q-5 1-5 4 1 3 1 5 1 3-2 4-2 1-5 1-2 1-2 3l1 3'/%3E%3Cpath d='M315 62q-4-3-6-2-2 2-4 4-2 2-4 0-2-1-4-3-2-2-4 0l-2 2'/%3E%3Cpath d='M667 158q-5-4-7-2-1 2-3 4-2 2-4 0-2-1-5-3-2-1-4 1l-1 2'/%3E%3Cpath d='M335 45q0 6 3 6 3 0 5 0 3 1 3 3 0 3 0 5 0 3 3 3l3 1'/%3E%3Cpath d='M403 371q-4-3-6-2-2 2-4 4-2 2-4 0-2-1-4-3-2-1-4 0l-2 2'/%3E%3Cpath d='M192 282q-5 2-5 4 1 3 2 5 1 3-2 4-2 1-5 2-2 1-2 3l1 3'/%3E%3Cpath d='M171 34q-1 5 1 6 3 1 5 1 3 1 3 3 0 3-1 6 0 3 2 3l3 1'/%3E%3Cpath d='M-20 233q0 5 2 5 3 1 6 1 3 1 3 3 0 3-1 5 0 3 3 3l3 1'/%3E%3Cpath d='M700 233q0 5 2 5 3 1 6 1 3 1 3 3 0 3-1 5 0 3 3 3l3 1'/%3E%3Cpath d='M469 497q-5 2-5 4 1 3 1 6 1 3-2 4-2 1-5 1-2 1-1 4l1 3'/%3E%3Cpath d='M217 165q-2 5 0 6 3 2 5 3 2 1 1 3-1 3-2 5-1 3 1 4l3 2'/%3E%3Cpath d='M603 472q0 6 2 6 3 1 5 2 3 1 2 3 0 3-1 5 0 3 2 4l3 1'/%3E%3Cpath d='M234 284q-1 5 1 6 3 1 6 1 3 1 2 3 0 3-1 5 0 3 3 4l3 1'/%3E%3Ccircle cx='429' cy='132' r='6'/%3E%3Ccircle cx='51' cy='41' r='6'/%3E%3Ccircle cx='209' cy='428' r='6'/%3E%3Ccircle cx='621' cy='83' r='6'/%3E%3Ccircle cx='572' cy='42' r='6'/%3E%3Ccircle cx='125' cy='419' r='7'/%3E%3Ccircle cx='592' cy='173' r='7'/%3E%3Ccircle cx='370' cy='496' r='5'/%3E%3Ccircle cx='23' cy='171' r='7'/%3E%3Ccircle cx='579' cy='490' r='7'/%3E%3Ccircle cx='537' cy='372' r='7'/%3E%3Ccircle cx='481' cy='136' r='6'/%3E%3Ccircle cx='694' cy='436' r='5'/%3E%3Ccircle cx='390' cy='460' r='6'/%3E%3Ccircle cx='18' cy='349' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='411' cy='34' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='100' cy='68' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='381' cy='270' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='316' cy='371' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='172' cy='267' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='162' cy='223' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='653' cy='496' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='465' cy='26' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='552' cy='477' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='505' cy='398' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='157' cy='308' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='38' cy='368' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='526' cy='22' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='582' cy='339' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='657' cy='518' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='504' cy='240' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='699' cy='206' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='91' cy='491' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='86' cy='324' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='85' cy='160' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='540' cy='2' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='540' cy='542' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='316' cy='11' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='316' cy='551' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='436' cy='451' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='554' cy='308' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='205' cy='58' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='85' cy='404' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='98' cy='270' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='564' cy='369' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='466' cy='204' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='3' cy='150' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='723' cy='150' r='4' fill='%23000' stroke='none'/%3E%3Ccircle cx='635' cy='448' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='294' cy='402' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='220' cy='92' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='382' cy='194' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='280' cy='230' r='4' fill='%23000' stroke='none'/%3E%3C/svg%3E");
    background-color: var(--mmd-fx-pattern-c);
    background-image:
        radial-gradient(circle calc(10px * var(--mmd-fx-pattern-k)) at 45.78% 27.72%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(10px * var(--mmd-fx-pattern-k)) at 42.1% 11.56%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(10px * var(--mmd-fx-pattern-k)) at 90.92% 29.4%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(10px * var(--mmd-fx-pattern-k)) at 24.64% 8.14%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(10px * var(--mmd-fx-pattern-k)) at 84.71% 89.35%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(9px * var(--mmd-fx-pattern-k)) at 88.62% 74.05%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(9px * var(--mmd-fx-pattern-k)) at 79.71% 81.64%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(9px * var(--mmd-fx-pattern-k)) at 22.32% 64.85%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(9px * var(--mmd-fx-pattern-k)) at 88.24% 68.71%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(9px * var(--mmd-fx-pattern-k)) at 13.53% 55.12%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 65.16% 78.87%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 83.58% 43.28%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 90.14% 3.06%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 90.14% 103.06%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 2.9% 22.17%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 102.9% 22.17%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 23.31% 23.09%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 48.97% 2.96%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 48.97% 102.96%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 57.78% 45.91%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 32.2% 47.38%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 31.04% 93.93%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 86.78% -2.62%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 86.78% 97.38%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 29.61% 49.98%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at -1.3% 78.27%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 98.7% 78.27%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 67.45% 83.77%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 82.16% 31.98%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 3.18% 31.61%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(8px * var(--mmd-fx-pattern-k)) at 66.78% 25.26%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(7px * var(--mmd-fx-pattern-k)) at 93.91% 38.12%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(7px * var(--mmd-fx-pattern-k)) at -1.68% 59.32%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(7px * var(--mmd-fx-pattern-k)) at 98.32% 59.32%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(7px * var(--mmd-fx-pattern-k)) at 57% 19.98%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(7px * var(--mmd-fx-pattern-k)) at 17.72% 58.45%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(7px * var(--mmd-fx-pattern-k)) at 42.09% 18.8%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(7px * var(--mmd-fx-pattern-k)) at 79.5% 7.71%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(7px * var(--mmd-fx-pattern-k)) at 54.14% 85.13%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 57.06% 6.23%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 43.83% 68.65%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 90.69% 91.77%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 21.76% 56.95%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 5.21% 68.16%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 72.99% 4.07%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 80.79% 62.84%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 91.29% 95.94%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 11.81% 29.55%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 74.96% 0.4%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 74.96% 100.4%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 60.56% 83.53%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 76.91% 57.05%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 11.81% 74.73%, var(--mmd-fx-pattern-d2) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 13.66% 50.04%, var(--mmd-fx-pattern-d3) 99%, transparent 0),
        radial-gradient(circle calc(5px * var(--mmd-fx-pattern-k)) at 53.1% 35.94%, var(--mmd-fx-pattern-d2) 99%, transparent 0);
    background-size: var(--mmd-fx-pattern-s);
}