/**
 * @author OWLjz18 <owl.jz18@gmail.com> 
 * @gratitude GOD | My Family | Leandro | FR | Jaspe.
 * @license MIT
 * @see https://owljz18.github.io/IconeJzDoc
*/

@import url('/iconejz-extras/iconejz.extras.css');

:root {
  --iconejz-s: 50px;
  --iconejz-c: #fff;
  --iconejz-bg: #000;
  --iconejz-bd: 5px;
  --iconejz-m: 0;
  --iconejz-p: 0;
  --iconejz-o: 1;
  --iconejz-cursor: auto;
}

/* icone-jz */
icone-jz {
  width: var(--iconejz-s);
  height: var(--iconejz-s);
  margin: var(--iconejz-m);
  padding: var(--iconejz-p);
  opacity: var(--iconejz-o);
  border-radius: var(--iconejz-bd);
  background-color: var(--iconejz-bg);
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  cursor: var(--iconejz-cursor);
}

/* jz */
::part(jz) {
  margin: 0;
  padding: 0;
  display: inline-block;
  box-sizing: border-box;
}

/* jz-default */
::part(jz-default) {
  width: 100%;
  height: 100%;
  color: var(--iconejz-c);
  display: flex;
  font-size: calc(var(--iconejz-s) / 1.45);
  justify-content: center;
  align-items: center;
}

