css-peeps/css-peeps.compat.css

One CSS File, One <div>, 5 Million Open Peeps Combinations | Infinite Customization

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/);
}

/* accessories */
:where([data-css-peeps~="eyepatch"]) {
  --peep-accessory: eyepatch;
  --peep-accessory-mask: var(--peep_eyepatch_mask);
  --peep-accessory-detail: var(--peep_eyepatch_detail);
  --peep-accessory-paint: var(--peep_eyepatch_paint);
}
:where([data-css-peeps~="glasses1"]) {
  --peep-accessory: glasses1;
  --peep-accessory-mask: var(--peep_glasses1_mask);
  --peep-accessory-detail: var(--peep_glasses1_detail);
  --peep-accessory-paint: var(--peep_glasses1_paint);
}
:where([data-css-peeps~="glasses2"]) {
  --peep-accessory: glasses2;
  --peep-accessory-mask: var(--peep_glasses2_mask);
  --peep-accessory-detail: var(--peep_glasses2_detail);
  --peep-accessory-paint: var(--peep_glasses2_paint);
}
:where([data-css-peeps~="glasses3"]) {
  --peep-accessory: glasses3;
  --peep-accessory-mask: var(--peep_glasses3_mask);
  --peep-accessory-detail: var(--peep_glasses3_detail);
  --peep-accessory-paint: var(--peep_glasses3_paint);
}
:where([data-css-peeps~="glasses4"]) {
  --peep-accessory: glasses4;
  --peep-accessory-mask: var(--peep_glasses4_mask);
  --peep-accessory-detail: var(--peep_glasses4_detail);
  --peep-accessory-paint: var(--peep_glasses4_paint);
}
:where([data-css-peeps~="glasses5"]) {
  --peep-accessory: glasses5;
  --peep-accessory-mask: var(--peep_glasses5_mask);
  --peep-accessory-detail: var(--peep_glasses5_detail);
  --peep-accessory-paint: var(--peep_glasses5_paint);
}
:where([data-css-peeps~="sunglasses1"]) {
  --peep-accessory: sunglasses1;
  --peep-accessory-mask: var(--peep_sunglasses1_mask);
  --peep-accessory-detail: var(--peep_sunglasses1_detail);
  --peep-accessory-paint: var(--peep_sunglasses1_paint);
}
:where([data-css-peeps~="sunglasses2"]) {
  --peep-accessory: sunglasses2;
  --peep-accessory-mask: var(--peep_sunglasses2_mask);
  --peep-accessory-detail: var(--peep_sunglasses2_detail);
  --peep-accessory-paint: var(--peep_sunglasses2_paint);
}

/* facial-hair */
:where([data-css-peeps~="chinhair"]) {
  --peep-facial-hair: chinhair;
  --peep-facial-hair-mask: var(--peep_chinhair_mask);
  --peep-facial-hair-detail: var(--peep_chinhair_detail);
  --peep-facial-hair-paint: var(--peep_chinhair_paint);
}
:where([data-css-peeps~="beard1"]) {
  --peep-facial-hair: beard1;
  --peep-facial-hair-mask: var(--peep_beard1_mask);
  --peep-facial-hair-detail: var(--peep_beard1_detail);
  --peep-facial-hair-paint: var(--peep_beard1_paint);
}
:where([data-css-peeps~="beard2"]) {
  --peep-facial-hair: beard2;
  --peep-facial-hair-mask: var(--peep_beard2_mask);
  --peep-facial-hair-detail: var(--peep_beard2_detail);
  --peep-facial-hair-paint: var(--peep_beard2_paint);
}
:where([data-css-peeps~="beard3"]) {
  --peep-facial-hair: beard3;
  --peep-facial-hair-mask: var(--peep_beard3_mask);
  --peep-facial-hair-detail: var(--peep_beard3_detail);
  --peep-facial-hair-paint: var(--peep_beard3_paint);
}
:where([data-css-peeps~="beard4"]) {
  --peep-facial-hair: beard4;
  --peep-facial-hair-mask: var(--peep_beard4_mask);
  --peep-facial-hair-detail: var(--peep_beard4_detail);
  --peep-facial-hair-paint: var(--peep_beard4_paint);
}
:where([data-css-peeps~="goatee1"]) {
  --peep-facial-hair: goatee1;
  --peep-facial-hair-mask: var(--peep_goatee1_mask);
  --peep-facial-hair-detail: var(--peep_goatee1_detail);
  --peep-facial-hair-paint: var(--peep_goatee1_paint);
}
:where([data-css-peeps~="goatee2"]) {
  --peep-facial-hair: goatee2;
  --peep-facial-hair-mask: var(--peep_goatee2_mask);
  --peep-facial-hair-detail: var(--peep_goatee2_detail);
  --peep-facial-hair-paint: var(--peep_goatee2_paint);
}
:where([data-css-peeps~="mustache1"]) {
  --peep-facial-hair: mustache1;
  --peep-facial-hair-mask: var(--peep_mustache1_mask);
  --peep-facial-hair-detail: var(--peep_mustache1_detail);
  --peep-facial-hair-paint: var(--peep_mustache1_paint);
}
:where([data-css-peeps~="mustache2"]) {
  --peep-facial-hair: mustache2;
  --peep-facial-hair-mask: var(--peep_mustache2_mask);
  --peep-facial-hair-detail: var(--peep_mustache2_detail);
  --peep-facial-hair-paint: var(--peep_mustache2_paint);
}
:where([data-css-peeps~="mustache3"]) {
  --peep-facial-hair: mustache3;
  --peep-facial-hair-mask: var(--peep_mustache3_mask);
  --peep-facial-hair-detail: var(--peep_mustache3_detail);
  --peep-facial-hair-paint: var(--peep_mustache3_paint);
}
:where([data-css-peeps~="mustache4"]) {
  --peep-facial-hair: mustache4;
  --peep-facial-hair-mask: var(--peep_mustache4_mask);
  --peep-facial-hair-detail: var(--peep_mustache4_detail);
  --peep-facial-hair-paint: var(--peep_mustache4_paint);
}
:where([data-css-peeps~="mustache5"]) {
  --peep-facial-hair: mustache5;
  --peep-facial-hair-mask: var(--peep_mustache5_mask);
  --peep-facial-hair-detail: var(--peep_mustache5_detail);
  --peep-facial-hair-paint: var(--peep_mustache5_paint);
}
:where([data-css-peeps~="mustache6"]) {
  --peep-facial-hair: mustache6;
  --peep-facial-hair-mask: var(--peep_mustache6_mask);
  --peep-facial-hair-detail: var(--peep_mustache6_detail);
  --peep-facial-hair-paint: var(--peep_mustache6_paint);
}
:where([data-css-peeps~="mustache7"]) {
  --peep-facial-hair: mustache7;
  --peep-facial-hair-mask: var(--peep_mustache7_mask);
  --peep-facial-hair-detail: var(--peep_mustache7_detail);
  --peep-facial-hair-paint: var(--peep_mustache7_paint);
}
:where([data-css-peeps~="mustache8"]) {
  --peep-facial-hair: mustache8;
  --peep-facial-hair-mask: var(--peep_mustache8_mask);
  --peep-facial-hair-detail: var(--peep_mustache8_detail);
  --peep-facial-hair-paint: var(--peep_mustache8_paint);
}
:where([data-css-peeps~="mustache9"]) {
  --peep-facial-hair: mustache9;
  --peep-facial-hair-mask: var(--peep_mustache9_mask);
  --peep-facial-hair-detail: var(--peep_mustache9_detail);
  --peep-facial-hair-paint: var(--peep_mustache9_paint);
}

