css-peeps
Version:
One CSS File, One <div>, 5 Million Open Peeps Combinations | Infinite Customization
323 lines (277 loc) • 1.13 MB
CSS
css-peeps {
--css-peeps-author: "Jane Ori";
--css-peeps-twitter: url(https://twitter.com/Jane0ri);
--css-peeps-license: "BSD-2-Clause" url(https://opensource.org/licenses/BSD-2-Clause);
--css-peeps-npm: url(https://www.npmjs.com/package/css-peeps);
--css-peeps-github: url(https://github.com/propjockey/css-peeps);
--css-peeps-build-a-peep: url(https://css-peeps.com);
--css-peeps-documentation: url(https://css-peeps.com/#docs);
--open-peeps-THANK-YOU: "Original black & white SVG character line drawings by Open Peeps";
--open-peeps-license: "CC0 License" url(https://creativecommons.org/publicdomain/zero/1.0/);
--open-peeps-website: url(https://www.openpeeps.com/);
}
/* generated begin */
@property --peep-head {
syntax: "afro|bangs1|bangs2|bantu-knots|teddy|bun1|bun2|buns|cornrows1|cornrows2|flat-top1|flat-top2|gray-bun|gray-medium|gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
inherits: true;
}
@property --peep-head-paint {
syntax: "*";
initial-value: initial;
inherits: true;
}
:where([data-css-peeps~="afro"]) { --peep-head: afro; }
:where([data-css-peeps~="bangs1"]) { --peep-head: bangs1; }
:where([data-css-peeps~="bangs2"]) { --peep-head: bangs2; }
:where([data-css-peeps~="bantu-knots"]) { --peep-head: bantu-knots; }
:where([data-css-peeps~="teddy"]) { --peep-head: teddy; }
:where([data-css-peeps~="bun1"]) { --peep-head: bun1; }
:where([data-css-peeps~="bun2"]) { --peep-head: bun2; }
:where([data-css-peeps~="buns"]) { --peep-head: buns; }
:where([data-css-peeps~="cornrows1"]) { --peep-head: cornrows1; }
:where([data-css-peeps~="cornrows2"]) { --peep-head: cornrows2; }
:where([data-css-peeps~="flat-top1"]) { --peep-head: flat-top1; }
:where([data-css-peeps~="flat-top2"]) { --peep-head: flat-top2; }
:where([data-css-peeps~="gray-bun"]) { --peep-head: gray-bun; }
:where([data-css-peeps~="gray-medium"]) { --peep-head: gray-medium; }
:where([data-css-peeps~="gray-short"]) { --peep-head: gray-short; }
:where([data-css-peeps~="beanie"]) { --peep-head: beanie; }
:where([data-css-peeps~="sierra"]) { --peep-head: sierra; }
:where([data-css-peeps~="hijab"]) { --peep-head: hijab; }
:where([data-css-peeps~="long-afro"]) { --peep-head: long-afro; }
:where([data-css-peeps~="long-bangs"]) { --peep-head: long-bangs; }
:where([data-css-peeps~="long-curly"]) { --peep-head: long-curly; }
:where([data-css-peeps~="long-straight"]) { --peep-head: long-straight; }
:where([data-css-peeps~="medium1"]) { --peep-head: medium1; }
:where([data-css-peeps~="medium2"]) { --peep-head: medium2; }
:where([data-css-peeps~="medium3"]) { --peep-head: medium3; }
:where([data-css-peeps~="medium-bangs1"]) { --peep-head: medium-bangs1; }
:where([data-css-peeps~="medium-bangs2"]) { --peep-head: medium-bangs2; }
:where([data-css-peeps~="medium-bangs3"]) { --peep-head: medium-bangs3; }
:where([data-css-peeps~="medium-straight"]) { --peep-head: medium-straight; }
:where([data-css-peeps~="mohawk1"]) { --peep-head: mohawk1; }
:where([data-css-peeps~="mohawk2"]) { --peep-head: mohawk2; }
:where([data-css-peeps~="bald1"]) { --peep-head: bald1; }
:where([data-css-peeps~="bald2"]) { --peep-head: bald2; }
:where([data-css-peeps~="bald3"]) { --peep-head: bald3; }
:where([data-css-peeps~="pomp"]) { --peep-head: pomp; }
:where([data-css-peeps~="shaved1"]) { --peep-head: shaved1; }
:where([data-css-peeps~="shaved2"]) { --peep-head: shaved2; }
:where([data-css-peeps~="shaved3"]) { --peep-head: shaved3; }
:where([data-css-peeps~="short1"]) { --peep-head: short1; }
:where([data-css-peeps~="short2"]) { --peep-head: short2; }
:where([data-css-peeps~="short3"]) { --peep-head: short3; }
:where([data-css-peeps~="short4"]) { --peep-head: short4; }
:where([data-css-peeps~="short5"]) { --peep-head: short5; }
:where([data-css-peeps~="turban"]) { --peep-head: turban; }
:where([data-css-peeps~="twists1"]) { --peep-head: twists1; }
:where([data-css-peeps~="twists2"]) { --peep-head: twists2; }
@property --peep_afro_mask {
syntax: "bangs1|bangs2|bantu-knots|teddy|bun1|bun2|buns|cornrows1|cornrows2|flat-top1|flat-top2|gray-bun|gray-medium|gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M195.396,82.672 C346.965,75.218 415.362,181.936 419.786,229.602 C422.857,262.69 403.308,300.827 403.308,330.393 C403.308,345.485 421.786,377.886 413.184,399.882 C394.037,448.841 353.497,503.176 301.837,503.176 C250.177,503.176 182.944,517.463 125.862,435.731 C120.506,428.062 52.762,384.476 46.181,343.06 C29.787,239.895 87.244,87.991 195.396,82.672 Z"></path></svg>');
inherits: true;
}
@property --peep_bangs1_mask {
syntax: "bangs2|bantu-knots|teddy|bun1|bun2|buns|cornrows1|cornrows2|flat-top1|flat-top2|gray-bun|gray-medium|gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M431.617,424.844 C427.653,418.982 418.108,376.442 412.011,369.899 C412.471,344.769 419.418,257.762 399.575,218.65 C403.749,214.429 414.841,178.074 412.011,164.331 C421.359,135.549 361.306,89.836 338.451,77.483 C232.23,20.524 78.308,83.397 30.001,188.912 C0.972,252.457 0.437,323.603 -2.845,391.978 C-3.233,406.614 -4.578,421.364 -4.563,435.982 C-2.464,448.827 7.721,461.908 -1.258e-12,472.589 C-8.529,478.488 -25.767,492.86 -18.092,501.01 C-13.594,504.755 -6.409,502.582 -1.528,506.183 C0.957,507.573 2.507,510.62 5.413,511.083 C31.959,510.075 50.692,509.989 77.32,508.913 C88.977,508.531 106.727,513.462 120.107,503.646 C166.845,529.642 147.295,491.927 156.746,465.075 C185.526,474.806 242.856,505.837 273.533,506.839 C298.462,509.92 321.773,495.402 346.281,498.707 C376.728,510.018 412.41,512.533 440.299,493.395 C447.259,488.383 455.002,494.189 463.774,488.777 C480.823,480.623 440.221,433.889 431.617,424.844 Z"></path></svg>');
inherits: true;
}
@property --peep_bangs2_mask {
syntax: "bantu-knots|teddy|bun1|bun2|buns|cornrows1|cornrows2|flat-top1|flat-top2|gray-bun|gray-medium|gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M389.531,161.685 C329.399,121.882 208.931,126.205 142.737,150.592 C78.149,171.074 55.536,228.149 44.812,289.813 C31.777,359.116 33.529,459.018 127.263,457.809 C140.441,464.182 155.04,466.947 168.675,472.225 C187.337,478.676 205.635,486.167 224.572,491.818 C261.87,503.83 303.374,502.784 338.755,485.207 C358.302,475.765 366.393,461.06 379.176,445.391 C416.367,399.806 435.08,334.568 433.404,276.605 C430.463,235.789 423.712,188.541 389.531,161.685 Z"></path></svg>');
inherits: true;
}
@property --peep_bantu_knots_mask {
syntax: "teddy|bun1|bun2|buns|cornrows1|cornrows2|flat-top1|flat-top2|gray-bun|gray-medium|gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M412.458,250.232 C411.315,228.348 410.312,205.738 406.116,184.19 C404.059,173.626 399.945,163.875 393.29,155.396 C387.202,147.636 379.54,141.619 371.768,135.641 C356.148,123.628 341.129,110.329 323.645,101.036 C306.868,92.12 288.731,86.739 269.936,84.322 C233.738,79.666 195.718,87.414 164.284,106.004 C133.794,124.035 109.283,152.018 94.116,183.921 C86.578,199.775 80.916,216.507 77.866,233.81 C74.231,254.436 74.56,275.12 74.691,295.978 C74.736,302.988 74.673,309.994 74.324,316.987 C73.755,320.381 73.441,323.818 73.445,327.501 C66.544,336.583 63.736,348.72 68.061,359.898 C74.96,377.737 94.535,385.849 112.307,382.737 C113.102,387.373 115.019,391.943 117.406,396.39 C121.487,403.99 126.049,411.433 130.891,418.571 C140.908,433.338 152.339,446.725 165.978,458.274 C193.015,481.168 227.265,496.169 262.784,498.34 C295.121,500.316 329.225,491.119 355.596,472.15 C369.283,462.305 381.128,450.24 389.929,435.792 C400.21,418.914 405.789,399.484 408.684,380.061 C415.038,337.42 414.699,293.189 412.458,250.232 L412.458,250.232 Z"></path></svg>');
inherits: true;
}
@property --peep_teddy_mask {
syntax: "bun1|bun2|buns|cornrows1|cornrows2|flat-top1|flat-top2|gray-bun|gray-medium|gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M403.332,205.382 C421.459,193.756 446.193,164.091 432.136,141.596 C426.427,132.799 418.642,129.492 410.096,129.227 C408.059,126.671 404.674,125.922 401.515,125.904 L401.533,125.769 C389.985,125.981 378.636,130.026 369.348,136.78 C363.36,131.519 355.923,128.527 348.719,125.292 C351.74,110.097 356.35,95.275 361.585,80.709 C364.41,72.322 355.461,63.487 347.023,66.021 C349.099,56.929 344.329,46.369 333.939,46.486 C328.384,46.486 322.098,49.464 316.726,50.806 C312.747,51.8 308.828,52.82 304.988,54.117 C304.97,54.013 304.96,53.908 304.949,53.802 C315.013,46.756 314.662,30.534 299.873,32.107 C293.564,32.664 287.15,36.958 281.316,39.58 C271.699,40.159 262.463,43.215 253.115,45.408 C227.536,51.753 200.17,58.129 179.097,74.229 C142.598,88.295 97.202,110.04 92.68,153.023 C28.395,128.151 -20.168,207.573 38.13,238.826 C49.57,244.159 62.794,246.92 75.309,244.355 C72.352,255.291 69.526,266.264 66.881,277.281 C44.618,328.432 26.618,382.489 33.093,438.631 C33.188,448.816 46.268,454.691 53.498,447.083 C59.479,439.867 66.736,448.302 64.786,455.269 C62.938,463.008 68.387,470.113 76.313,470.4 C85.798,470.897 93.332,464.536 100.044,458.661 C99.915,458.788 100.221,458.595 100.667,458.294 C117.229,497.357 132.747,466.984 153.16,484.56 C157.93,488.966 161.277,494.186 167.388,497.052 C181.72,504.313 193.036,491.37 206.726,489.876 C219.381,488.944 231.894,493.325 244.029,496.273 C258.2,499.714 272.488,501.516 287.045,499.902 C305.658,497.836 342.794,489.426 353.785,482.501 C367.251,491.539 381.107,480.819 388.509,468.476 C393.686,473.46 403.481,474.224 407.641,466.538 C411.779,457.967 419.513,444.867 428.407,446.808 C429.201,447.051 429.666,447.203 430.151,447.555 C438.464,454.622 449.196,449.257 450.412,438.986 C458.292,372.439 442.218,305.681 420.845,243.055 C416.179,229.959 412.308,216.346 403.332,205.382 Z"></path></svg>');
inherits: true;
}
@property --peep_bun1_mask {
syntax: "bun2|buns|cornrows1|cornrows2|flat-top1|flat-top2|gray-bun|gray-medium|gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M120.432,26.52 C183.446,23.08 239.276,5.375 283.632,44.9995 C331.47,9.275 359.38,-1.784 367.362,11.822 C375.384,25.498 364.259,43.856 367.242,60.732 C386.694,93.893 385.594,150.021 386.694,163.174 C389.466,196.327 406.926,321.084 406.926,350.71 C406.926,365.831 394.458,405.436 386.694,427.476 C369.411,476.533 336.422,501.534 282.321,501.534 C228.22,501.534 139.917,456.316 111.596,416.169 C109.114,412.651 93.064,422.916 76.277,405.11 C58.09,385.82 48.001,349.028 48.001,327.096 C48.001,299.266 30.014,279.966 32.106,244.341 C36.779,164.783 53.004,30.201 120.432,26.52 Z"></path></svg>');
inherits: true;
}
@property --peep_bun2_mask {
syntax: "buns|cornrows1|cornrows2|flat-top1|flat-top2|gray-bun|gray-medium|gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M397.502,243.757 C395.126,213.013 398.808,180.789 386.954,151.567 C366.286,103.082 308.33,86.916 263.399,68.457 C245.399,63.138 184.83,62.395 163.754,55.355 C116.054,39.423 104.657,20.441 66.755,50.776 C60.357,55.958 56.354,61.59 53.434,69.285 L53.554,69.318 C52.72,72.526 53.614,75.727 55.493,78.172 C39.059,94.97 32.182,120.154 40.614,142.515 C68.131,200.704 66.837,232.167 57.971,294.723 C46.393,353.123 72.85,374.456 116.666,406.232 C114.882,409.691 114.512,414.288 116.838,417.34 C167.505,488.539 263.038,522.533 344.891,486.395 C378.116,471.607 392.949,436.224 401.414,404.297 C411.275,368.548 414.305,330.878 406.277,294.462 C403.039,277.62 398.821,260.9 397.502,243.757 Z"></path></svg>');
inherits: true;
}
@property --peep_buns_mask {
syntax: "cornrows1|cornrows2|flat-top1|flat-top2|gray-bun|gray-medium|gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M397.206,173.681 C364.232,126.976 281.37,121.715 229.001,122.011 C125.58,121.149 103.925,240.024 98.524,323.324 C87.493,325.2 76.765,329.046 69.487,337.715 C60.623,348.271 57.561,366.39 65.871,378.196 C71.391,386.035 80.106,388.655 89.222,389.092 C119.412,386.211 125.603,413.121 140.473,433.3 C178.628,484.846 244.728,501.567 305.353,501.823 C325.945,502.371 350.752,503.916 363.939,484.541 C405.591,412.345 406.498,316.594 409.066,234.778 C409.419,213.833 409.329,191.659 397.206,173.681 L397.206,173.681 Z"></path></svg>');
inherits: true;
}
@property --peep_cornrows1_mask {
syntax: "cornrows2|flat-top1|flat-top2|gray-bun|gray-medium|gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M430.548,316.86 C436.742,272.157 423.514,229.016 406.377,188.16 C405.436,185.672 403.943,183.517 402.024,181.985 C353.661,84.508 282.598,75.681 183.459,82.394 C180.53,82.329 180.356,82.381 178.132,81.386 C177.764,41.788 132.539,20.813 98.124,33.878 C-54.508,104.807 -6.514,304.492 23.859,434.857 C34.695,485.322 45.534,535.784 56.372,586.247 C56.736,587.935 57.503,589.394 58.523,590.624 C56.949,591.221 55.374,591.781 53.829,592.307 C50.303,593.507 51.704,598.764 55.374,597.912 C58.971,597.077 62.437,595.958 65.866,594.739 C71.212,595.899 75.694,592.406 79.891,589.62 C129.037,570.186 149.669,506.315 162.275,459.262 C213.526,495.422 295.419,522.504 354.018,489.988 C408.926,456.922 428.7,387.947 424.799,327.068 C428.806,325.224 430.423,321.204 430.528,317.013 L430.552,317.013 C430.551,316.962 430.548,316.911 430.548,316.86 L430.548,316.86 Z"></path></svg>');
inherits: true;
}
@property --peep_cornrows2_mask {
syntax: "flat-top1|flat-top2|gray-bun|gray-medium|gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M154.012,59.337 L162.649,69.608 C157.867,72.979 153.352,76.365 149.105,79.768 L149.102,79.757 C168.772,66.923 190.558,59.337 214.092,59.337 C259.42,59.337 351.493,98.274 372.306,126.359 C382.635,140.297 401.83,183.084 411.786,229.602 C419.786,266.978 431.685,372.572 419.786,412.25 C404.558,463.03 354.457,509.964 302.797,509.964 C251.136,509.964 170.933,472.668 113.85,390.936 C111.24,387.199 81.266,382.867 59.884,368.839 L65.498,430.687 L69.765,466.665 L68.823,469.225 C53.509,510.642 41.373,532.249 32.416,534.047 C23.276,535.882 4.663,520.9 -23.423,489.101 L-27.012,474.038 C-36.128,435.612 -40.686,414.986 -40.686,412.16 L-40.679,411.645 C-40.545,405.142 -38.305,368.333 -38.258,358.428 L-38.258,209.964 C-8.052,109.546 20.774,59.337 48.218,59.337 L154.012,59.337 Z"></path></svg>');
inherits: true;
}
@property --peep_flat_top1_mask {
syntax: "flat-top2|gray-bun|gray-medium|gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M242.041,75.26 C298.822,75.26 372.115,110.877 378.365,147.357 C385.731,190.347 425.172,355.304 416.265,408.204 C407.359,461.103 359.365,499.184 282.567,499.184 C205.768,499.184 148.447,457.303 135.285,442.922 C126.511,433.336 113.993,411.429 97.733,377.201 C70.319,373.555 56.547,360.56 56.415,338.214 C56.287,315.868 65.2,300.63 83.152,292.5 C76.751,204.314 81.611,148.741 97.733,125.782 C121.914,91.342 185.261,75.26 242.041,75.26 Z"></path></svg>');
inherits: true;
}
@property --peep_flat_top2_mask {
syntax: "gray-bun|gray-medium|gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M242.041,75.26 C298.822,75.26 381.931,113.176 388.181,149.655 C395.547,192.645 411.906,354.299 402.9995,407.198 C394.094,460.097 359.365,499.184 282.567,499.184 C205.768,499.184 148.447,457.303 135.285,442.922 C126.511,433.336 116.808,413.626 106.176,383.793 C78.144,379.041 64.063,365.493 63.933,343.147 C63.803,320.801 70.844,306.175 85.056,299.269 C77.386,206.57 81.611,148.741 97.733,125.782 C121.914,91.342 185.261,75.26 242.041,75.26 Z"></path></svg>');
inherits: true;
}
@property --peep_gray_bun_mask {
syntax: "gray-medium|gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M428.872,194.624 C409.167,75.447 258.707,53.96 160.663,79.044 C158.856,56.12 144.414,35.864 126.392,22.54 C49.836,-32.549 -40.798,60.981 -22.653,141.589 C-19.398,166.008 0.122,193.873 27.433,189.694 C-6.896,254.661 -20.311,385.664 55.326,426.16 C62.623,431.353 63.834,441.9 69.45,448.663 C78.567,459.57 117.518,473.463 138.59,462.329 C145.211,468.413 152.85,474.333 161.781,476.438 C207.919,513.37 275.346,521.703 331.528,506.464 C366.142,500.59 402.024,484.976 419.832,453.075 C434.921,428.796 427.968,400.349 421.049,374.652 C418.06,360.516 416.114,346.267 414.916,331.898 C417.37,329.033 417.507,325.055 418.119,321.432 C420.776,308.591 426.582,296.674 429.486,283.87 C435.983,254.804 434.855,223.75 428.872,194.624"></path></svg>');
inherits: true;
}
@property --peep_gray_medium_mask {
syntax: "gray-short|beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M288.305,508.383 C267.605,508.326 248.658,504.293 230.681,495.462 C208.975,488.38 185.272,484.521 167.657,468.844 C159.079,470.663 150.287,461.857 143.171,456.614 C131.565,499.317 71.165,492.214 45.644,464.615 C30.032,451.431 23.752,418.816 50.863,410.188 C6.444,380.018 -9.6,327.902 -6.547,271.509 C-3.334,176.911 69.392,78.563 162.867,62.155 C181.307,58.911 200.244,59.254 218.605,63.112 C228.858,65.336 238.769,69.648 249.742,69.452 C292.3,62.725 339.043,63.498 374.195,90.735 C430.378,128.324 438.187,203.533 431.622,264.001 L431.888,264.567 C428.622,286.763 423.194,307.092 412.929,320.474 C412.13,339.713 405.445,380.781 404.95,397.017 C406.149,472.567 363.239,506.099 288.305,508.383"></path></svg>');
inherits: true;
}
@property --peep_gray_short_mask {
syntax: "beanie|sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M287.408,509.472 C265.212,509.6 246.348,503.302 231.954,492.883 C213.992,486.478 192.326,476.599 179.166,466.228 C174.033,467.538 167.891,462.085 163.963,459.207 C139.538,440.968 120.366,414.271 114.685,387.529 C105.915,398.599 93.435,399.059 81.48,393.557 C56.42,379.345 57.357,349.42 66.379,327.062 C47.412,284.505 34.267,172.159 63.22,126.818 C69.142,120.034 77.833,115.976 84.09,109.019 C89.658,102.943 94.954,96.728 101.432,91.92 C121.198,76.876 155.242,68.866 176.558,65.099 C265.54,45.861 333.908,80.439 414.51,109.606 C409.871,121.206 403.454,131.785 396.1,141.649 C416.11,149.118 406.919,165.911 391.395,174.424 L382.153,169.932 C396.56,221.478 429.716,349.66 415.41,390.823 C404.002,455.043 353.936,509.935 287.408,509.472"></path></svg>');
inherits: true;
}
@property --peep_beanie_mask {
syntax: "sierra|hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M244.801,58.706 C289.573,58.706 343.29,80.411 347.858,80.845 L347.981,80.851 C350.384,80.851 359.773,88.005 376.149,102.311 L358.412,136.905 L359.847,138.276 C366.716,144.861 372.58,150.863 377.208,155.595 C414.9995,194.229 421.792,345.919 412.886,398.818 C403.98,451.717 387.484,503.48 310.685,503.48 C233.887,503.48 148.447,457.303 135.285,442.922 C126.511,433.336 116.655,428.743 105.718,429.144 C105.268,428.577 104.822,428.011 104.38,427.447 L102.771,427.219 C87.633,425.027 76.787,422.076 70.233,418.368 C57.429,411.124 43.357,373.045 43.357,364.657 C43.357,356.352 22.345,295.94 21.924,289.547 L21.918,289.37 C21.918,284.025 -5.533,259.458 -5.533,251.656 C-5.533,243.854 -11.066,244.327 -5.533,216.833 L-3.926,208.756 C1.963,179.484 13.487,131.013 57.429,109.95 C105.718,86.805 199.577,58.706 244.801,58.706 Z"></path></svg>');
inherits: true;
}
@property --peep_sierra_mask {
syntax: "hijab|long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M418.581,283.192 C418.183,260.79 417.743,237.94 414.413,215.756 C411.157,194.068 402.2,174.464 386.808,158.715 C354.115,125.262 306.725,117.091 262.613,109.603 L187.194,96.8 C164.185,92.895 139.638,86.653 116.391,92.191 C104.936,94.92 95.208,101.26 86.317,108.761 C77.747,115.991 68.533,123.755 62.726,133.482 C56.909,143.223 54.908,154.61 53.017,165.627 C50.884,178.048 49.227,190.566 48.05,203.114 C45.691,228.254 45.369,253.583 47.08,278.775 C47.909,290.994 49.228,303.178 50.912,315.308 C51.747,321.323 52.691,327.323 53.757,333.302 C54.071,335.065 54.31,337.017 54.632,338.989 C52.253,345.755 50.901,352.762 51.01,359.739 C51.331,380.291 68.678,393.23 86.166,400.177 C96.306,404.205 106.907,406.942 116.87,411.442 C127.351,416.175 134.485,423.848 141.651,432.601 C155.318,449.295 170.741,464.299 188.352,476.817 C225.69,503.358 272.982,515.911 318.286,506.383 C329.156,504.097 340.122,500.547 349.893,495.198 C360.209,489.551 367.966,481.368 374.48,471.693 C386.575,453.732 395.249,433.507 401.811,412.926 C408.504,391.932 413.255,370.9 415.846,349.009 C418.428,327.189 418.972,305.147 418.581,283.192 L418.581,283.192 Z"></path></svg>');
inherits: true;
}
@property --peep_hijab_mask {
syntax: "long-afro|long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M260.282,105.173 C410.795,109.939 419.873,181.43 419.873,301.325 C419.873,421.22 341.794,496.771 313.044,509.964 C284.294,523.156 208.59,579.821 140.273,553.708 C71.955,527.595 91.739,417.272 91.739,369.87 C91.739,322.467 109.769,100.408 260.282,105.173 Z"></path></svg>');
inherits: true;
}
@property --peep_long_afro_mask {
syntax: "long-bangs|long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M408.514,274.944 C401.65,191.269 380.75,117.159 282.545,113.999 C238.227,114.395 192.988,123.81 152.234,141.23 C53.178,190.896 21.749,372.377 109.02,445.431 C108.501,445.726 108.376,446.579 108.989,446.991 C127.019,459.121 147.06,469.101 167.132,477.487 C220.598,500.091 283.539,509.909 338.066,485.39 C421.279,449.982 422.527,351.457 408.514,274.944 L408.514,274.944 Z"></path></svg>');
inherits: true;
}
@property --peep_long_bangs_mask {
syntax: "long-curly|long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M405.867,203.178 C395.566,165.992 356.191,149.766 320.729,147.191 C224.715,137.21 126.985,190.734 84.419,277.525 C50.346,343.428 49.279,412.658 122.521,450.287 C126.521,452.492 130.698,454.849 134.964,456.989 C138.67,460.435 142.487,463.746 146.653,466.526 C186.536,492.752 235.487,504.095 282.925,501.635 C352.966,500.223 377.97,452.696 393.271,391.747 C409.409,331.068 418.434,265.226 405.867,203.178 L405.867,203.178 Z"></path></svg>');
inherits: true;
}
@property --peep_long_curly_mask {
syntax: "long-straight|medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M343.407,146.718 C277.637,93.262 172.24,75.905 101.837,129.836 C47.133,180.449 24.495,324.275 34.176,396.547 C36.868,442.902 72.283,495.443 124.27,480.782 C133.098,479.913 141.67,476.529 150.579,475.82 C161.236,474.593 171.974,474.572 182.61,476.075 C205.786,479.353 226.331,491.658 248.825,497.411 C290.564,508.085 337.135,500.905 373.063,476.861 C491.79,398.803 438.01,222.268 343.407,146.718 L343.407,146.718 Z"></path></svg>');
inherits: true;
}
@property --peep_long_straight_mask {
syntax: "medium1|medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M431.901,270.053 C428.111,207.851 407.927,137.33 348.523,106.79 C217.564,54.232 45.38,186.588 36.264,321.8 C33.086,368.084 58.784,418.659 105.745,431.527 C116.186,445.36 131.976,453.808 147.561,461.14 C333.188,557.447 453.095,479.16 431.901,270.053 L431.901,270.053 Z"></path></svg>');
inherits: true;
}
@property --peep_medium1_mask {
syntax: "medium2|medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M195.396,82.672 C346.965,75.218 357.552,119.272 378.365,147.357 C388.694,161.295 415.362,181.936 419.786,229.602 C422.857,262.69 403.308,300.827 403.308,330.393 C403.308,345.485 421.786,377.886 413.184,399.882 C394.037,448.841 353.497,503.176 301.837,503.176 C250.177,503.176 154.815,474.704 97.733,392.973 C79.035,366.201 43.826,90.126 195.396,82.672 Z"></path></svg>');
inherits: true;
}
@property --peep_medium2_mask {
syntax: "medium3|medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M391.825,167.573 C361.77,126.207 306.432,114.311 258.442,124.372 C164.623,141.474 74.988,213.051 58.41,310.395 C32.548,369.286 49.063,462.045 124.279,468.975 C134.987,469.579 145.594,467.114 156.321,468.445 C221.793,478.903 299.16,523.671 357.115,470.876 C360.02,472.957 363.846,473.963 367.103,472.704 C391.771,463.171 392.93,435.594 395.033,412.925 C397.75,383.634 400.298,354.327 402.674,325.008 C403.523,274.446 423.565,211.263 391.825,167.573 L391.825,167.573 Z"></path></svg>');
inherits: true;
}
@property --peep_medium3_mask {
syntax: "medium-bangs1|medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M394.142,209.138 C395.232,199.013 383.379,172.001 383.665,177.48 C364.663,148.181 327.58,136.659 295.585,126.987 C227.664,104.565 174.626,131.644 126.904,179.637 C98.73,205.954 71.922,235.351 57.779,271.782 C29.956,341.28 71.661,420.526 135.084,453.726 C140.202,456.496 145.779,459.126 150.653,462.472 C176.871,477.619 207.658,482.859 236.873,489.452 C291.529,501.945 360.172,495.991 392.382,443.955 C414.229,407.025 408.425,362.256 406.715,321.272 C404.146,285.363 399.637,244.784 394.142,209.138 Z"></path></svg>');
inherits: true;
}
@property --peep_medium_bangs1_mask {
syntax: "medium-bangs2|medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M297.602,145.163 C182.512,140.963 72.54,218.312 35.513,327.641 C32.822,336.217 41.195,344.228 49.643,342.778 C41.003,386.284 59.887,444.844 109.075,451.016 C119.15,452.287 129.278,451.555 139.367,452.48 C148.36,453.304 197.316,480.844 215.648,487.296 C254.243,500.778 351.364,498.309 389.999,487.296 C391.406,490.496 421.411,367.45 428.243,329.3 C430.735,312.771 407.967,300.533 409.646,283.5 C411.803,261.62 437.395,234.943 429.555,214.113 C408.887,161.097 348.906,146.304 297.602,145.163 Z"></path></svg>');
inherits: true;
}
@property --peep_medium_bangs2_mask {
syntax: "medium-bangs3|medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M407.868,144.463 C405.647,138.858 401.719,131.813 395.154,131.532 C390.076,116.007 377.45,100.196 359.888,100.616 C308.34,47.902 243.444,50.387 175.594,61.546 C139.798,68.185 103.451,81.185 76.753,106.839 C44.777,137.041 32.326,189.74 57.366,227.931 C35.725,239.528 35.305,267.048 44.56,286.907 C33.435,294.6 32.759,313.272 45.286,319.14 C44.62,321.868 45.091,324.688 46.361,327.112 C40.15,332.282 32.066,336.101 25.383,339.384 C22.429,340.835 20.725,343.205 20.017,345.876 C-1.927,360.272 -56.645,395.454 -55.993,423.455 C-56.315,438.063 -45.479,447.677 -32.311,451.505 C-40.146,467.168 -46.093,485.463 -38.593,502.359 C-36.52,507.464 -20.988,522.467 -20.206,522.744 C-18.839,523.916 3.444,513.686 14.274,508.468 C16.374,522.128 30.981,529.285 43.572,524.604 C55.511,521.005 62.85,510.898 70.38,501.704 C80.375,523.507 109.782,523.758 128.788,514.358 C145.857,506.473 158.832,492.021 166.06,474.606 C204.442,493.395 249.348,498.872 291.048,491.367 C293.724,496.103 299.648,499.284 304.925,497.452 C327.099,490.786 351.616,490.412 370.412,475.139 C409.591,447.018 412.89,395.174 410.158,350.981 C407.735,306.918 409.856,262.488 401.846,218.901 C405.322,206.068 411.104,194.723 416.454,182.667 C422.266,170.025 422.144,151.232 407.868,144.463 Z"></path></svg>');
inherits: true;
}
@property --peep_medium_bangs3_mask {
syntax: "medium-straight|mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M256.576,38.978 C313.357,38.978 384.473,103.748 405.286,131.311 C422.785,154.484 420.31,273.865 420.31,344.682 C420.31,359.493 413.615,387.525 411.184,401.692 C402.278,453.607 363.475,497.146 286.677,497.146 C224.144,497.146 176.022,477.339 129.487,426.68 C118.87,415.123 67.022,456.498 56.418,441.598 C28.721,441.598 5.562,182.82 59.941,105.201 C114.32,27.583 199.796,38.978 256.576,38.978 Z"></path></svg>');
inherits: true;
}
@property --peep_medium_straight_mask {
syntax: "mohawk1|mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M407.277,307.815 C405.593,229.234 386.014,142.24 318.899,93.68 C314.624,90.583 308.208,92.083 304.665,95.62 C301.756,96.188 299.084,97.95 297.307,101.19 C257.62,173.625 215.841,244.915 171.989,314.907 C143.833,360.163 109.631,405.476 105.119,460.331 C104.338,461.368 97.089,469.552 101.313,468.956 C103.188,467.975 105.097,467.169 107.105,466.573 C112.467,474.39 124.918,473.161 127.878,464.338 C138.14,464.633 148.296,467.255 158.073,470.297 C182.054,477.803 206.427,485.223 230.901,490.96 C311.527,512.358 398.161,485.133 404.603,391.135 C413.257,378.942 408.575,324.599 407.277,307.815 L407.277,307.815 Z"></path></svg>');
inherits: true;
}
@property --peep_mohawk1_mask {
syntax: "mohawk2|bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M393.143,242.549 C393.657,217.456 391.329,191.74 379.135,169.312 C368.547,148.262 352.838,130.015 336.712,113.03 C329.984,105.943 320.999,98.802 321.84,88.059 C322.723,76.786 329.504,52.366 330.55,40.991 C332.608,18.625 316.6,12.47 297.886,1.842 C275.316,-10.977 248.345,-9.494 223.881,-3.739 C178.26,7.147 124.049,25.214 106.809,73.558 C102.665,85.481 103.699,98.03 102.874,110.398 C102.101,121.975 97.466,133.001 93.024,143.579 C69.54,195.863 69.752,253.591 74.016,309.71 C61.476,312.61 49.351,322.407 46.587,335.407 C41.955,358.169 65.827,368.691 79.927,380.994 C97.123,395.997 109.641,415.416 125.273,431.9 C226.707,543.742 450.531,492.267 403.9995,318.062 C397.687,293.307 392.202,268.265 393.143,242.549 Z"></path></svg>');
inherits: true;
}
@property --peep_mohawk2_mask {
syntax: "bald1|bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M434.781,366.753 C417.886,290.163 414.594,206.051 370.001,139.174 C350.514,111.905 319.204,76.347 282.627,87.554 C284.134,71.407 285.557,55.254 286.873,39.089 C287.626,29.844 291.087,17.524 283.262,10.415 C270.343,-0.017 248.956,15.947 238.971,24.866 C217.339,45.58 208.797,65.699 180.302,79.532 C168.88,71.393 157.748,62.852 146.155,54.931 C134.342,46.862 117.444,33.752 105.185,48.65 C94.795,61.279 101.432,81.183 105.552,95.077 C107.659,102.183 109.753,109.94 112.681,117.247 C112.928,122.802 113.358,128.347 113.989,133.876 C92.881,137.632 71.157,140.792 50.99,148.164 C39.992,154.12 40.962,167.649 48.764,175.748 C60.44,187.054 75.215,195.896 91.345,201.832 C88.416,211.968 81.395,220.563 72.567,226.182 C69.606,228.059 67.945,230.813 67.344,233.75 C62.819,235.999 57.974,237.621 52.856,238.673 C46.544,239.977 42.897,247.426 44.524,253.347 C49.108,267.738 65.262,259.512 75.756,258.496 C76.072,268.545 76.236,279.017 80.799,288.326 C56.41,294.726 35.282,318.063 40.921,344.356 C46.043,369.492 73.176,377.173 94.654,382.885 C96.281,383.844 96.276,384.784 96.793,387.158 C100.337,403.453 97.353,421.38 91.766,436.85 C90.243,441.067 92.481,446.344 95.864,448.873 C113.355,460.009 119.154,426.095 139.093,447.681 C137.605,447.459 133.903,445.608 134.093,448.289 C159.961,493.685 236.339,496.475 283.136,497.59 C288.752,500.322 295.218,498.772 301.642,497.029 C307.771,496.697 313.893,496.237 319.9995,495.615 C331.149,493.603 350.76,495.988 351.46,480.284 C380.255,468.925 405.013,449.302 421.897,423.302 C434.421,406.05 439.366,387.787 434.781,366.753 L434.781,366.753 Z"></path></svg>');
inherits: true;
}
@property --peep_bald1_mask {
syntax: "bald2|bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M402.066,224.221 C393.016,186.067 373.228,150.561 341.55,121.866 C246.222,27.62 71.159,78.775 71.952,220.797 C68.533,237.385 67.145,254.441 68.277,271.358 C68.745,278.576 71.869,288.649 67.672,295.145 C58.205,307.298 52.703,316.256 55.925,332.422 C58.617,346.537 68.223,356.537 81.187,361.853 C88.962,364.084 96.339,368.944 99.219,376.352 C116.525,408.036 129.346,434.39 156.629,455.983 C163.669,461.542 235.875,494.884 259.666,494.884 C329.317,494.884 417.103,469.654 418.56,391.854 C418.812,374.766 415.813,357.479 413.932,340.526 C409.353,301.838 410.968,261.748 402.066,224.221 Z"></path></svg>');
inherits: true;
}
@property --peep_bald2_mask {
syntax: "bald3|pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M236.452,86.827 C268.973,86.827 316.61,105.67 379.365,143.357 C408.831,266.838 420.595,346.211 414.658,381.477 C405.751,434.376 359.365,499.184 282.567,499.184 C205.768,499.184 184.904,472.088 166.431,459.773 C154.115,451.563 135.547,428.776 110.725,391.413 C93.882,396.658 82.988,397.764 78.045,394.728 C67.514,388.263 68.793,371.261 65.464,354.82 C63.012,342.704 54.661,330.814 54.661,324.069 C54.661,299.595 72.054,301.344 80.814,295.479 C61.618,276.571 66.67,210.998 90.852,176.558 C115.034,142.119 187.672,86.827 236.452,86.827 Z"></path></svg>');
inherits: true;
}
@property --peep_bald3_mask {
syntax: "pomp|shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M398.851,192.084 C363.67,99.527 300.253,31.76 193.341,74.324 C190.274,72.236 186.272,71.676 182.437,74.121 C124.198,110.69 82.259,169.319 64.084,235.43 C53.023,237.533 42.275,241.201 32.675,247.216 C11.811,260.289 -2.226,281.091 -15.384,301.351 C-19.341,307.442 -15.677,317.526 -8.241,318.909 C-5.011,319.511 -1.81,319.869 1.373,319.963 C0.598,322.776 -0.422,325.494 -1.721,327.987 C-6.424,337.011 2.461,346.592 10.788,344.125 C11.712,344.614 12.68,345.016 13.683,345.318 C13.797,350.43 16.424,357.273 21.623,358.306 C30.031,360.11 41.205,353.675 39.221,344.271 C41.761,344.718 44.292,344.774 46.759,344.464 C47.035,349.361 46.949,354.471 47.625,358.988 C49.835,380.276 71.105,394.576 91.389,388.1 C92.633,394.733 94.094,404.053 100.627,407.651 C108.265,429.078 121.454,453.531 143.056,463.294 C141.133,468.221 142.176,474.215 147.968,477.512 C187.509,500.055 234.969,507.683 279.673,499.302 C297.539,498.238 314.946,494.201 331.654,485.6 C343.838,479.328 355.039,471.363 365.973,463.152 C376.913,454.938 388.61,446.94 397.342,436.275 C406.826,424.692 411.241,411.064 414.106,396.559 C427.235,330.72 422.7,266.073 398.851,203.355 C369.33,125.72 428.362,269.723 398.851,192.084 Z"></path></svg>');
inherits: true;
}
@property --peep_pomp_mask {
syntax: "shaved1|shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M385.415,173.222 C381.554,149.862 394.226,145.016 385.415,122.811 C365.833,81.667 312.468,83.44 273.308,80.277 C229.63,78.603 185.422,84.369 145.156,101.875 C135.538,106.056 126.287,110.973 117.419,116.56 C109.751,121.391 110.805,130.577 115.64,135.588 C80.775,184.96 100.716,251.232 72.897,303.202 C67.758,312.491 60.961,320.821 56.494,330.487 C49.704,345.18 49.269,366.233 64.667,375.99 C86.354,387.631 98.456,364.584 109.112,397.993 C162.33,514.483 269.329,521.044 370.905,460.31 C379.693,455.422 388.662,449.897 395.298,442.217 C410.361,425.266 408.587,401.428 408.92,380.259 C409.106,367.854 409.137,355.447 409.016,343.039 C408.542,292.781 391.885,223.065 385.415,173.222 Z"></path></svg>');
inherits: true;
}
@property --peep_shaved1_mask {
syntax: "shaved2|shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M346.462,91.677 C272.56,53.801 162.443,57.874 110.445,129.508 C102.169,143.104 93.768,157.994 89.692,173.144 C84.58,192.704 75.536,221.723 73.439,249.857 C72.221,266.199 77.76,282.045 76.258,296.081 C75.069,307.177 63.707,303.804 64.169,314.449 C65.07,335.244 65.728,365.508 76.258,381.876 C86.153,396.02 104.635,395.152 115.499,408.493 C125.738,421.056 134.588,434.994 147.53,445.05 C174.619,495.598 251.926,507.074 304.042,502.357 C428.214,482.629 426.75,297.043 424.967,199.422 C425.527,149.453 388.869,112.464 346.462,91.677 Z"></path></svg>');
inherits: true;
}
@property --peep_shaved2_mask {
syntax: "shaved3|short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M388.417,151.809 C381.339,126.313 382.351,123.555 371.802,99.202 C336.822,28.452 103.063,52.141 79.206,122.765 C66.264,161.079 69.304,215.038 65.935,248.261 C64.904,265.876 63.891,283.492 62.842,301.105 C62.48,307.188 62.113,313.27 61.74,319.352 C61.013,331.192 60.306,343.032 59.646,354.876 C55.251,391.362 73.587,395.073 105.038,393.993 C113.353,414.054 126.82,430.8 143.455,444.425 C139.44,455.347 154,461.001 161.854,465.368 C204.587,489.228 257.078,503.783 304.411,490.366 C318.319,486.424 375.753,472.771 393.412,430.505 C402.084,409.749 419.713,302.264 396.465,205.576 L388.417,151.809 Z"></path></svg>');
inherits: true;
}
@property --peep_shaved3_mask {
syntax: "short1|short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M375.419,51.024 C321.95,35.331 138.066,51.417 133.519,54.816 C126.078,60.999 89.884,80.617 84.252,85.096 C33.327,139.07 81.874,219.223 78.138,284.335 C78.376,307.431 68.534,328.519 64.01,350.738 C62.1,362.382 62.521,374.426 68.59,384.88 C79.26,403.56 101.793,407.347 120.119,414.879 C129.238,418.805 137.758,424.372 145.568,430.463 C198.152,476.98 227.422,508.834 304.149,498.34 C304.541,502.003 307.786,505.602 311.809,503.965 C321.229,500.129 330.582,496.06 340.084,492.424 C342.115,497.318 347.949,498.715 351.901,494.393 L351.924,494.424 C369.513,480.156 380.699,460.647 389.007,439.762 C394.821,427.713 399.582,415.141 403.22,402.195 C403.631,400.73 403.577,399.421 403.205,398.294 C419.991,340.451 426.203,279.487 421.784,219.43 C420.889,207.039 418.549,194.484 419.124,182.041 C419.644,170.799 424.487,160.165 428.179,149.695 C447.217,105.186 418.115,65.038 375.419,51.024 Z"></path></svg>');
inherits: true;
}
@property --peep_short1_mask {
syntax: "short2|short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M242.041,75.26 C298.822,75.26 357.552,119.272 378.365,147.357 C402.432,179.832 421.417,335.729 412.511,388.628 C403.605,441.527 359.365,499.184 282.567,499.184 C205.768,499.184 159.031,489.724 157.157,475.984 C155.908,466.825 139.023,436.751 106.503,385.765 C73.243,376.41 56.548,360.56 56.417,338.214 C56.288,315.868 65.2,300.63 83.152,292.5 C76.751,204.314 81.611,148.741 97.733,125.782 C121.914,91.342 185.261,75.26 242.041,75.26 Z"></path></svg>');
inherits: true;
}
@property --peep_short2_mask {
syntax: "short3|short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M405.263,225.319 C416.641,217.146 399.675,190.26 393.911,182.26 C388.897,171.824 383.883,161.387 378.868,150.95 C379.478,142.391 371.12,134.775 362.861,137.38 C355.676,132.227 343.642,134.694 339.99,142.761 C260.543,108.16 123.077,122.554 115.968,229.327 C100.6,259.727 85.368,290.387 71.733,321.608 C52.815,322.624 43.645,345.607 54.908,360.46 C56.407,384.579 71.698,386.487 92.112,385.414 C100.31,387.574 108.808,388.744 114.956,395.074 C119.629,399.85 122.805,405.904 125.87,411.779 C140.015,438.885 157.986,462.334 182.346,481.085 C220.229,509.435 271.511,529.79 318.749,515.99 C420.306,476.107 440.25,316.722 405.263,225.319 L405.263,225.319 Z"></path></svg>');
inherits: true;
}
@property --peep_short3_mask {
syntax: "short4|short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M418.424,337.603 C412.153,292.36 397.81,248.432 395.751,202.51 C394.526,182.859 393.301,163.207 392.077,143.554 C391.612,131.28 375.668,127.139 369.578,138.013 C355.735,122.661 330.947,124.922 312.036,125.388 C200.708,129.333 94.914,204.603 56.698,309.552 C55.779,312.054 56.057,314.717 57.096,317.1 C39.283,376.5 102.278,414.749 145.242,441.233 C162.671,459.651 183.158,474.953 206.291,485.433 C232.902,497.952 262.524,504.932 291.925,505.6 C298.379,505.748 302.256,500.53 302.722,495.129 C312.102,492.946 328.153,495.466 333.113,485.854 C389.68,461.285 426.537,399.013 418.424,337.603 L418.424,337.603 Z"></path></svg>');
inherits: true;
}
@property --peep_short4_mask {
syntax: "short5|turban|twists1|twists2|<url>";
initial-value: url('data:image/svg+xml,<svg viewBox="-150 -130 740 950" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M430.405,143.845 C430.069,131.88