/* flexjz */
::part(flexjz) {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* Arrows */


/* • Icon "Arrow Up": */
::part(jz-a-u-sg) {
  width: 80%;
  height: 80%;
  background-color: var(--iconejz-c);
  clip-path: polygon(50% 50%, 25% 75%, 12.5% 62.5%, 50% 25%, 87.5% 62.5%, 75% 75%);
}

/* • Icon "Arrow Right": */
::part(jz-a-rg-sg) {
  width: 80%;
  height: 80%;
  background-color: var(--iconejz-c);
  clip-path: polygon(50% 50%, 25% 25%, 37.5% 12.5%, 75% 50%, 37.5% 87.5%, 25% 75%);
}

/* • Icon "Arrow Down": */
::part(jz-a-d-sg) {
  width: 80%;
  height: 80%;
  background-color: var(--iconejz-c);
  clip-path: polygon(50% 75%, 12.5% 37.5%, 25% 25%, 50% 50%, 75% 25%, 87.5% 37.5%);
}

/* • Icon "Arrow Left": */
::part(jz-a-lf-sg) {
  width: 80%;
  height: 80%;
  background-color: var(--iconejz-c);
  clip-path: polygon(25% 50%, 62.5% 12.5%, 75% 25%, 50% 50%, 75% 75%, 62.5% 87.5%);
}


/* Others */


/* • Icon "Youtube": */
::part(jz-yt-sg) {
  width: 70%;
  height: 50%;
  clip-path: polygon(0% 0%, 0% 100%, 40% 100%, 40% 73.5%, 40% 26%, 70% 50%, 40% 73.5%, 40% 100%, 100% 100%, 100% 0%);
  border-radius: 2.4px;
  background-color: var(--iconejz-c);
}

/* • Icon "Instagram": */
icone-jz[is="instagram"] {
  --iconejz-bdw: 2.5px;
}

::part(jz-ig-cb) {
  width: 62.5%;
  height: 62.5%;
  border: var(--iconejz-bdw) solid var(--iconejz-c);
  border-radius: calc(var(--iconejz-bdw) * 2);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

::part(jz-ig-c) {
  width: 50%;
  height: 49%;
  border: var(--iconejz-bdw) solid var(--iconejz-c);
  border-radius: 50%;
}

::part(jz-ig-p) {
  width: 14%;
  height: 14%;
  position: absolute;
  top: 10%;
  right: 12.5%;
  clip-path: circle(40% at 50% 50%);
  background-color: var(--iconejz-c);
}

/* • Icon "Menu": */
::part(jz-m--content) {
  /* flexjz */
  padding: 8%;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-evenly;
  align-content: center;
}

::part(jz-m-l) {
  width: 70%;
  height: 12%;
  border-radius: 2px;
  background-color: var(--iconejz-c);
}

/* • Icon "Magnifying Glass": */
icone-jz[is="magnifying-glass"] { 
  --iconejz-bdw: 2px;
}

::part(jz-mg--content) {
  width: 100%;
  height: 100%;
  position: relative;
}

::part(jz-mg-c) {
  width: 35.5%;
  height: 35.5%;
  border-radius: 50%;
  border: var(--iconejz-bdw) solid var(--iconejz-c);
  position: absolute;
  top: 20.25%;
  left: 20.25%;
}

::part(jz-mg-l) {
  width: var(--iconejz-bdw);
  height: 35.5%;
  border-radius: 0.5px;
  position: absolute;
  bottom: 20%;
  right: 35.6%;
  transform: rotate(-45deg);
  background-color: var(--iconejz-c);
}

/* • Icon "Check": */
::part(jz-ck-sg) {
  width: 70%;
  height: 70%;
  clip-path: polygon(15% 75%, 25% 65%, 40% 80%, 90% 25%, 100% 35%, 40% 100%);
  transform: translate(-5%, -15%);
  background-color: var(--iconejz-c);
}

/* • Icon "X": */
::part(jz-x-sg) {
  width: 55%;
  height: 55%;
  clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
  background-color: var(--iconejz-c);
}

/* • Icon "Three Vertical Points": */
::part(jz-tvp--content) {
  /* flexjz */
  flex-direction: column;
  justify-content: space-evenly;
}

::part(jz-tvp-c) {
  width: 15%;
  height: 15%;
  border-radius: 50%;
  background-color: var(--iconejz-c);
}

/* • Icon "Three Horizontal Points": */
::part(jz-thp--content) {
  /* flexjz */
  justify-content: space-evenly;
}

::part(jz-thp-c) {
  width: 15%;
  height: 15%;
  border-radius: 50%;
  background-color: var(--iconejz-c);
}

/* • Icon "Padlock": */
::part(jz-plk-cb) {
  width: 50%;
  height: 50%;
  border-radius: 2px;
  background-color: var(--iconejz-c);
  transform: translateY(12.5%);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

::part(jz-plk-l) {
  width: 55%;
  height: 40%;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%, 85% 100%, 85% 20%, 15% 20%, 15% 100%);
  position: absolute;
  top: -30%;
  background-color: var(--iconejz-c);
}

/* • Icon "Open Lock": */
::part(jz-oplk-cb) {
  width: 50%;
  height: 50%;
  border-radius: 2px;
  background-color: var(--iconejz-c);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: translateY(12.5%);
  position: relative;
}

::part(jz-oplk-l) {
  width: 55%;
  height: 40%;
  position: absolute;
  top: -35%;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 48%, 85% 48%, 85% 20%, 15% 20%, 15% 100%);
  background-color: var(--iconejz-c);
}

/* • Icon "Store Car": */
::part(jz-sc--content) {
  /* flexjz */
  flex-wrap: wrap;
  align-content: center;
}

::part(jz-sc-c) {
  width: 70%;
  height: 55%;
  margin-bottom: 2.5%;
  clip-path: polygon(0% 27%, 0% 35.5%, 14% 100%, 68% 100%, 87.5% 8.5%, 100% 8.5%, 100% 0%, 82.5% 0%, 76.5% 27%, 63% 91.5%, 19% 91.5%, 7.5% 35.5%, 76.5% 35.5%, 76.5% 27%);
  background-color: var(--iconejz-c);
}

::part(jz-sc-p-content) {
  width: 60%;
  height: 10%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

::part(jz-sc-p) {
  width: 12%;
  height: 65%;
  clip-path: circle(46.5% at 50% 50%); 
  transform: translateX(-86%);
  background-color: var(--iconejz-c);
}

/* • Icon "Location": */
::part(jz-lc--content) {
  /* flexjz */
  flex-direction: column;
  justify-content: flex-start;
}

::part(jz-lc-c) {
  width: 40%;
  height: 40%;
  border-radius: 50%;
  transform: translateY(50%);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--iconejz-c);
  position: relative;
}

::part(jz-lc-tr) {
  width: 90%;
  height: 80%;
  background-color: var(--iconejz-c);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  position: absolute;
  top: 73%;
}

::part(jz-lc-p) {
  width: 40%;
  height: 40%;
  border-radius: 50%;
  background-color: var(--iconejz-t, var(--iconejz-bg));
}

/* • Icon "User": */
icone-jz[is="user"] {
  --iconejz-bdw: 2px;
}

::part(jz-us-b) {
  width: 80%;
  height: 80%;
  border: var(--iconejz-bdw) solid var(--iconejz-c);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  position: relative;
}

::part(jz-us-c1) {
  width: 35%;
  height: 35%;
  border-radius: 50%;
  background-color: var(--iconejz-c);
  position: absolute;
  top: 22%;
}

::part(jz-us-c2) {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--iconejz-c);
  clip-path: circle(35% at 50% 98%);
}