/* face */
:where([data-css-peeps~="fangry"]) {
  --peep-face: fangry;
  --peep-face-mask: var(--peep_fangry_mask);
  --peep-face-detail: var(--peep_fangry_detail);
  --peep-face-paint: var(--peep_fangry_paint);
}
:where([data-css-peeps~="awe"]) {
  --peep-face: awe;
  --peep-face-mask: var(--peep_awe_mask);
  --peep-face-detail: var(--peep_awe_detail);
  --peep-face-paint: var(--peep_awe_paint);
}
:where([data-css-peeps~="blank"]) {
  --peep-face: blank;
  --peep-face-mask: var(--peep_blank_mask);
  --peep-face-detail: var(--peep_blank_detail);
  --peep-face-paint: var(--peep_blank_paint);
}
:where([data-css-peeps~="calm"]) {
  --peep-face: calm;
  --peep-face-mask: var(--peep_calm_mask);
  --peep-face-detail: var(--peep_calm_detail);
  --peep-face-paint: var(--peep_calm_paint);
}
:where([data-css-peeps~="cheeky"]) {
  --peep-face: cheeky;
  --peep-face-mask: var(--peep_cheeky_mask);
  --peep-face-detail: var(--peep_cheeky_detail);
  --peep-face-paint: var(--peep_cheeky_paint);
}
:where([data-css-peeps~="gasp"]) {
  --peep-face: gasp;
  --peep-face-mask: var(--peep_gasp_mask);
  --peep-face-detail: var(--peep_gasp_detail);
  --peep-face-paint: var(--peep_gasp_paint);
}
:where([data-css-peeps~="concerned-fear"]) {
  --peep-face: concerned-fear;
  --peep-face-mask: var(--peep_concerned_fear_mask);
  --peep-face-detail: var(--peep_concerned_fear_detail);
  --peep-face-paint: var(--peep_concerned_fear_paint);
}
:where([data-css-peeps~="peace"]) {
  --peep-face: peace;
  --peep-face-mask: var(--peep_peace_mask);
  --peep-face-detail: var(--peep_peace_detail);
  --peep-face-paint: var(--peep_peace_paint);
}
:where([data-css-peeps~="cute"]) {
  --peep-face: cute;
  --peep-face-mask: var(--peep_cute_mask);
  --peep-face-detail: var(--peep_cute_detail);
  --peep-face-paint: var(--peep_cute_paint);
}
:where([data-css-peeps~="cyclops"]) {
  --peep-face: cyclops;
  --peep-face-mask: var(--peep_cyclops_mask);
  --peep-face-detail: var(--peep_cyclops_detail);
  --peep-face-paint: var(--peep_cyclops_paint);
}
:where([data-css-peeps~="driven"]) {
  --peep-face: driven;
  --peep-face-mask: var(--peep_driven_mask);
  --peep-face-detail: var(--peep_driven_detail);
  --peep-face-paint: var(--peep_driven_paint);
}
:where([data-css-peeps~="eating-happy"]) {
  --peep-face: eating-happy;
  --peep-face-mask: var(--peep_eating_happy_mask);
  --peep-face-detail: var(--peep_eating_happy_detail);
  --peep-face-paint: var(--peep_eating_happy_paint);
}
:where([data-css-peeps~="talking"]) {
  --peep-face: talking;
  --peep-face-mask: var(--peep_talking_mask);
  --peep-face-detail: var(--peep_talking_detail);
  --peep-face-paint: var(--peep_talking_paint);
}
:where([data-css-peeps~="eyes-closed"]) {
  --peep-face: eyes-closed;
  --peep-face-mask: var(--peep_eyes_closed_mask);
  --peep-face-detail: var(--peep_eyes_closed_detail);
  --peep-face-paint: var(--peep_eyes_closed_paint);
}
:where([data-css-peeps~="fear"]) {
  --peep-face: fear;
  --peep-face-mask: var(--peep_fear_mask);
  --peep-face-detail: var(--peep_fear_detail);
  --peep-face-paint: var(--peep_fear_paint);
}
:where([data-css-peeps~="hectic"]) {
  --peep-face: hectic;
  --peep-face-mask: var(--peep_hectic_mask);
  --peep-face-detail: var(--peep_hectic_detail);
  --peep-face-paint: var(--peep_hectic_paint);
}
:where([data-css-peeps~="loving-grin1"]) {
  --peep-face: loving-grin1;
  --peep-face-mask: var(--peep_loving_grin1_mask);
  --peep-face-detail: var(--peep_loving_grin1_detail);
  --peep-face-paint: var(--peep_loving_grin1_paint);
}
:where([data-css-peeps~="loving-grin2"]) {
  --peep-face: loving-grin2;
  --peep-face-mask: var(--peep_loving_grin2_mask);
  --peep-face-detail: var(--peep_loving_grin2_detail);
  --peep-face-paint: var(--peep_loving_grin2_paint);
}
:where([data-css-peeps~="monster"]) {
  --peep-face: monster;
  --peep-face-mask: var(--peep_monster_mask);
  --peep-face-detail: var(--peep_monster_detail);
  --peep-face-paint: var(--peep_monster_paint);
}
:where([data-css-peeps~="old"]) {
  --peep-face: old;
  --peep-face-mask: var(--peep_old_mask);
  --peep-face-detail: var(--peep_old_detail);
  --peep-face-paint: var(--peep_old_paint);
}
:where([data-css-peeps~="rage"]) {
  --peep-face: rage;
  --peep-face-mask: var(--peep_rage_mask);
  --peep-face-detail: var(--peep_rage_detail);
  --peep-face-paint: var(--peep_rage_paint);
}
:where([data-css-peeps~="serious"]) {
  --peep-face: serious;
  --peep-face-mask: var(--peep_serious_mask);
  --peep-face-detail: var(--peep_serious_detail);
  --peep-face-paint: var(--peep_serious_paint);
}
:where([data-css-peeps~="laughing"]) {
  --peep-face: laughing;
  --peep-face-mask: var(--peep_laughing_mask);
  --peep-face-detail: var(--peep_laughing_detail);
  --peep-face-paint: var(--peep_laughing_paint);
}
:where([data-css-peeps~="smile"]) {
  --peep-face: smile;
  --peep-face-mask: var(--peep_smile_mask);
  --peep-face-detail: var(--peep_smile_detail);
  --peep-face-paint: var(--peep_smile_paint);
}
:where([data-css-peeps~="smile-gap"]) {
  --peep-face: smile-gap;
  --peep-face-mask: var(--peep_smile_gap_mask);
  --peep-face-detail: var(--peep_smile_gap_detail);
  --peep-face-paint: var(--peep_smile_gap_paint);
}
:where([data-css-peeps~="smile-big"]) {
  --peep-face: smile-big;
  --peep-face-mask: var(--peep_smile_big_mask);
  --peep-face-detail: var(--peep_smile_big_detail);
  --peep-face-paint: var(--peep_smile_big_paint);
}
:where([data-css-peeps~="sad"]) {
  --peep-face: sad;
  --peep-face-mask: var(--peep_sad_mask);
  --peep-face-detail: var(--peep_sad_detail);
  --peep-face-paint: var(--peep_sad_paint);
}
:where([data-css-peeps~="suspicious"]) {
  --peep-face: suspicious;
  --peep-face-mask: var(--peep_suspicious_mask);
  --peep-face-detail: var(--peep_suspicious_detail);
  --peep-face-paint: var(--peep_suspicious_paint);
}
:where([data-css-peeps~="tired"]) {
  --peep-face: tired;
  --peep-face-mask: var(--peep_tired_mask);
  --peep-face-detail: var(--peep_tired_detail);
  --peep-face-paint: var(--peep_tired_paint);
}
:where([data-css-peeps~="angry"]) {
  --peep-face: angry;
  --peep-face-mask: var(--peep_angry_mask);
  --peep-face-detail: var(--peep_angry_detail);
  --peep-face-paint: var(--peep_angry_paint);
}

