:root {
  --shape-flower: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='33'/%3E%3Ccircle cx='83.00' cy='50.00' r='16.5'/%3E%3Ccircle cx='76.70' cy='69.40' r='16.5'/%3E%3Ccircle cx='60.20' cy='81.38' r='16.5'/%3E%3Ccircle cx='39.80' cy='81.38' r='16.5'/%3E%3Ccircle cx='23.30' cy='69.40' r='16.5'/%3E%3Ccircle cx='17.00' cy='50.00' r='16.5'/%3E%3Ccircle cx='23.30' cy='30.60' r='16.5'/%3E%3Ccircle cx='39.80' cy='18.62' r='16.5'/%3E%3Ccircle cx='60.20' cy='18.62' r='16.5'/%3E%3Ccircle cx='76.70' cy='30.60' r='16.5'/%3E%3C/svg%3E");
  --shape-wavy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='41'/%3E%3Ccircle cx='91.00' cy='50.00' r='7.6'/%3E%3Ccircle cx='88.53' cy='64.02' r='7.6'/%3E%3Ccircle cx='81.41' cy='76.35' r='7.6'/%3E%3Ccircle cx='70.50' cy='85.51' r='7.6'/%3E%3Ccircle cx='57.12' cy='90.38' r='7.6'/%3E%3Ccircle cx='42.88' cy='90.38' r='7.6'/%3E%3Ccircle cx='29.50' cy='85.51' r='7.6'/%3E%3Ccircle cx='18.59' cy='76.35' r='7.6'/%3E%3Ccircle cx='11.47' cy='64.02' r='7.6'/%3E%3Ccircle cx='9.00' cy='50.00' r='7.6'/%3E%3Ccircle cx='11.47' cy='35.98' r='7.6'/%3E%3Ccircle cx='18.59' cy='23.65' r='7.6'/%3E%3Ccircle cx='29.50' cy='14.49' r='7.6'/%3E%3Ccircle cx='42.88' cy='9.62' r='7.6'/%3E%3Ccircle cx='57.12' cy='9.62' r='7.6'/%3E%3Ccircle cx='70.50' cy='14.49' r='7.6'/%3E%3Ccircle cx='81.41' cy='23.65' r='7.6'/%3E%3Ccircle cx='88.53' cy='35.98' r='7.6'/%3E%3C/svg%3E");
  --shape-cloud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='52' r='30'/%3E%3Ccircle cx='30' cy='36' r='22'/%3E%3Ccircle cx='68' cy='32' r='24'/%3E%3Ccircle cx='74' cy='66' r='23'/%3E%3Ccircle cx='30' cy='70' r='24'/%3E%3C/svg%3E");
  --shape-scallop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='38'/%3E%3Ccircle cx='88.00' cy='50.00' r='11'/%3E%3Ccircle cx='82.91' cy='69.00' r='11'/%3E%3Ccircle cx='69.00' cy='82.91' r='11'/%3E%3Ccircle cx='50.00' cy='88.00' r='11'/%3E%3Ccircle cx='31.00' cy='82.91' r='11'/%3E%3Ccircle cx='17.09' cy='69.00' r='11'/%3E%3Ccircle cx='12.00' cy='50.00' r='11'/%3E%3Ccircle cx='17.09' cy='31.00' r='11'/%3E%3Ccircle cx='31.00' cy='17.09' r='11'/%3E%3Ccircle cx='50.00' cy='12.00' r='11'/%3E%3Ccircle cx='69.00' cy='17.09' r='11'/%3E%3Ccircle cx='82.91' cy='31.00' r='11'/%3E%3C/svg%3E");
  --shape-blob: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M52 4C76 3 97 21 96 47C95 75 77 97 48 96C21 95 3 77 4 50C5 23 27 5 52 4Z'/%3E%3C/svg%3E");
  --shape-clover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='30'/%3E%3Ccircle cx='65.56' cy='65.56' r='26'/%3E%3Ccircle cx='34.44' cy='65.56' r='26'/%3E%3Ccircle cx='34.44' cy='34.44' r='26'/%3E%3Ccircle cx='65.56' cy='34.44' r='26'/%3E%3Ccircle cx='80.00' cy='50.00' r='17'/%3E%3Ccircle cx='50.00' cy='80.00' r='17'/%3E%3Ccircle cx='20.00' cy='50.00' r='17'/%3E%3Ccircle cx='50.00' cy='20.00' r='17'/%3E%3C/svg%3E");
}