/* • Icon "New User": */
icone-jz[is="new-user"] {
  --iconejz-bdw: 2px;
}

::part(jz-nus-b) {
  width: 80%;
  height: 80%;
  border: var(--iconejz-bdw) solid var(--iconejz-c);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  position: relative;
}

::part(jz-nus-c1) {
  width: 35%;
  height: 35%;
  border-radius: 50%;
  background-color: var(--iconejz-c);
  position: absolute;
  top: 22%;
  right: 42.5%;
}

::part(jz-nus-c2) {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--iconejz-c);
  clip-path: circle(35% at 37.5% 98%);
}

::part(jz-nus-ps) {
  width: 35%;
  height: 35%;
  position: absolute;
  top: 40%;
  right: 6%;
  display: flex;
  justify-content: center;
  align-items: center;
}

::part(jz-nus-psl) {
  width: 65%;
  height: 65%;
  background-color: var(--iconejz-c);
  clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
  transform: rotate(-45deg);
}

/* • Icon "Settings": */
::part(jz-stt--content) {
  /* flexjz */
  position: relative;
}

::part(jz-stt-c) {
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background-color: var(--iconejz-c);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

::part(jz-stt-sbc) {
  width: 40%;
  height: 40%;
  border-radius: 50%;
  background-color: var(--iconejz-t, var(--iconejz-bg));
}

::part(jz-stt-cb) {  
  width: 35%;
  height: 35%;
  border-top-left-radius: 25%;
  border-top-right-radius: 25%;
  background-color: var(--iconejz-c);
  position: absolute;
}

::part(jz-stt-cb--1) {
  top: -16%;
}

::part(jz-stt-cb--2) {
  top: 7.03%;
  right: -11%;
  transform: rotate(56deg);
}

::part(jz-stt-cb--3) {
  bottom: 7.03%;
  right: -11%;
  transform: rotate(123deg);
}

::part(jz-stt-cb--4) {
  bottom: -16%;
  transform: rotate(180deg);
}

::part(jz-stt-cb--5) {
  bottom: 7.03%;
  left: -11%;
  transform: rotate(-123deg);
}

::part(jz-stt-cb--6) {
  top: 7.03%;
  left: -11%;
  transform: rotate(-56deg);
}

/* • Icon "Share": */
::part(jz-shr--content) {
  /* flexjz */
  flex-direction: column;
  justify-content: space-evenly;
  position: relative;
}

::part(jz-shr-c1),
::part(jz-shr-c2),
::part(jz-shr-c3) {
  width: 22%;
  height: 22%;
  border-radius: 50%;
  background-color: var(--iconejz-c);
  position: absolute;
}

::part(jz-shr-c1) {
  top: 18.30%;
  right: 18.30%;
}

::part(jz-shr-c2) {
  left: 18.30%;
}

::part(jz-shr-c3) {
  bottom: 18.30%;
  right: 18.30%;
}

::part(jz-shr-l1),
::part(jz-shr-l2) {
  width: 50%;
  height: 8%;
  border-radius: 2px;
  background-color: var(--iconejz-c);
  position: absolute;
}

::part(jz-shr-l1) {
  top: 35%;
  transform: rotate(-25deg);
}

::part(jz-shr-l2) {
  bottom: 35%;
  transform: rotate(25deg);
}

/* • Icon "Home": */
::part(jz-hm--content) {
  /* flexjz */
  flex-wrap: wrap;
  align-content: center;
  position: relative;
}

::part(jz-hm-l1),
::part(jz-hm-l2),
::part(jz-hm-l3),
::part(jz-hm-l4) {
  width: 5%;
  height: 40%;
  border-radius: 2px;
  position: absolute;
  background-color: var(--iconejz-c);
}

::part(jz-hm-l1) {
  bottom: 21%;
  left: 28%;
}

::part(jz-hm-l2) {
  bottom: 21%;
  right: 28%;
}

::part(jz-hm-l3) {
  top: 14%;
  left: 34.125%;
  transform: rotate(48.8deg);
}

::part(jz-hm-l4) {
  top: 14%;
  right: 34.125%;
  transform: rotate(-48.8deg);
}

::part(jz-hm-l5) {
  width: 40%;
  height: 5%;
  position: absolute;
  bottom: 21%;
  background-color: var(--iconejz-c);
}

/* • Icon "Star": */
::part(jz-str-st) {
  width: 60%;
  height: 60%;
  clip-path: polygon(0% 37.5%, 37.5% 37.5%, 50% 0%, 62.5% 37.5%, 100% 37.5%, 68.75% 62.5%, 81.25% 100%, 50% 76.6525%, 18.75% 100%, 31.25% 62.5%);
  background-color: var(--iconejz-c);
}

/* • Icon "Warning": */
::part(jz-wng-tr) {
  width: 60%;
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
  background-color: var(--iconejz-c);
}

::part(jz-wng-l) {
  width: 8%;
  background-color: var(--iconejz-t, var(--iconejz-bg));
}

::part(jz-wng-l1) {
  height: 50%;
  border-radius: 5px;
  margin-top: 10%;
}

::part(jz-wng-l2) {
  height: 8%;
  border-radius: 50%;
  margin-top: 6.25%;
}

/* • Icon "SMS": */
::part(jz-sms-rc) {
  width: 60%;
  height: 35%;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-content: center;
  border-radius: 1px;
  clip-path: polygon(0% 0%, 100% 0%, 80% 25%, 80% 100%, 0% 100%);
  background-color: var(--iconejz-c);
}

::part(jz-sms-l) {
  width: 50%;
  height: 10%;
  margin-left: 12.5%;
  border-radius: 5px;
  background-color: var(--iconejz-t, var(--iconejz-bg));
}

::part(jz-sms-l2) {
  width: 35%;
  margin-top: 12.5%;
}

/* • Icon "Camera": */
::part(jz-cam--content) {
  /* flexjz */
  flex-direction: column;
}

::part(jz-cam-l) {
  width: 20%;
  height: 8%;
  transform: translateY(50%);
  border-radius: 5px;
  background-color: var(--iconejz-c);
}

::part(jz-cam-cb) {
  width: 50%;
  height: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2.5px;
  background-color: var(--iconejz-c);
}

::part(jz-cam-c) {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: circle(25% at 50% 50%);
  background-color: var(--iconejz-t, var(--iconejz-bg));
}

::part(jz-cam-sbc) {
  width: 100%;
  height: 100%;
  clip-path: circle(18.30% at 50% 50%);
  background-color: var(--iconejz-c);
}

/* • Icon "Plus": */
::part(jz-plus-sg) {
  width: 50%;
  height: 50%;
  clip-path: polygon(0% 40%, 40% 40%, 40% 0%, 60% 0%, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0% 60%);
  background-color: var(--iconejz-c);
}

/* • Icon "Minus": */
::part(jz-minus-l) {
  width: 50%;
  height: 10.5%;
  background-color: var(--iconejz-c);
}

/* • Icon "Download Complete": */
::part(jz-dwl-c--content) {
  /* flexjz */
  flex-direction: column;
}

::part(jz-dwl-c-ck) {
  width: 50%;
  height: 50%;
  clip-path: polygon(15% 75%, 25% 65%, 40% 80%, 90% 25%, 100% 35%, 40% 100%);
  transform: translate(-2%, -18%);
  background-color: var(--iconejz-c);
}

::part(jz-dwl-c-l) {
  width: 50%;
  height: 6%;
  transform: translate(-2%, -50%);
  background-color: var(--iconejz-c);
}

/* • Icon "Pause": */
::part(jz-pause-l) {
  width: 8%;
  height: 50%;
  background-color: var(--iconejz-c);
}

::part(jz-pause-l2) {
  margin-left: 21.875%;
}

/* • Icon "Play": */
::part(jz-play-sg) {
  width: 50%;
  height: 50%;
  clip-path: polygon(20% 0%, 100% 50%, 20% 100%);
  background-color: var(--iconejz-c);
}

/* • Icon "Information": */
icone-jz[is="information"] {
  --iconejz-bdw: 2px;
}

::part(jz-info-c) {
  width: 70%;
  height: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: var(--iconejz-bdw) solid var(--iconejz-c);
  border-radius: 50%;
}

::part(jz-info-l1) {
  width: 12%;
  height: 12%;
  margin-bottom: 10%;
  background-color: var(--iconejz-c);
}

::part(jz-info-l2) {
  width: 12%;
  height: 40%;
  background-color: var(--iconejz-c);
}

/* • Icon "Double Check": */
::part(jz-dbl-ck--content) {
  /* flexjz */
  position: relative;
}

::part(jz-dbl-ck-sg) {
  width: 60%;
  height: 60%;
  clip-path: polygon(15% 75%, 25% 65%, 40% 80%, 90% 25%, 100% 35%, 40% 100%);
  transform: translate(-5%, -10%);
  position: absolute;
  left: 10%;
  background-color: var(--iconejz-c);
}

::part(jz-dbl-ck-sg--2) {
  left: 30%;
}

/* • Icon "Copy": */
::part(jz-copy-sg) {
  width: 45%;
  height: 60%;
  clip-path: polygon(0% 75%, 32% 75%, 32% 100%, 100% 100%, 100% 95%, 38.5% 95%, 38.5% 32%, 93% 32%, 93% 95%, 100% 95%, 100% 27%, 69.5% 27%, 69.5% 0%, 0% 0%, 0% 75%, 32% 75%, 32% 70%, 6.5% 70%, 6.5% 5%, 64% 5%, 64% 27%, 32% 27%, 32% 70%);
  background-color: var(--iconejz-c);
}

/* • Icon "Clipboard": */
icone-jz[is="clipboard"] {
  --iconejz-bdw: 1.85px;
}

::part(jz-clipboard--content) {
  /* flexjz */
  flex-direction: column;
}

::part(jz-clipboard-bx) {
  width: 50%;
  height: 65%;
  padding-top: 5%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  position: relative;
  border-radius: 1.5px;
  border: var(--iconejz-bdw) solid var(--iconejz-c);
}

::part(jz-clipboard-rc) {
  width: 60%;
  height: 12.5%;
  position: absolute;
  top: -2.5%;
  border: 1px solid var(--iconejz-c);
  border-radius: 0.5px;
  background-color: var(--iconejz-c);
}

::part(jz-clipboard-rc2) {
  width: 45%;
  height: 8%;
  position: absolute;
  top: -10%;
  border-radius: 0.5px;
  background-color: var(--iconejz-c);
}

::part(jz-clipboard-l) {
  width: 70%;
  height: 5.25%;
  border-radius: 1px;
  background-color: var(--iconejz-c);
}

::part(jz-clipboard-l--2) {
  width: 38%;
  align-self: flex-start;
  margin-left: 15%;
}

/* • Icon "Previous": */
::part(jz-prev-l) {
  width: 8%;
  height: 50%;
  background-color: var(--iconejz-c);
  border-radius: 0.5px;
  transform: translateX(60%);
}

::part(jz-prev-sg) {
  width: 50%;
  height: 50%;
  background-color: var(--iconejz-c);
  clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
  transform: translateX(-10%);
}

/* • Icon "Next": */
::part(jz-next-sg) {
  width: 50%;
  height: 50%;
  background-color: var(--iconejz-c);
  clip-path: polygon(20% 0%, 100% 50%, 20% 100%);
  transform: translateX(-10%);
}

::part(jz-next-l) {
  width: 8%;
  height: 50%;
  background-color: var(--iconejz-c);
  border-radius: 0.5px;
  transform: translateX(-60%);
}

/* • Icon "Download": */
::part(jz-dwl--content) {
  /* flexjz */
  flex-direction: column;
}

::part(jz-dwl-arrow) {
  width: 50%;
  height: 50%;
  clip-path: polygon(37.5% 0%, 62.5% 0%, 62.5% 60%, 75% 60%, 50% 100%, 25% 60%, 37.5% 60%);
  background-color: var(--iconejz-c);
}

::part(jz-dwl-l) {
  width: 50%;
  height: 10%;
  background-color: var(--iconejz-c);
}

/* • Icon "Pencil": */
::part(jz-pcl--content) {
  /* flexjz */
  padding: 6.5%;
  flex-direction: column;
  transform: rotate(45deg);
}

::part(jz-pcl-l) {
  width: 20%;
  height: 10%;
  margin-bottom: 3.5%;
  background-color: var(--iconejz-c);
}

::part(jz-pcl-c) {
  width: 20%;
  height: 75%;
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);
  background-color: var(--iconejz-c);
}