/* head */
:where([data-css-peeps~="afro"]) {
  --peep-head: afro;
  --peep-head-mask: var(--peep_afro_mask);
  --peep-head-detail: var(--peep_afro_detail);
  --peep-head-paint: var(--peep_afro_paint);
}
:where([data-css-peeps~="bangs1"]) {
  --peep-head: bangs1;
  --peep-head-mask: var(--peep_bangs1_mask);
  --peep-head-detail: var(--peep_bangs1_detail);
  --peep-head-paint: var(--peep_bangs1_paint);
}
:where([data-css-peeps~="bangs2"]) {
  --peep-head: bangs2;
  --peep-head-mask: var(--peep_bangs2_mask);
  --peep-head-detail: var(--peep_bangs2_detail);
  --peep-head-paint: var(--peep_bangs2_paint);
}
:where([data-css-peeps~="long-afro"]) {
  --peep-head: long-afro;
  --peep-head-mask: var(--peep_long_afro_mask);
  --peep-head-detail: var(--peep_long_afro_detail);
  --peep-head-paint: var(--peep_long_afro_paint);
}
:where([data-css-peeps~="bald1"]) {
  --peep-head: bald1;
  --peep-head-mask: var(--peep_bald1_mask);
  --peep-head-detail: var(--peep_bald1_detail);
  --peep-head-paint: var(--peep_bald1_paint);
}
:where([data-css-peeps~="bald2"]) {
  --peep-head: bald2;
  --peep-head-mask: var(--peep_bald2_mask);
  --peep-head-detail: var(--peep_bald2_detail);
  --peep-head-paint: var(--peep_bald2_paint);
}
:where([data-css-peeps~="bald3"]) {
  --peep-head: bald3;
  --peep-head-mask: var(--peep_bald3_mask);
  --peep-head-detail: var(--peep_bald3_detail);
  --peep-head-paint: var(--peep_bald3_paint);
}
:where([data-css-peeps~="bantu-knots"]) {
  --peep-head: bantu-knots;
  --peep-head-mask: var(--peep_bantu_knots_mask);
  --peep-head-detail: var(--peep_bantu_knots_detail);
  --peep-head-paint: var(--peep_bantu_knots_paint);
}
:where([data-css-peeps~="teddy"]) {
  --peep-head: teddy;
  --peep-head-mask: var(--peep_teddy_mask);
  --peep-head-detail: var(--peep_teddy_detail);
  --peep-head-paint: var(--peep_teddy_paint);
}
:where([data-css-peeps~="bun1"]) {
  --peep-head: bun1;
  --peep-head-mask: var(--peep_bun1_mask);
  --peep-head-detail: var(--peep_bun1_detail);
  --peep-head-paint: var(--peep_bun1_paint);
}
:where([data-css-peeps~="bun2"]) {
  --peep-head: bun2;
  --peep-head-mask: var(--peep_bun2_mask);
  --peep-head-detail: var(--peep_bun2_detail);
  --peep-head-paint: var(--peep_bun2_paint);
}
:where([data-css-peeps~="buns"]) {
  --peep-head: buns;
  --peep-head-mask: var(--peep_buns_mask);
  --peep-head-detail: var(--peep_buns_detail);
  --peep-head-paint: var(--peep_buns_paint);
}
:where([data-css-peeps~="cornrows1"]) {
  --peep-head: cornrows1;
  --peep-head-mask: var(--peep_cornrows1_mask);
  --peep-head-detail: var(--peep_cornrows1_detail);
  --peep-head-paint: var(--peep_cornrows1_paint);
}
:where([data-css-peeps~="cornrows2"]) {
  --peep-head: cornrows2;
  --peep-head-mask: var(--peep_cornrows2_mask);
  --peep-head-detail: var(--peep_cornrows2_detail);
  --peep-head-paint: var(--peep_cornrows2_paint);
}
:where([data-css-peeps~="flat-top1"]) {
  --peep-head: flat-top1;
  --peep-head-mask: var(--peep_flat_top1_mask);
  --peep-head-detail: var(--peep_flat_top1_detail);
  --peep-head-paint: var(--peep_flat_top1_paint);
}
:where([data-css-peeps~="flat-top2"]) {
  --peep-head: flat-top2;
  --peep-head-mask: var(--peep_flat_top2_mask);
  --peep-head-detail: var(--peep_flat_top2_detail);
  --peep-head-paint: var(--peep_flat_top2_paint);
}
:where([data-css-peeps~="gray-bun"]) {
  --peep-head: gray-bun;
  --peep-head-mask: var(--peep_gray_bun_mask);
  --peep-head-detail: var(--peep_gray_bun_detail);
  --peep-head-paint: var(--peep_gray_bun_paint);
}
:where([data-css-peeps~="gray-medium"]) {
  --peep-head: gray-medium;
  --peep-head-mask: var(--peep_gray_medium_mask);
  --peep-head-detail: var(--peep_gray_medium_detail);
  --peep-head-paint: var(--peep_gray_medium_paint);
}
:where([data-css-peeps~="gray-long"]) {
  --peep-head: gray-long;
  --peep-head-mask: var(--peep_gray_long_mask);
  --peep-head-detail: var(--peep_gray_long_detail);
  --peep-head-paint: var(--peep_gray_long_paint);
}
:where([data-css-peeps~="gray-short"]) {
  --peep-head: gray-short;
  --peep-head-mask: var(--peep_gray_short_mask);
  --peep-head-detail: var(--peep_gray_short_detail);
  --peep-head-paint: var(--peep_gray_short_paint);
}
:where([data-css-peeps~="beanie"]) {
  --peep-head: beanie;
  --peep-head-mask: var(--peep_beanie_mask);
  --peep-head-detail: var(--peep_beanie_detail);
  --peep-head-paint: var(--peep_beanie_paint);
}
:where([data-css-peeps~="sierra"]) {
  --peep-head: sierra;
  --peep-head-mask: var(--peep_sierra_mask);
  --peep-head-detail: var(--peep_sierra_detail);
  --peep-head-paint: var(--peep_sierra_paint);
}
:where([data-css-peeps~="hijab"]) {
  --peep-head: hijab;
  --peep-head-mask: var(--peep_hijab_mask);
  --peep-head-detail: var(--peep_hijab_detail);
  --peep-head-paint: var(--peep_hijab_paint);
}
:where([data-css-peeps~="long-bangs"]) {
  --peep-head: long-bangs;
  --peep-head-mask: var(--peep_long_bangs_mask);
  --peep-head-detail: var(--peep_long_bangs_detail);
  --peep-head-paint: var(--peep_long_bangs_paint);
}
:where([data-css-peeps~="long-curly"]) {
  --peep-head: long-curly;
  --peep-head-mask: var(--peep_long_curly_mask);
  --peep-head-detail: var(--peep_long_curly_detail);
  --peep-head-paint: var(--peep_long_curly_paint);
}
:where([data-css-peeps~="long-straight"]) {
  --peep-head: long-straight;
  --peep-head-mask: var(--peep_long_straight_mask);
  --peep-head-detail: var(--peep_long_straight_detail);
  --peep-head-paint: var(--peep_long_straight_paint);
}
:where([data-css-peeps~="medium1"]) {
  --peep-head: medium1;
  --peep-head-mask: var(--peep_medium1_mask);
  --peep-head-detail: var(--peep_medium1_detail);
  --peep-head-paint: var(--peep_medium1_paint);
}
:where([data-css-peeps~="medium2"]) {
  --peep-head: medium2;
  --peep-head-mask: var(--peep_medium2_mask);
  --peep-head-detail: var(--peep_medium2_detail);
  --peep-head-paint: var(--peep_medium2_paint);
}
:where([data-css-peeps~="medium3"]) {
  --peep-head: medium3;
  --peep-head-mask: var(--peep_medium3_mask);
  --peep-head-detail: var(--peep_medium3_detail);
  --peep-head-paint: var(--peep_medium3_paint);
}
:where([data-css-peeps~="medium-bangs1"]) {
  --peep-head: medium-bangs1;
  --peep-head-mask: var(--peep_medium_bangs1_mask);
  --peep-head-detail: var(--peep_medium_bangs1_detail);
  --peep-head-paint: var(--peep_medium_bangs1_paint);
}
:where([data-css-peeps~="medium-bangs2"]) {
  --peep-head: medium-bangs2;
  --peep-head-mask: var(--peep_medium_bangs2_mask);
  --peep-head-detail: var(--peep_medium_bangs2_detail);
  --peep-head-paint: var(--peep_medium_bangs2_paint);
}
:where([data-css-peeps~="medium-bangs3"]) {
  --peep-head: medium-bangs3;
  --peep-head-mask: var(--peep_medium_bangs3_mask);
  --peep-head-detail: var(--peep_medium_bangs3_detail);
  --peep-head-paint: var(--peep_medium_bangs3_paint);
}
:where([data-css-peeps~="medium-straight"]) {
  --peep-head: medium-straight;
  --peep-head-mask: var(--peep_medium_straight_mask);
  --peep-head-detail: var(--peep_medium_straight_detail);
  --peep-head-paint: var(--peep_medium_straight_paint);
}
:where([data-css-peeps~="mohawk1"]) {
  --peep-head: mohawk1;
  --peep-head-mask: var(--peep_mohawk1_mask);
  --peep-head-detail: var(--peep_mohawk1_detail);
  --peep-head-paint: var(--peep_mohawk1_paint);
}
:where([data-css-peeps~="mohawk2"]) {
  --peep-head: mohawk2;
  --peep-head-mask: var(--peep_mohawk2_mask);
  --peep-head-detail: var(--peep_mohawk2_detail);
  --peep-head-paint: var(--peep_mohawk2_paint);
}
:where([data-css-peeps~="pomp"]) {
  --peep-head: pomp;
  --peep-head-mask: var(--peep_pomp_mask);
  --peep-head-detail: var(--peep_pomp_detail);
  --peep-head-paint: var(--peep_pomp_paint);
}
:where([data-css-peeps~="shaved1"]) {
  --peep-head: shaved1;
  --peep-head-mask: var(--peep_shaved1_mask);
  --peep-head-detail: var(--peep_shaved1_detail);
  --peep-head-paint: var(--peep_shaved1_paint);
}
:where([data-css-peeps~="shaved2"]) {
  --peep-head: shaved2;
  --peep-head-mask: var(--peep_shaved2_mask);
  --peep-head-detail: var(--peep_shaved2_detail);
  --peep-head-paint: var(--peep_shaved2_paint);
}
:where([data-css-peeps~="shaved3"]) {
  --peep-head: shaved3;
  --peep-head-mask: var(--peep_shaved3_mask);
  --peep-head-detail: var(--peep_shaved3_detail);
  --peep-head-paint: var(--peep_shaved3_paint);
}
:where([data-css-peeps~="short1"]) {
  --peep-head: short1;
  --peep-head-mask: var(--peep_short1_mask);
  --peep-head-detail: var(--peep_short1_detail);
  --peep-head-paint: var(--peep_short1_paint);
}
:where([data-css-peeps~="short2"]) {
  --peep-head: short2;
  --peep-head-mask: var(--peep_short2_mask);
  --peep-head-detail: var(--peep_short2_detail);
  --peep-head-paint: var(--peep_short2_paint);
}
:where([data-css-peeps~="short3"]) {
  --peep-head: short3;
  --peep-head-mask: var(--peep_short3_mask);
  --peep-head-detail: var(--peep_short3_detail);
  --peep-head-paint: var(--peep_short3_paint);
}
:where([data-css-peeps~="short4"]) {
  --peep-head: short4;
  --peep-head-mask: var(--peep_short4_mask);
  --peep-head-detail: var(--peep_short4_detail);
  --peep-head-paint: var(--peep_short4_paint);
}
:where([data-css-peeps~="short5"]) {
  --peep-head: short5;
  --peep-head-mask: var(--peep_short5_mask);
  --peep-head-detail: var(--peep_short5_detail);
  --peep-head-paint: var(--peep_short5_paint);
}
:where([data-css-peeps~="turban"]) {
  --peep-head: turban;
  --peep-head-mask: var(--peep_turban_mask);
  --peep-head-detail: var(--peep_turban_detail);
  --peep-head-paint: var(--peep_turban_paint);
}
:where([data-css-peeps~="twists1"]) {
  --peep-head: twists1;
  --peep-head-mask: var(--peep_twists1_mask);
  --peep-head-detail: var(--peep_twists1_detail);
  --peep-head-paint: var(--peep_twists1_paint);
}
:where([data-css-peeps~="twists2"]) {
  --peep-head: twists2;
  --peep-head-mask: var(--peep_twists2_mask);
  --peep-head-detail: var(--peep_twists2_detail);
  --peep-head-paint: var(--peep_twists2_paint);
}

/* body */
:where([data-css-peeps~="blazer"]) {
  --peep-body: blazer;
  --peep-body-mask: var(--peep_blazer_mask);
  --peep-body-detail: var(--peep_blazer_detail);
  --peep-body-paint: var(--peep_blazer_paint);
}
:where([data-css-peeps~="buttonup1"]) {
  --peep-body: buttonup1;
  --peep-body-mask: var(--peep_buttonup1_mask);
  --peep-body-detail: var(--peep_buttonup1_detail);
  --peep-body-paint: var(--peep_buttonup1_paint);
}
:where([data-css-peeps~="buttonup2"]) {
  --peep-body: buttonup2;
  --peep-body-mask: var(--peep_buttonup2_mask);
  --peep-body-detail: var(--peep_buttonup2_detail);
  --peep-body-paint: var(--peep_buttonup2_paint);
}
:where([data-css-peeps~="laptop"]) {
  --peep-body: laptop;
  --peep-body-mask: var(--peep_laptop_mask);
  --peep-body-detail: var(--peep_laptop_detail);
  --peep-body-paint: var(--peep_laptop_paint);
}
:where([data-css-peeps~="striped-pocket-tee"]) {
  --peep-body: striped-pocket-tee;
  --peep-body-mask: var(--peep_striped_pocket_tee_mask);
  --peep-body-detail: var(--peep_striped_pocket_tee_detail);
  --peep-body-paint: var(--peep_striped_pocket_tee_paint);
}
:where([data-css-peeps~="coffee"]) {
  --peep-body: coffee;
  --peep-body-mask: var(--peep_coffee_mask);
  --peep-body-detail: var(--peep_coffee_detail);
  --peep-body-paint: var(--peep_coffee_paint);
}
:where([data-css-peeps~="phone"]) {
  --peep-body: phone;
  --peep-body-mask: var(--peep_phone_mask);
  --peep-body-detail: var(--peep_phone_detail);
  --peep-body-paint: var(--peep_phone_paint);
}
:where([data-css-peeps~="dress"]) {
  --peep-body: dress;
  --peep-body-mask: var(--peep_dress_mask);
  --peep-body-detail: var(--peep_dress_detail);
  --peep-body-paint: var(--peep_dress_paint);
}
:where([data-css-peeps~="explaining"]) {
  --peep-body: explaining;
  --peep-body-mask: var(--peep_explaining_mask);
  --peep-body-detail: var(--peep_explaining_detail);
  --peep-body-paint: var(--peep_explaining_paint);
}
:where([data-css-peeps~="jacket"]) {
  --peep-body: jacket;
  --peep-body-mask: var(--peep_jacket_mask);
  --peep-body-detail: var(--peep_jacket_detail);
  --peep-body-paint: var(--peep_jacket_paint);
}
:where([data-css-peeps~="gaming"]) {
  --peep-body: gaming;
  --peep-body-mask: var(--peep_gaming_mask);
  --peep-body-detail: var(--peep_gaming_detail);
  --peep-body-paint: var(--peep_gaming_paint);
}
:where([data-css-peeps~="tank"]) {
  --peep-body: tank;
  --peep-body-mask: var(--peep_tank_mask);
  --peep-body-detail: var(--peep_tank_detail);
  --peep-body-paint: var(--peep_tank_paint);
}
:where([data-css-peeps~="hoodie"]) {
  --peep-body: hoodie;
  --peep-body-mask: var(--peep_hoodie_mask);
  --peep-body-detail: var(--peep_hoodie_detail);
  --peep-body-paint: var(--peep_hoodie_paint);
}
:where([data-css-peeps~="killer"]) {
  --peep-body: killer;
  --peep-body-mask: var(--peep_killer_mask);
  --peep-body-detail: var(--peep_killer_detail);
  --peep-body-paint: var(--peep_killer_paint);
}
:where([data-css-peeps~="paper"]) {
  --peep-body: paper;
  --peep-body-mask: var(--peep_paper_mask);
  --peep-body-detail: var(--peep_paper_detail);
  --peep-body-paint: var(--peep_paper_paint);
}
:where([data-css-peeps~="pointing-up"]) {
  --peep-body: pointing-up;
  --peep-body-mask: var(--peep_pointing_up_mask);
  --peep-body-detail: var(--peep_pointing_up_detail);
  --peep-body-paint: var(--peep_pointing_up_paint);
}
:where([data-css-peeps~="polkadot-jacket"]) {
  --peep-body: polkadot-jacket;
  --peep-body-mask: var(--peep_polkadot_jacket_mask);
  --peep-body-detail: var(--peep_polkadot_jacket_detail);
  --peep-body-paint: var(--peep_polkadot_jacket_paint);
}
:where([data-css-peeps~="polo-sweater"]) {
  --peep-body: polo-sweater;
  --peep-body-mask: var(--peep_polo_sweater_mask);
  --peep-body-detail: var(--peep_polo_sweater_detail);
  --peep-body-paint: var(--peep_polo_sweater_paint);
}
:where([data-css-peeps~="shirt-coat"]) {
  --peep-body: shirt-coat;
  --peep-body-mask: var(--peep_shirt_coat_mask);
  --peep-body-detail: var(--peep_shirt_coat_detail);
  --peep-body-paint: var(--peep_shirt_coat_paint);
}
:where([data-css-peeps~="sporty-tee"]) {
  --peep-body: sporty-tee;
  --peep-body-mask: var(--peep_sporty_tee_mask);
  --peep-body-detail: var(--peep_sporty_tee_detail);
  --peep-body-paint: var(--peep_sporty_tee_paint);
}
:where([data-css-peeps~="striped-tee"]) {
  --peep-body: striped-tee;
  --peep-body-mask: var(--peep_striped_tee_mask);
  --peep-body-detail: var(--peep_striped_tee_detail);
  --peep-body-paint: var(--peep_striped_tee_paint);
}
:where([data-css-peeps~="sweater-dots"]) {
  --peep-body: sweater-dots;
  --peep-body-mask: var(--peep_sweater_dots_mask);
  --peep-body-detail: var(--peep_sweater_dots_detail);
  --peep-body-paint: var(--peep_sweater_dots_paint);
}
:where([data-css-peeps~="sweater-crossed"]) {
  --peep-body: sweater-crossed;
  --peep-body-mask: var(--peep_sweater_crossed_mask);
  --peep-body-detail: var(--peep_sweater_crossed_detail);
  --peep-body-paint: var(--peep_sweater_crossed_paint);
}
:where([data-css-peeps~="tee1"]) {
  --peep-body: tee1;
  --peep-body-mask: var(--peep_tee1_mask);
  --peep-body-detail: var(--peep_tee1_detail);
  --peep-body-paint: var(--peep_tee1_paint);
}
:where([data-css-peeps~="tee2"]) {
  --peep-body: tee2;
  --peep-body-mask: var(--peep_tee2_mask);
  --peep-body-detail: var(--peep_tee2_detail);
  --peep-body-paint: var(--peep_tee2_paint);
}
:where([data-css-peeps~="tee-crossed"]) {
  --peep-body: tee-crossed;
  --peep-body-mask: var(--peep_tee_crossed_mask);
  --peep-body-detail: var(--peep_tee_crossed_detail);
  --peep-body-paint: var(--peep_tee_crossed_paint);
}
:where([data-css-peeps~="tee-selena"]) {
  --peep-body: tee-selena;
  --peep-body-mask: var(--peep_tee_selena_mask);
  --peep-body-detail: var(--peep_tee_selena_detail);
  --peep-body-paint: var(--peep_tee_selena_paint);
}
:where([data-css-peeps~="thunder-tee"]) {
  --peep-body: thunder-tee;
  --peep-body-mask: var(--peep_thunder_tee_mask);
  --peep-body-detail: var(--peep_thunder_tee_detail);
  --peep-body-paint: var(--peep_thunder_tee_paint);
}
:where([data-css-peeps~="turtleneck"]) {
  --peep-body: turtleneck;
  --peep-body-mask: var(--peep_turtleneck_mask);
  --peep-body-detail: var(--peep_turtleneck_detail);
  --peep-body-paint: var(--peep_turtleneck_paint);
}
:where([data-css-peeps~="shrug"]) {
  --peep-body: shrug;
  --peep-body-mask: var(--peep_shrug_mask);
  --peep-body-detail: var(--peep_shrug_detail);
  --peep-body-paint: var(--peep_shrug_paint);
}