/* • Icon "Tack": */
::part(jz-tack--content) {
  /* flexjz */
  flex-direction: column;
  transform: rotate(45deg);
}

::part(jz-tack-c) {
  width: 40%;
  height: 45%;
  margin-bottom: 3%;
  clip-path: polygon(0% 100%, 25% 70%, 25% 15%, 75% 15%, 75% 70%, 100% 100%);
  background-color: var(--iconejz-c);
}

::part(jz-tack-p) {
  width: 10%;
  height: 24%;
  background-color: var(--iconejz-c);
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
}

/* • Icon "Paper Bin": */
::part(jz-ppb--content) {
  /* flexjz */
  flex-direction: column;
  position: relative;
}

::part(jz-ppb-lt) {
  width: 40%;
  height: 5%;
  border-radius: 1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  transform: translateY(80%);
  background-color: var(--iconejz-c);
}

::part(jz-ppb-lm) {
  width: 58%;
  height: 5%;
  transform: translateY(80%);
  border-radius: 1px;
  background-color: var(--iconejz-c);
}

::part(jz-ppb-c) {
  width: 48%;
  height: 58%;
  padding-top: 5%;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%, 90% 0%, 90% 94%, 10% 94%, 10% 0%); 
  background-color: var(--iconejz-c);
}