:where([data-css-peeps]:not([data-css-peeps=""])) {
  /* optimized Open Peeps SVG Path Data split into layers + css-peeps customizable paint */

  /* accessories */
  --peep_eyepatch_mask: initial;
  --peep_eyepatch_detail: url('data:image/svg+xml,<svg viewBox="-20 -60 430 195" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M335.397,-59.613 C341.177,-61.594 345.787,-55.583 344.677,-50.344 C343.367,-44.174 336.927,-39.222 332.657,-34.873 C328.177,-30.293 323.607,-25.803 318.867,-21.483 C309.817,-13.222 300.437,-5.443 290.547,1.807 L287.522,4.023 C278.456,10.656 269.418,17.135 259.707,22.877 C254.447,25.977 249.137,28.977 243.757,31.867 C241.838,32.897 239.497,34.486 237.088,35.667 C245.897,42.467 252.677,52.847 254.147,62.517 C257.787,86.537 242.307,108.797 220.466,117.647 C209.577,122.057 197.457,123.337 185.817,122.007 C173.977,120.656 161.977,117.156 154.287,107.457 C147.457,98.847 144.997,87.858 144.507,77.067 C144.277,71.947 144.327,66.906 145.407,62.377 C140.697,62.417 135.987,62.397 131.317,62.447 C119.777,62.557 108.216,62.608 96.667,62.287 C84.757,61.947 72.907,61.417 61.037,60.358 C55.827,59.887 50.647,59.117 45.466,58.377 C40.437,57.667 34.887,57.397 30.187,55.337 C29.867,55.207 30,54.747 30.277,54.656 C35.287,53.037 40.977,53.326 46.197,53.007 L51.284,52.698 C55.522,52.445 59.757,52.212 64.007,52.076 C73.824,51.753 83.634,51.674 93.449,51.505 L97.657,51.427 C109.207,51.197 120.757,51.067 132.307,50.697 C137.097,50.547 141.897,50.267 146.707,50.007 C147.267,48.736 148.088,47.576 148.877,46.447 C151.237,43.067 154.237,40.087 157.347,37.387 C163.716,31.826 170.887,27.697 178.887,24.927 C186.814,22.191 198.409,20.834 206.796,21.011 C215.183,21.187 227.136,22.37 230.977,29.227 C231.377,29.937 238.687,28.567 240.857,26.906 C245.927,23.037 250.907,19.057 255.796,14.977 C264.877,7.387 274.216,-0.083 282.817,-8.203 C291.687,-16.583 300.487,-25.103 308.927,-33.903 C313.167,-38.313 317.397,-42.733 321.507,-47.253 C325.707,-51.863 329.317,-57.543 335.397,-59.613 Z"></path></svg>');

  --peep_glasses1_mask: initial;
  --peep_glasses1_detail: url('data:image/svg+xml,<svg viewBox="-20 -60 430 195" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M389.09,63.282 C379.556,127.771 313.002,134.903 301.177,70.881 C303.075,70.05 304.44,68.414 304.155,65.238 C304.088,51.286 308.419,36.54 321.005,28.781 C334.011,20.775 349.232,19.981 364.283,20.183 C393.005,19.499 392.401,43.506 389.09,63.282 M290.758,35.235 C281.744,34.855 270.34,35.173 262.265,40.665 C260.045,34.687 254.277,28.304 248.449,24.891 C270.111,25.525 292.409,23.393 314.233,21.738 C309.009,25.299 304.149,30.649 300.99,36.834 C298.059,35.271 293.861,35.417 290.758,35.235 M251.026,70.119 C226.031,156.155 163.64,118.655 156.838,107.629 C144.569,89.383 142.261,45.029 152.948,33.17 C168.246,22.446 189.903,25.206 207.975,24.943 C241.176,25.391 264.756,35.323 251.026,70.119 M418.603,30.548 C411.812,29.66 404.555,29.481 398.241,32.471 C396.297,24.208 390.194,17.3 383.303,14.26 C382.469,13.214 382.594,12.652 379.745,12.809 C362.25,7.551 342.673,10.333 325.861,15.725 C299.309,17.961 271.452,19.724 244.677,22.805 C219.595,11.541 143.902,9.89 139.198,37.653 C133.281,36.768 123.204,32.111 118.232,38.428 C81.761,32.245 44.076,40.838 7.447,44.665 C-1.773,46.363 -6.522,64.661 3.944,64.411 C9.828,62.814 3.763,53.017 11.686,52.28 C47.027,48.42 81.595,42.944 117.298,42.303 C116.056,48.468 140.912,48.869 141.279,45.269 C141.332,45.296 141.388,45.314 141.442,45.338 C135.3,68.228 140.844,101.17 151.944,115.364 C167.496,133.95 206.541,139.282 223.854,127.324 C246.187,116.287 269.42,60.885 262.894,42.479 C274.738,38.725 286.447,39.852 298.739,41.764 C295.925,49.713 291.067,69.281 298.056,70.978 C296.773,109.828 332.13,134.069 364.724,118.132 C392.935,104.889 402.801,62.971 399.349,37.528 C402.861,44.314 432.349,36.926 418.603,30.548"></path></svg>');

  --peep_glasses2_mask: initial;
  --peep_glasses2_detail: url('data:image/svg+xml,<svg viewBox="-20 -60 430 195" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M372.311,95.458 C360.17,108.003 339.902,111.603 323.749,104.875 C282.273,87.546 302.574,33.496 334.561,18.981 C338.557,17.985 343.894,15.622 348.761,15.086 C349.201,14.87 350.159,15.495 351.32,14.904 C386.591,18.842 394.623,73.594 372.311,95.458 M238.533,98.669 C224.916,116.73 199.6,122.302 178.916,113.906 C138.054,97.814 152.547,49.885 180.504,31.095 C239.561,8.904 263.948,65.368 238.533,98.669 M149.953,58.651 C149.915,58.633 149.877,58.624 149.838,58.606 C150.054,58.511 150.27,58.416 150.485,58.319 C150.415,58.502 150.339,58.683 150.271,58.866 C150.165,58.793 150.072,58.708 149.953,58.651 M400.423,39.128 C397.089,39.135 392.273,39.683 389.513,41.996 C382.707,19.043 357.585,-2.2 335.737,13.29 C318.532,18.823 305.765,31.094 298.509,47.408 C285.426,39.626 264.854,42.949 253.509,53.24 C246.079,28.689 227.793,20.092 206.028,18.823 C182.272,14.932 158.594,38.003 151.206,56.511 C145.063,55.812 135.884,53.857 130.105,57.648 C92.598,47.812 27.023,42.389 19.398,47.854 C13.964,49.939 10.982,62.765 18.572,63.457 C25.186,62.518 17.8,54.059 24.467,53.136 C59.99,50.934 94.475,58.088 129.622,61.09 C132.76,65.311 142.899,66.723 148.308,65.027 C139.789,96.423 158.179,117.783 185.734,124.181 C228.401,133.982 265.522,95.814 254.365,56.114 C267.29,49.684 282.157,49.96 296.237,53.347 C272.709,139.937 412.166,136.052 390.385,44.963 C404.88,52.173 408.028,40.583 400.423,39.128"></path></svg>');

  --peep_glasses3_mask: initial;
  --peep_glasses3_detail: url('data:image/svg+xml,<svg viewBox="-20 -60 430 195" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M367.134,98.318 C360.401,107.363 347.919,110.244 336.406,109.249 C311.575,106.859 303.76,78.658 302.946,56.739 C319.597,61.423 301.538,28.249 358.457,24.601 C378.522,22.929 372.99,35.047 381.855,43.901 C381.673,62.483 378.58,82.674 367.134,98.318 M248.863,76.966 C234.203,145.619 153.925,129.289 145.492,67.403 C153.279,61.907 151.228,48.336 160.902,43.419 C176.234,33.623 195.4,34.042 212.811,34.272 C235.066,35.801 241.408,45.02 252.84,55.078 C252.29,61.796 250.704,69.758 248.863,76.966 M398.935,13.231 C398.112,13.094 397.288,12.965 396.464,12.844 C395.821,12.479 395.066,12.198 394.188,12.029 C392.183,11.52 390.192,11.177 388.204,10.992 C359.672,4.571 293.665,13.688 290.941,38.036 C281.855,41.069 273.993,38.353 263.462,38.623 C255.446,5.118 116.863,9.847 110.198,30.047 C110.173,30.04 110.148,30.034 110.122,30.026 C103.718,28.044 94.277,28.522 86.947,28.208 C71.296,27.88 55.627,29.275 40.314,32.576 C11.639,37.133 -27.496,42.468 -7.553,78.276 C-7.549,78.282 -7.546,78.289 -7.541,78.295 L-7.538,78.292 C-4.101,81.815 1.732,78.978 1.949,74.209 C-4.756,57.245 10.388,55.208 22.04,50.333 C51.033,39.917 80.551,38.473 110.537,41.695 C112.793,44.351 116.216,46.667 119.834,47.879 C139.883,51.207 129.317,66.079 141.99,68.242 C139.662,120.084 202.603,148.382 239.072,114.303 C253.633,100.067 257.104,78.978 260.48,59.969 C262.265,59.568 263.4,58.592 264.063,57.3 C268.356,53.014 271.053,49.056 279.542,47.879 C288.031,46.703 294.566,49.064 295.45,49.787 C295.673,50.236 295.912,50.686 296.19,51.136 C296.578,51.807 297.106,52.342 297.706,52.763 C289.323,104.387 329.4,137.035 369.859,110.26 C387.439,93.723 391.154,68.405 391.888,45.807 C394.271,44.369 395.78,41.582 394.955,38.078 C393.818,33.248 396.484,29.066 400.73,26.966 C406.247,24.239 405.271,14.28 398.935,13.231"></path></svg>');

  --peep_glasses4_mask: url('data:image/svg+xml,<svg viewBox="-20 -60 430 195" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M370.267,94.081 C361.088,105.55 325.151,118.281 306.024,104.461 C286.898,90.641 279.339,81.01 276.783,63.742 C276.51,61.901 273.181,60.676 271.774,61.983 C263.893,69.303 258.791,78.627 253.737,87.974 C248.036,98.516 242.422,109.123 232.062,116.26 C213.714,126.095 180.52,127.496 170.713,123.157 C151.927,114.847 137.067,97.073 133.687,72.613 C131.396,65.38 129.246,61.002 127.239,59.48 C124.385,57.316 108.632,55.388 106.906,55.068 C75.807,49.297 36.475,45.619 8.776,65.92 C5.027,68.186 -7.805,76.699 -7.998,74.605 C-8.129,66.406 1.162,47.849 22.294,39.019 C48.426,28.099 87.271,27.46 109.775,29.87 C110.906,29.991 114.765,29.043 115.037,28.925 C149.131,14.164 188.359,18.085 224.839,24.289 C230.067,25.303 276.864,36.891 295.478,29.87 C326.254,17.306 359.067,8.204 392.302,11.785 C392.58,11.815 396.775,37.281 393.507,39.019 C390.906,40.401 386.48,43.944 384.908,45.883 C383.502,47.616 382.617,49.771 382.695,52.756 C383.327,70.025 378.4,83.92 370.267,94.081 Z M243.728,78.672 C247.631,73.027 248.862,60.346 247.228,51.095 C246.401,46.411 244.795,42.682 242.779,40.826 C241.439,39.593 239.91,39.012 238.243,39.098 C237.329,39.145 236.338,39.405 235.291,39.971 C221.097,32.293 203.903,29.529 187.604,30.324 C174.629,30.321 165.372,33.384 159.094,38.151 C151.541,43.887 148.138,52.133 147.941,61.076 C147.707,71.688 152.066,83.297 159.217,92.483 C166.061,101.275 175.424,107.793 185.581,109.297 C197.112,111.586 208.862,109.372 219.079,103.955 C229.557,98.399 238.408,89.477 243.728,78.672 Z M357.507,84.659 C364.084,76.887 368.457,66.777 369.123,56.759 C369.728,47.643 367.287,38.612 360.538,31.15 C354.419,25.898 343.606,25.81 332.231,28.735 C317.523,32.517 302.307,40.969 297.235,46.428 C296.04,47.054 294.931,48.145 293.965,50.485 L293.958,51.319 C292.422,58.406 293.334,65.597 295.992,72.231 C298.879,79.437 303.831,85.979 309.868,90.971 C317.89,97.578 326.264,99.601 334.102,98.534 C342.979,97.326 351.235,92.071 357.507,84.659 Z"></path></svg>');
  --peep_glasses4_detail: url('data:image/svg+xml,<svg viewBox="-20 -60 430 195" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M294.42,27.063 C325.585,14.339 358.898,5.168 392.624,8.802 C395.413,7.741 398.875,8.635 400.111,12.579 C412.124,49.174 385.335,38.997 385.695,52.677 C388.503,129.38 285.408,142.479 273.816,64.181 L273.603,64.307 L273.603,64.307 C256.925,79.87 253.412,105.195 233.765,118.73 C194.132,147.715 137.95,124.75 130.734,73.15 L130.576,72.452 C128.154,61.922 125.258,59.311 113.312,59.362 L111.424,58.987 C80.385,52.872 39.052,47.377 10.464,68.407 C4.246,72.023 3.954,81.319 -1.3,85.358 C-7.056,86.476 -10.602,79.553 -10.992,74.762 C-11.904,26.999 73.566,23.563 111.844,27.662 C112.575,26.905 114.136,26.999 114.662,27.942 C149.28,12.954 188.281,15.028 225.347,21.331 C248.308,25.776 270.986,35.901 294.42,27.063 Z M389.521,17.62 C370.82,16.685 353.522,17.708 335.166,22.203 C325.492,24.537 318.068,27.488 308.808,31.037 C251.05,56.626 244.388,11.141 114.92,28.971 C116.595,36.145 116.903,43.248 116.993,49.988 C143.428,48.923 137.204,74.165 147.107,91.894 L147.413,92.429 C161.847,118.297 195.907,130.363 223.382,113.205 C246.304,99.845 248.54,65.96 271.362,52.512 C291.145,51.734 283.243,78.434 294.009,89.408 C309.163,109.629 341.374,112.456 360.376,93.436 C369.291,84.284 374.029,72.664 374.291,60.18 C374.788,52.204 373.42,44.099 379.45,38.489 C383.677,34.195 391.187,35.628 392.049,29.137 C392.597,25.299 391.001,21.136 389.521,17.62 Z M186.28,28.075 C204.857,27.16 224.513,30.386 240.464,39.497 C252.271,30.101 255.164,67.443 247.327,78.244 C236.036,101.346 209.749,116.535 184.438,111.491 C144.952,105.769 117.44,28.006 186.28,28.075 Z M239.33,42.001 L238.32,41.853 C221.207,39.242 174.612,27.145 156.641,46.238 C139.2,77.907 183.447,131.101 229.492,88.731 C242.307,75.684 247.274,59.863 239.33,42.001 Z M293.559,46.048 C302.421,35.555 347.587,14.301 363.33,27.94 C392.063,60.141 346.495,125.274 308.33,93.541 C295.618,82.934 287.255,66.034 290.914,49.669 L290.92,48.983 C290.928,48.735 290.975,48.791 291.24,48.481 C291.712,47.244 292.559,46.454 293.559,46.048 Z M362.928,65.565 C372.619,13.008 332.119,32.988 298.86,47.016 C300.644,48.647 300.636,50.874 300.123,52.704 C296.616,91.7 344.013,113.798 362.928,65.565 Z M111.172,30.216 C97.299,34.914 5.538,26.512 -2.939,69.526 C6.009,55.029 24.541,49.276 41.201,46.154 C63.862,41.907 86.399,44.366 108.742,48.835 L109.203,44.211 C109.699,39.307 110.221,34.718 111.172,30.216 Z"></path></svg>');
  --peep_glasses4_paint: radial-gradient(200% 109% at 130% 96%, transparent 62%, var(--peep-accessory-color) 0 80%, transparent 0%)
      calc(46% + var(--peep_a_o_x)) calc(33% + var(--peep_a_o_y)) / 10% 3% no-repeat,
    radial-gradient(91% 80% at 48% 56%, transparent 40%, var(--peep-accessory-color) 0 53%, transparent 0%)
      calc(57% + var(--peep_a_o_x)) calc(33% + var(--peep_a_o_y)) / 10% 9% no-repeat,
    radial-gradient(91% 80% at 48% 51%, transparent 30%, var(--peep-accessory-color) 0 45%, transparent 0%)
      calc(68% + var(--peep_a_o_x)) calc(33% + var(--peep_a_o_y)) / 10% 9% no-repeat,
    linear-gradient(to right,
      var(--peep-accessory-color) 21%, transparent 0% 51%,
      var(--peep-accessory-color) 0% 64%, transparent 0% 92%,
      var(--peep-accessory-color) 0%
    ) calc(62% + var(--peep_a_o_x)) calc(32.75% + var(--peep_a_o_y)) / 23% 2.25% no-repeat,
    linear-gradient(var(--peep-accessory-color) 0% 100%)
      calc(70% + var(--peep_a_o_x)) calc(32% + var(--peep_a_o_y)) / 3% 2% no-repeat,;

  --peep_glasses5_mask: initial;
  --peep_glasses5_detail: url('data:image/svg+xml,<svg viewBox="-20 -60 430 195" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M367.089,74.432 C364.262,82.128 359.958,90.14 354.695,96.617 C333.401,114.649 312.71,104.665 302.203,80.226 C298.211,62.955 308.81,44.351 320.042,31.646 C336.262,15.389 362.733,23.921 370.191,43.247 C370.643,45.751 370.917,48.249 371.049,50.739 C370.893,58.83 369.918,65.745 367.089,73.432 M162.409,58.911 C190.462,25.544 242.942,23.76 241.603,75.115 C235.577,140.119 134.105,124.164 162.409,58.911 Z M375.912,31.076 C374.929,29.411 373.839,27.8 372.647,26.259 C372.207,25.997 371.955,23.673 370.337,23.501 C348.71,-0.358 310.717,13.179 296.989,36.953 C294.481,39.959 292.436,43.478 290.928,47.196 C277.403,44.715 261.633,45.197 249.053,50.306 C236.58,17.734 198.815,14.826 173.927,28.743 C158.449,36.356 148.411,52.299 133.357,61.057 C97.969,63.604 59.988,55.675 25.237,64.552 C-2.169,70.25 20.742,84.127 25.338,74.866 C58.101,65.186 96.915,73.366 130.932,71.185 C134.469,77.168 141.253,82.064 148.013,81.855 C155.314,146.576 249.698,135.844 252.954,78.311 C256.646,72.472 261.239,66.884 267.814,63.246 C270.331,62.725 272.761,62.048 274.984,61 C278.781,60.464 284.633,62.074 288.128,65.236 C300.097,137.052 369.051,128.688 381.374,65.774 C381.62,65.524 382.304,64.586 382.831,63.081 C387.049,57.504 397.374,55.431 395.725,46.016 C394.256,36.599 382.363,36.711 375.912,31.076 Z"></path></svg>');

  --peep_sunglasses1_mask: initial;
  --peep_sunglasses1_detail: url('data:image/svg+xml,<svg viewBox="-20 -60 430 195" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M337.809,15 C361.281,15 374.676,20.048 379.584,20.441 L379.732,20.451 C381.773,20.582 383.605,20.753 385.526,21.496 C392.592,24.217 393.743,31.627 389.619,36.298 C389.33,45.961 390.601,57.253 388.42,66.947 C385.73,107.818 366.509,114.716 355.584,117.233 C350.098,118.497 343.597,119 337.771,117.666 C327.831,117.295 318.004,114.184 309.597,108.765 C297.887,101.213 289.191,89.606 286.368,75.83 C285.031,69.264 284.406,62.429 285.134,55.754 L285.242,54.835 C281.436,53.014 277.025,52.67 272.479,52.509 C270.307,52.432 268.166,52.363 266.087,52.455 C264.054,52.682 262.045,52.984 260.031,53.396 C257.831,54.059 255.753,55.155 253.835,56.89 L253.703,59.423 C253.343,65.749 252.512,72.094 251.231,78.3 C249.339,87.458 246.297,96.204 239.822,102.699 C237.63,105.973 234.918,108.895 231.626,111.425 C219.665,120.634 203.415,124.015 188.502,122.742 C158.225,120.158 140.724,96.123 136.691,85.85 L136.45,85.228 C133.537,77.59 131.215,67.681 122.009,66.04 L120.051,65.688 C115.85,64.899 111.973,63.802 109.51,59.703 C108.43,57.913 107.875,55.912 107.739,53.872 C106.301,53.982 104.866,54.088 103.436,54.19 C92.028,56.603 23.6,58.648 18.138,58.648 C18.138,58.648 7.639,63.067 3.207,59.643 C0.134,57.263 -0.877,54.09 0.815,50.495 C3.367,45.086 15.14,41.833 20.368,40.803 C20.368,40.803 104.733,41.503 110.805,40.352 C114.562,36.478 121.282,37.008 126.898,36.396 C131.546,33.081 138.049,30.861 143.186,29.375 C144.233,28.978 145.27,28.595 146.278,28.233 C155.695,24.88 165.484,23.103 175.422,22.149 C185.67,21.175 195.948,21.616 206.136,23.012 C210.429,23.594 214.682,24.347 218.906,25.332 C226.468,26.329 233.986,27.971 241.551,29.919 L243.065,30.313 C251.031,32.401 259.217,34.208 267.464,32.792 C274.177,31.647 280.633,29.063 286.824,26.269 L287.629,25.904 C301.24,19.689 322.496,15 337.809,15 Z M218.087,37.722 C213.065,36.618 210.92,44.361 215.958,45.468 C219.526,46.253 222.549,48.052 224.592,51.099 L224.807,51.431 C227.548,55.793 234.48,51.766 231.72,47.376 C228.614,42.436 223.788,38.976 218.087,37.722 Z M365.173,32.922 C363.403,31.675 360.724,32.6 359.696,34.363 C358.565,36.303 359.306,38.464 360.964,39.733 L361.133,39.857 C362.654,40.929 364.135,42.851 364.321,44.819 L364.338,45.066 C364.537,50.218 372.544,50.244 372.344,45.066 C372.149,39.9995 369.215,35.767 365.173,32.922 Z"></path></svg>');

  --peep_sunglasses2_mask: initial;
  --peep_sunglasses2_detail: url('data:image/svg+xml,<svg viewBox="-20 -60 430 195" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M398.935,13.231 C398.112,13.094 397.288,12.965 396.464,12.844 C395.821,12.479 395.066,12.198 394.188,12.029 C392.183,11.52 390.192,11.177 388.204,10.992 C359.672,4.571 293.665,13.688 290.941,38.036 C281.855,41.069 273.993,38.353 263.462,38.623 C255.446,5.118 116.863,9.847 110.198,30.047 C110.173,30.04 110.148,30.034 110.122,30.026 C103.718,28.044 94.277,28.522 86.947,28.208 C71.296,27.88 55.627,29.275 40.314,32.576 C11.639,37.133 -27.496,42.468 -7.553,78.276 C-7.549,78.282 -7.546,78.289 -7.541,78.295 L-7.538,78.292 C-4.101,81.815 1.732,78.978 1.949,74.209 C-4.756,57.245 10.388,55.208 22.04,50.333 C51.033,39.917 80.551,38.473 110.537,41.695 C112.793,44.351 116.216,46.667 119.834,47.879 C139.883,51.207 129.317,66.079 141.99,68.242 C139.662,120.084 202.603,148.382 239.072,114.303 C253.633,100.067 257.104,78.978 260.48,59.969 C262.265,59.568 263.4,58.592 264.063,57.3 C268.356,53.014 271.053,49.056 279.542,47.879 C288.031,46.703 294.566,49.064 295.45,49.787 C295.673,50.236 295.912,50.686 296.19,51.136 C296.578,51.807 297.106,52.342 297.706,52.763 C289.323,104.387 329.4,137.035 369.859,110.26 C387.439,93.723 391.154,68.405 391.888,45.807 C394.271,44.369 395.78,41.582 394.955,38.078 C393.818,33.248 396.484,29.066 400.73,26.966 C406.247,24.239 405.271,14.28 398.935,13.231 M225.087,37.722 C220.065,36.618 217.92,44.361 222.958,45.468 C226.526,46.253 229.549,48.052 231.592,51.099 L231.807,51.431 C234.548,55.793 241.48,51.766 238.72,47.376 C235.614,42.436 230.788,38.976 225.087,37.722 Z M372.173,32.922 C370.403,31.675 367.724,32.6 366.696,34.363 C365.565,36.303 366.306,38.464 367.964,39.733 L368.133,39.857 C369.654,40.929 371.135,42.851 371.321,44.819 L371.338,45.066 C371.537,50.218 379.544,50.244 379.344,45.066 C379.149,39.9995 376.215,35.767 372.173,32.922 Z"></path></svg>');

  /* facial-hair */
  --peep_chinhair_mask: initial;
  --peep_chinhair_detail: url('data:image/svg+xml,<svg viewBox="-230 -70 830 360" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M209.56,138.064 C179.967,142.412 158.547,141.514 145.3,135.368 C125.49,126.178 106.22,117.287 88.25,105.114 C69.84,92.642 54.22,77.833 43.07,58.876 C32.7,41.237 24.08,22.521 15.4,3.948 C14.893,2.863 9.91,-7.926 8.15,-11.544 C5.44,-17.154 -2.483,-15.393 -2.483,-6.685 C-2.483,2.024 -2.87,67.975 12.35,93.919 C26.08,117.35 49.35,133.722 72.47,148.012 C98.05,163.813 132.03,180.894 162.55,185.407 C190.17,189.487 221.69,178.026 241.69,159.136 C262.6,139.381 268.52,112.542 279.31,86.839 C281.72,81.094 273.176,77.629 270.67,83.279 C267.524,90.372 247.154,108.634 209.56,138.064 Z"></path></svg>');

  --peep_beard1_mask: initial;
  --peep_beard1_detail: url('data:image/svg+xml,<svg viewBox="-230 -70 830 360" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M117.725,95.193 C125.821,76.226 143.492,62.286 163.836,57.189 C178.777,53.456 194.456,53.576 209.686,55.057 C217.665,55.828 226.224,56.46 233.744,59.423 C240.165,61.955 245.398,66.74 249.333,72.357 C254.017,79.013 257.202,86.631 259.439,94.439 C259.757,95.549 260.056,96.668 260.334,97.792 C259.362,103.683 257.296,108.697 251.84,112.401 C246.515,116.018 240.161,117.498 233.827,118.023 C233.206,117.725 232.606,117.419 232.056,117.104 C222.186,111.454 215.239,98.102 202.782,99.909 C191.665,101.523 184.346,115.511 177.735,123.713 C156.513,126.186 135.307,119.809 118.04,107.674 C117.163,103.521 117.113,99.332 117.725,95.193 M274.758,80.805 C273.06,76.041 270.922,71.427 268.388,67.08 C260.009,52.706 247.146,41.252 231.876,34.705 C195.754,19.239 149.016,30.142 119.845,55.508 C109.88,64.179 99.805,76.922 96.758,90.628 C95.848,90.808 94.989,91.282 94.282,91.949 C73.206,78.679 51.502,65.913 34.518,47.519 C22.185,34.155 13.606,18.339 8.353,0.959 C7.924,-0.471 5.617,-0.262 5.687,1.321 C5.707,1.691 5.