::part(jz-ppb-l-content) {
  width: 48%;
  height: 58%;
  padding: 0 4.5%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;  
  position: absolute;
  top: 25%;
}

::part(jz-ppb-l) {
  width: 8.25%;
  height: 50%;
  border-radius: 1px;
  background-color: var(--iconejz-c);
}

/* • Icon "Github": */
::part(jz-github-cc) {
  width: 65%;
  height: 65%;
  /* flexjz */
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  background-color: var(--iconejz-c);
}

::part(jz-github-o),
::part(jz-github-cb),
::part(jz-github-cp),
::part(jz-github-cl1),
::part(jz-github-cl2),
::part(jz-github-cl3) {
  position: absolute;
  background-color: var(--iconejz-t, var(--iconejz-bg));
}

::part(jz-github-o) {
  width: 20%;
  height: 18%;
  top: 24%;
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}

::part(jz-github-o--1) {
  left: 22%;
  transform: rotate(-30deg); 
}

::part(jz-github-o--2) {
  right: 22%;
  transform: rotate(30deg); 
}

::part(jz-github-cb) {
  width: 54%;
  height: 42%;
  border-radius: 47.5%;
}

::part(jz-github-cp) {
  width: 24%;
  height: 35%;
  bottom: -2.5%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

::part(jz-github-cl1) {
  width: 15%;
  height: 6.5%;
  bottom: 17%;
  left: 25%;
  transform: rotate(5deg);
  border-top-left-radius: 50%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 80%;
}

::part(jz-github-cl2) {
  width: 5%;
  height: 10%;
  bottom: 21%;
  left: 21.5%;
  transform: rotate(-30deg);
  border-radius: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

::part(jz-github-cl3) {
  width: 6%;
  height: 4%;
  bottom: 27%;
  left: 18%;
  border-radius: 50%;
  border-bottom-right-radius: 0;
}

::part(jz-github-cl4) {
  width: 12%;
  height: 6.5%;
  position: absolute;
  bottom: 21.5%;
  left: 28.2%;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  background-color: var(--iconejz-c);
}

::part(jz-github-cf) {
  width: 18.5%;
  height: 18.5%;
  bottom: 10%;
  left: 6.8%;
  position: absolute;
  border-radius: 50%;
  background-color: var(--iconejz-c);
}

/* • Icon "Git": */
::part(jz-git-box) {
  width: 55%;
  height: 55%;
  position: relative;
  transform: rotate(45deg);
  border-radius: 2px;
  background-color: var(--iconejz-c);
}

::part(jz-git-ln1),
::part(jz-git-ln2),
::part(jz-git-c1),
::part(jz-git-c2), 
::part(jz-git-c3) {
  position: absolute;
  background-color: var(--iconejz-t, var(--iconejz-bg));
}

::part(jz-git-ln1) {
  width: 75%;
  height: 8%;
  top: 25%;
  left: 0;
}

::part(jz-git-ln2) {
  width: 8%;
  height: 50%;
  transform: rotate(-45deg);
}

::part(jz-git-c1),
::part(jz-git-c2), 
::part(jz-git-c3) {
  width: 25%;
  height: 25%;
  clip-path: circle(45% at 50% 50%);
}

::part(jz-git-c1) {
  top: 16.5%;
  left: 15%;
}

::part(jz-git-c2) {
  top: 16.5%;
  right: 20%;
}

::part(jz-git-c3) {
  bottom: 20%;
  right: 20%;
}

/* • Icon "Shell": */
::part(jz-sh--content) {
  position: relative;
}

::part(jz-sh-a-rg),
::part(jz-sh-ln) {
  position: absolute; 
  bottom: 26.5%;
  background-color: var(--iconejz-c);
}

::part(jz-sh-a-rg) {
  width: 25%;
  height: 45%;
  left: 15%;
  clip-path: polygon(0% 0%, 50% 0%, 100% 50%, 50% 100%, 0% 100%, 50% 50%);
}

::part(jz-sh-ln) {
  width: 40%;
  height: 8%;
  right: 15%;
}

/* • Icon "HTML": */
::part(jz-html-box) {
  width: 55%;
  height: 60%;
  clip-path: polygon(0% 0%, 100% 0%, 90% 90%, 50% 100%, 10% 90%);
  background-color: var(--iconejz-c);
}

::part(jz-html-sg) {
  width: 55%;
  height: 65%;
  clip-path: polygon(0% 0%, 100% 0%, 100% 15%, 20% 15%, 20% 37.5%, 100% 37.5%, 100% 90%, 50% 100%, 0% 90%, 0% 67.5%, 20% 67.5%, 20% 80%, 50% 85%, 80% 80%, 80% 52.5%, 0% 52.5%);
  background-color: var(--iconejz-t, var(--iconejz-bg));
}

/* • Icon "CSS": */
::part(jz-css-box) {
  width: 55%;
  height: 60%;
  clip-path: polygon(0% 0%, 100% 0%, 90% 90%, 50% 100%, 10% 90%);
  background-color: var(--iconejz-c);
}

::part(jz-css-sg) {
  width: 55%;
  height: 65%;
  clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 67.5%, 20% 67.5%, 20% 80%, 50% 85%, 80% 80%, 80% 52.5%, 25% 52.5%, 25% 37.5%, 80% 37.5%, 80% 15%, 0% 15%);
  background-color: var(--iconejz-t, var(--iconejz-bg));
}

/* • Icon "Javascript": */
::part(jz-js-box) {
  width: 55%;
  height: 60%;
  padding: 0 5%;
  clip-path: polygon(0% 0%, 100% 0%, 90% 90%, 50% 100%, 10% 90%);
  background-color: var(--iconejz-c);
}

::part(jz-js-j),
::part(jz-js-s) {
  width: 40%;
  height: 65%;
  background-color: var(--iconejz-t, var(--iconejz-bg));
}

::part(jz-js-j) {
  margin-right: 2.5%;
  clip-path: polygon(75% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 72.5%, 25% 72.5%, 25% 82.5%, 50% 87.5%, 75% 82.5%);
}

::part(jz-js-s) {
  margin-left: 2.5%;
  clip-path: polygon(0% 45%, 0% 10%, 50% 0%, 100% 10%, 100% 25%, 77.5% 25%, 77.5% 17.5%, 50% 12%, 25% 17.5%, 25% 37.5%, 100% 52.5%, 100% 90%, 50% 100%, 0% 90%, 0% 72.5%, 25% 72.5%, 25% 82.5%, 50% 88%, 75% 82.5%, 75% 60% );
}

/* • Icon "Markdown": */
::part(jz-md-box) {
  width: 75%;
  height: 42.5%;
  padding: 8% 4%;
  border-radius: 2.5px;
  justify-content: space-evenly;
  background-color: var(--iconejz-c);
}

::part(jz-md-m) {
  width: 50%;
  height: 100%;
  clip-path: polygon(0% 0%, 25% 0%, 50% 25%, 75% 0%, 100% 0%, 100% 100%, 75% 100%, 75% 50%, 50% 75%, 25% 50%, 25% 100%, 0% 100%);
  background-color: var(--iconejz-t, var(--iconejz-bg));
}

::part(jz-md-a-d) {
  width: 30%;
  height: 100%;
  background-color: var(--iconejz-t, var(--iconejz-bg));
  clip-path: polygon(27.5% 0%, 72.5% 0%, 72.5% 65%, 100% 65%, 50% 100%, 0% 65%, 27.5% 65%);
}

/* • Icon "Text": */
::part(jz-txt-box) {
  width: 60%;
  height: 70%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

::part(jz-txt-l) {
  width: 100%;
  height: 8%;
  border-radius: 1px;
  background-color: var(--iconejz-c);
}

::part(jz-txt-l2) { 
  width: 50%;
}

::part(jz-txt-l3) { 
  width: 87.5%; 
}

::part(jz-txt-l4) { 
  width: 70%; 
}

/* • Icon "Heart": */
::part(jz-heart--content) {
  transform: rotate(45deg);
}

::part(jz-heart-bd) {
  width: 35%;
  height: 35%;
  position: relative;
  transform: translate(7%, 6%);
  background-color: var(--iconejz-c);
}

::part(jz-heart-sc) {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  background-color: var(--iconejz-c);
}

::part(jz-heart-sc1) {
  left: -50%;
}

::part(jz-heart-sc2) {
  top: -50%;
}

/* • Icon "Email": */
::part(jz-email-box) {
  width: 62.5%;
  height: 42.5%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
  border-radius: 1px;
  background-color: var(--iconejz-c);
  position: relative;
}

::part(jz-email-p),
::part(jz-email-p2) {
  width: 100%;
  display: flex;
  justify-content: center;  
  background-color: var(--iconejz-t, var(--iconejz-bg));
}

::part(jz-email-p) {
  height: 55%;
  align-items: flex-end;
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
} 

::part(jz-email-p2) {
  height: 65%;
  align-items: flex-start;
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
  position: absolute;
  top: 0;  
}

::part(jz-email-p-c),
::part(jz-email-p-c2) {
  width: 92%;
  height: 92%;  
  background-color: var(--iconejz-c);
}

::part(jz-email-p-c) {
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}

::part(jz-email-p-c2) {
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
}


/*  End.  */