icons.scss

.gg-abstract {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  transform: scale(var(--ggs, 1));
  border-right: 3px solid;
  border-top: 3px solid;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    bottom: 0;
    border: 3px solid;
    border-radius: 12px;
  }
}

.gg-add-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    top: 8px;
    left: 4px;
  }

  &::after {
    width: 2px;
    height: 10px;
    top: 4px;
    left: 8px;
  }
}

.gg-add {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    top: 8px;
    left: 4px;
  }

  &::after {
    width: 2px;
    height: 10px;
    top: 4px;
    left: 8px;
  }
}

.gg-adidas {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 23px;
  height: 15px;
  transform: scale(var(--ggs, 1));
  overflow: hidden;

  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 5px;
    height: 18px;
    background: currentColor;
    transform: rotate(-30deg);
    left: 4px;
    bottom: -14px;
    box-shadow: 7px -2px, 14px -4px;
  }
}

.gg-airplane {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  transform: scale(var(--ggs, 1));
  background: linear-gradient(to left, currentColor 22px, transparent 0)
      no-repeat (center / 16px) 2px,
    radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat right
      (center / 2px) 2px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 10px;
    height: 8px;
    border-right: 4px solid;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 10px;
    height: 8px;
    border-right: 4px solid;
    border-top-right-radius: 2px;
    top: 0;
    transform: perspective(10px) rotateX(10deg) skewX(30deg);
    box-shadow: -4px 3px 0 -2px;
  }

  &::after {
    border-bottom-right-radius: 2px;
    bottom: 0;
    transform: perspective(10px) rotateX(-10deg) skewX(-30deg);
    box-shadow: -4px -3px 0 -2px;
  }
}

.gg-alarm {
  background: linear-gradient(to left, currentColor 5px, transparent 0)
      no-repeat 4.5px 6px / 5px 2px,
    linear-gradient(to left, currentColor 7px, transparent 0) no-repeat 4.5px
      2px / 2px 6px;
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 2px solid transparent;
  transform: scale(var(--ggs, 1));
  box-shadow: 0 0 0 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 2px;
    background: currentColor;
    top: -4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 2px;
    background: currentColor;
    top: -4px;
    left: -5px;
    transform: rotate(-42deg);
  }

  &::after {
    transform: rotate(42deg);
    right: -5px;
  }
}

.gg-album {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  transform: scale(var(--ggs, 1));
  border-left: 7px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 8px solid transparent;
  box-shadow: 0 0 0 2px, inset 6px 4px 0 -4px, inset -6px 4px 0 -4px;
  border-radius: 3px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 5px;
    background: currentColor;
    transform: rotate(46deg);
    top: 5px;
    right: 4px;
  }

  &::after {
    transform: rotate(-46deg);
    right: 2px;
  }
}

.gg-align-bottom {
  box-sizing: border-box;
  position: relative;
  display: block;
  height: 12px;
  width: 12px;
  border-bottom: 2px solid;
  transform: scale(var(--ggs, 1));
  margin-top: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    background: currentColor;
    bottom: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    background: currentColor;
    bottom: 2px;
    left: 1px;
    height: 12px;
  }

  &::after {
    height: 6px;
    right: 1px;
    opacity: 0.5;
  }
}

.gg-align-center {
  box-sizing: border-box;
  position: relative;
  display: block;
  height: 12px;
  width: 12px;
  border-top: 2px solid transparent;
  transform: scale(var(--ggs, 1));
  margin-left: -4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 4px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 4px;
    background: currentColor;
    left: 2px;
    width: 12px;
    top: -2px;
  }

  &::after {
    width: 6px;
    right: 1px;
    top: 4px;
    opacity: 0.5;
  }
}

.gg-align-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  height: 12px;
  width: 12px;
  border-left: 2px solid;
  transform: scale(var(--ggs, 1));
  margin-left: -4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 4px;
    width: 12px;
    background: currentColor;
    left: 2px;
    top: 1px;
  }

  &::after {
    width: 6px;
    top: 7px;
    opacity: 0.5;
  }
}

.gg-align-middle {
  box-sizing: border-box;
  position: relative;
  display: block;
  height: 12px;
  width: 12px;
  transform: scale(var(--ggs, 1));
  border-top: 2px solid transparent;
  margin-top: -8px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    background: currentColor;
    left: 1px;
    height: 12px;
    top: 2px;
  }

  &::after {
    height: 6px;
    right: 1px;
    top: 5px;
    opacity: 0.5;
  }
}

.gg-align-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  height: 12px;
  width: 12px;
  border-right: 2px solid;
  transform: scale(var(--ggs, 1));
  margin-right: -4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 4px;
    width: 12px;
    background: currentColor;
    right: 2px;
    top: 1px;
  }

  &::after {
    width: 6px;
    top: 7px;
    opacity: 0.5;
  }
}

.gg-align-top {
  box-sizing: border-box;
  position: relative;
  display: block;
  height: 12px;
  width: 12px;
  border-top: 2px solid;
  transform: scale(var(--ggs, 1));
  margin-top: -4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    background: currentColor;
    top: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    background: currentColor;
    top: 2px;
    left: 1px;
    height: 12px;
  }

  &::after {
    height: 6px;
    right: 1px;
    opacity: 0.5;
  }
}

.gg-anchor {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 14px;
  background: currentColor;
  border-radius: 8px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 6px;
    border: 2px solid;
  }

  &::after {
    width: 12px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-color: transparent;
    left: -5px;
    bottom: 2px;
  }

  &::before {
    width: 6px;
    border-radius: 8px;
    top: -4px;
    left: -2px;
  }
}

.gg-apple-watch {
  background: linear-gradient(to left, currentColor 5px, transparent 0)
    no-repeat 13px 4px / 2px 4px;
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  border: 5px solid transparent;
  transform: scale(var(--ggs, 1));
  border-radius: 9px;
  box-shadow: inset 0 0 0 2px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 10px;
    height: 5px;
    border: 2px solid;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    left: 2px;
  }

  &::after {
    top: -3px;
  }

  &::before {
    transform: scaleY(-1);
    top: 12px;
  }
}

.gg-arrange-back {
  box-sizing: border-box;
  position: relative;
  transform: scale(var(--ggs, 1));
  display: block;
  width: 18px;
  height: 18px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 10px;
    height: 10px;
    border: 2px solid;
    left: 4px;
    top: 4px;
  }

  &::before {
    width: 8px;
    height: 8px;
    background: currentColor;
    box-shadow: 10px 10px 0;
  }
}

.gg-arrange-front {
  box-sizing: border-box;
  position: relative;
  transform: scale(var(--ggs, 1));
  display: block;
  width: 18px;
  height: 18px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid;
    left: 4px;
    top: 4px;
    box-shadow: -5px -5px 0 -1px, 5px 5px 0 -1px;
  }
}

.gg-arrow-align-h {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 10px;
  background: linear-gradient(to left, currentColor 15px, transparent 0)
      no-repeat 2px 4px / 6px 2px,
    linear-gradient(to left, currentColor 15px, transparent 0) no-repeat 12px
      4px / 6px 2px,
    linear-gradient(to left, currentColor 15px, transparent 0) no-repeat
      (center / 2px) 10px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    top: 2px;
  }

  &::after {
    border-bottom: 2px solid;
    border-left: 2px solid;
    left: 1px;
  }

  &::before {
    border-top: 2px solid;
    border-right: 2px solid;
    right: 1px;
  }
}

.gg-arrow-align-v {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 20px;
  background: linear-gradient(to left, currentColor 15px, transparent 0)
      no-repeat 4px 2px / 2px 6px,
    linear-gradient(to left, currentColor 15px, transparent 0) no-repeat 4px
      12px / 2px 6px,
    linear-gradient(to left, currentColor 15px, transparent 0) no-repeat
      (center / 10px) 2px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    left: 2px;
  }

  &::after {
    border-bottom: 2px solid;
    border-left: 2px solid;
    bottom: 1px;
  }

  &::before {
    border-top: 2px solid;
    border-right: 2px solid;
    top: 1px;
  }
}

.gg-arrow-bottom-left-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 20px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
  }

  &::after {
    width: 10px;
    height: 2px;
    background: currentColor;
    transform: rotate(-45deg);
    bottom: 8px;
  }

  &::before {
    width: 6px;
    height: 6px;
    bottom: 4px;
    border-bottom: 2px solid;
    border-left: 2px solid;
  }
}

.gg-arrow-bottom-left-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
  }

  &::after {
    width: 10px;
    height: 2px;
    background: currentColor;
    transform: rotate(-45deg);
    bottom: 8px;
  }

  &::before {
    width: 6px;
    height: 6px;
    bottom: 4px;
    border-bottom: 2px solid;
    border-left: 2px solid;
  }
}

.gg-arrow-bottom-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid;
  transform: scale(var(--ggs, 1));
  border-left: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 2px;
    background: currentColor;
    transform: rotate(-45deg);
    bottom: 3px;
    left: -3px;
  }
}

.gg-arrow-bottom-right-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 20px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 4px;
  }

  &::after {
    width: 10px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    bottom: 8px;
  }

  &::before {
    width: 6px;
    height: 6px;
    bottom: 4px;
    border-bottom: 2px solid;
    border-right: 2px solid;
  }
}

.gg-arrow-bottom-right-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 4px;
  }

  &::after {
    width: 10px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    bottom: 8px;
  }

  &::before {
    width: 6px;
    height: 6px;
    bottom: 4px;
    border-bottom: 2px solid;
    border-right: 2px solid;
  }
}

.gg-arrow-bottom-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid;
  transform: scale(var(--ggs, 1));
  border-right: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    bottom: 3px;
    right: -3px;
  }
}

.gg-arrow-down-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 20px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    bottom: 4px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(-45deg);
    left: 6px;
  }

  &::before {
    width: 2px;
    height: 10px;
    left: 8px;
    background: currentColor;
  }
}

.gg-arrow-down-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    bottom: 4px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(-45deg);
    left: 6px;
  }

  &::before {
    width: 2px;
    height: 10px;
    left: 8px;
    background: currentColor;
  }
}

.gg-arrow-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    bottom: 4px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(-45deg);
    left: 7px;
  }

  &::before {
    width: 2px;
    height: 16px;
    left: 10px;
    background: currentColor;
  }
}

.gg-arrow-left-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    bottom: 6px;
  }

  &::before {
    width: 10px;
    height: 2px;
    bottom: 8px;
    background: currentColor;
  }
}

.gg-arrow-left-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    bottom: 6px;
  }

  &::before {
    width: 10px;
    height: 2px;
    bottom: 8px;
    background: currentColor;
  }
}

.gg-arrow-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 3px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    bottom: 7px;
  }

  &::before {
    width: 16px;
    height: 2px;
    bottom: 10px;
    background: currentColor;
  }
}

.gg-arrow-long-down-c {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  border-top: 4px solid transparent;
  box-shadow: inset 0 0 0 2px;
  height: 24px;
  width: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: 0;
    left: -2px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-radius: 8px;
    top: -4px;
    left: -2px;
  }
}

.gg-arrow-long-down-e {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  border-top: 4px solid transparent;
  box-shadow: inset 0 0 0 2px;
  height: 24px;
  width: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: 0;
    left: -2px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border: 2px solid;
    top: -5px;
    left: -2px;
  }
}

.gg-arrow-long-down-l {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  box-shadow: inset 0 0 0 2px;
  height: 24px;
  width: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: 0;
    left: -2px;
  }

  &::before {
    width: 6px;
    height: 2px;
    background: currentColor;
    top: -1px;
    left: -2px;
  }
}

.gg-arrow-long-down-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  border-top: 4px solid transparent;
  box-shadow: inset 0 0 0 2px;
  height: 24px;
  width: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: 0;
    left: -2px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border: 2px solid;
    transform: rotate(45deg);
    top: -5px;
    left: -2px;
  }
}

.gg-arrow-long-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  box-shadow: inset 0 0 0 2px;
  height: 24px;
  width: 6px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: 0;
    left: -2px;
  }
}

.gg-arrow-long-left-c {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-right: 4px solid transparent;
  box-shadow: inset 0 0 0 2px;
  width: 24px;
  height: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 0;
    bottom: -2px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-radius: 8px;
    right: -4px;
    bottom: -2px;
  }
}

.gg-arrow-long-left-e {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-right: 4px solid transparent;
  box-shadow: inset 0 0 0 2px;
  width: 24px;
  height: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 0;
    bottom: -2px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border: 2px solid;
    right: -4px;
    bottom: -2px;
  }
}

.gg-arrow-long-left-l {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  box-shadow: inset 0 0 0 2px;
  width: 24px;
  height: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 0;
    bottom: -2px;
  }

  &::before {
    width: 2px;
    height: 6px;
    background: currentColor;
    right: -1px;
    bottom: -2px;
  }
}

.gg-arrow-long-left-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-right: 4px solid transparent;
  box-shadow: inset 0 0 0 2px;
  width: 24px;
  height: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 0;
    bottom: -2px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border: 2px solid;
    transform: rotate(45deg);
    right: -5px;
    bottom: -2px;
  }
}

.gg-arrow-long-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  box-shadow: inset 0 0 0 2px;
  width: 24px;
  height: 6px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 0;
    bottom: -2px;
  }
}

.gg-arrow-long-right-c {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left: 4px solid transparent;
  box-shadow: inset 0 0 0 2px;
  width: 24px;
  height: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    right: 0;
    bottom: -2px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-radius: 8px;
    left: -4px;
    bottom: -2px;
  }
}

.gg-arrow-long-right-e {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left: 4px solid transparent;
  box-shadow: inset 0 0 0 2px;
  width: 24px;
  height: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    right: 0;
    bottom: -2px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border: 2px solid;
    left: -4px;
    bottom: -2px;
  }
}

.gg-arrow-long-right-l {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  box-shadow: inset 0 0 0 2px;
  width: 24px;
  height: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    right: 0;
    bottom: -2px;
  }

  &::before {
    width: 2px;
    height: 6px;
    background: currentColor;
    left: -1px;
    bottom: -2px;
  }
}

.gg-arrow-long-right-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left: 4px solid transparent;
  box-shadow: inset 0 0 0 2px;
  width: 24px;
  height: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    right: 0;
    bottom: -2px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border: 2px solid;
    transform: rotate(45deg);
    left: -5px;
    bottom: -2px;
  }
}

.gg-arrow-long-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  box-shadow: inset 0 0 0 2px;
  width: 24px;
  height: 6px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    right: 0;
    bottom: -2px;
  }
}

.gg-arrow-long-up-c {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  border-bottom: 4px solid transparent;
  box-shadow: inset 0 0 0 2px;
  height: 24px;
  width: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    top: 0;
    left: -2px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-radius: 8px;
    bottom: -4px;
    left: -2px;
  }
}

.gg-arrow-long-up-e {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  border-bottom: 4px solid transparent;
  box-shadow: inset 0 0 0 2px;
  height: 24px;
  width: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    top: 0;
    left: -2px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border: 2px solid;
    bottom: -5px;
    left: -2px;
  }
}

.gg-arrow-long-up-l {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  box-shadow: inset 0 0 0 2px;
  height: 24px;
  width: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    top: 0;
    left: -2px;
  }

  &::before {
    width: 6px;
    height: 2px;
    background: currentColor;
    bottom: -1px;
    left: -2px;
  }
}

.gg-arrow-long-up-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  border-bottom: 4px solid transparent;
  box-shadow: inset 0 0 0 2px;
  height: 24px;
  width: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    top: 0;
    left: -2px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border: 2px solid;
    transform: rotate(45deg);
    bottom: -5px;
    left: -2px;
  }
}

.gg-arrow-long-up {
  display: block;
  box-sizing: border-box;
  width: 6px;

  &::after {
    display: block;
    box-sizing: border-box;
    width: 6px;
    content: "";
    position: absolute;
    height: 6px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    top: 0;
    left: -2px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  box-shadow: inset 0 0 0 2px;
  height: 24px;
}

.gg-arrow-right-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 20px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 4px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: 6px;
  }

  &::before {
    width: 10px;
    height: 2px;
    bottom: 8px;
    background: currentColor;
  }
}

.gg-arrow-right-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 4px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: 6px;
  }

  &::before {
    width: 10px;
    height: 2px;
    bottom: 8px;
    background: currentColor;
  }
}

.gg-arrow-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 3px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: 7px;
  }

  &::before {
    width: 16px;
    height: 2px;
    bottom: 10px;
    background: currentColor;
  }
}

.gg-arrow-top-left-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 20px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 10px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    bottom: 8px;
    right: 4px;
  }

  &::before {
    width: 6px;
    height: 6px;
    left: 4px;
    top: 4px;
    border-top: 2px solid;
    border-left: 2px solid;
  }
}

.gg-arrow-top-left-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
  }

  &::after {
    width: 10px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    bottom: 8px;
  }

  &::before {
    width: 6px;
    height: 6px;
    top: 4px;
    border-top: 2px solid;
    border-left: 2px solid;
  }
}

.gg-arrow-top-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
  transform: scale(var(--ggs, 1));
  border-top: 2px solid;
  border-left: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    top: 3px;
    left: -3px;
  }
}

.gg-arrow-top-right-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 20px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 4px;
  }

  &::after {
    width: 10px;
    height: 2px;
    background: currentColor;
    transform: rotate(-45deg);
    bottom: 8px;
  }

  &::before {
    width: 6px;
    height: 6px;
    top: 4px;
    border-top: 2px solid;
    border-right: 2px solid;
  }
}

.gg-arrow-top-right-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 4px;
  }

  &::after {
    width: 10px;
    height: 2px;
    background: currentColor;
    transform: rotate(-45deg);
    bottom: 8px;
  }

  &::before {
    width: 6px;
    height: 6px;
    top: 4px;
    border-top: 2px solid;
    border-right: 2px solid;
  }
}

.gg-arrow-top-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid;
  transform: scale(var(--ggs, 1));
  border-right: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 2px;
    background: currentColor;
    transform: rotate(-45deg);
    top: 3px;
    right: -3px;
  }
}

.gg-arrow-up-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 20px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 4px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 6px;
  }

  &::before {
    width: 2px;
    height: 10px;
    left: 8px;
    background: currentColor;
  }
}

.gg-arrow-up-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 4px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 6px;
  }

  &::before {
    width: 2px;
    height: 10px;
    left: 8px;
    background: currentColor;
  }
}

.gg-arrow-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 4px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 7px;
  }

  &::before {
    width: 2px;
    height: 16px;
    left: 10px;
    background: currentColor;
  }
}

.gg-arrows-breake-h {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 10px;
  background: linear-gradient(to left, currentColor 10px, transparent 0)
      no-repeat center (left / 8px) 2px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
      (right / 8px) 2px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 7px
      (center / 2px) 10px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 11px
      (center / 2px) 10px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    top: 2px;
  }

  &::after {
    border-left: 2px solid;
    border-bottom: 2px solid;
  }

  &::before {
    border-right: 2px solid;
    border-top: 2px solid;
    right: 0;
  }
}

.gg-arrows-breake-v {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 20px;
  background: linear-gradient(to left, currentColor 10px, transparent 0)
      no-repeat center (top / 2px) 8px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
      (bottom / 2px) 8px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
      7px / 10px 2px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
      11px / 10px 2px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    left: 2px;
  }

  &::after {
    border-left: 2px solid;
    border-top: 2px solid;
  }

  &::before {
    border-right: 2px solid;
    border-bottom: 2px solid;
    bottom: 0;
  }
}

.gg-arrows-exchange-alt-v {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 16px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    background: currentColor;
    border-radius: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    background: currentColor;
    border-radius: 4px;
    height: 6px;
    transform: rotate(-45deg);
    box-shadow: 13px -2px 0;
    top: 10px;
    left: 2px;
  }

  &::after {
    height: 12px;
    box-shadow: -4px 4px 0;
    right: 4px;
  }
}

.gg-arrows-exchange-alt {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 14px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
    border-radius: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
    border-radius: 4px;
    width: 6px;
    transform: rotate(-45deg);
    box-shadow: -2px -13px 0;
    right: 0;
    top: 10px;
  }

  &::after {
    width: 12px;
    box-shadow: 4px 4px 0;
    top: 4px;
  }
}

.gg-arrows-exchange-v {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 16px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    background: currentColor;
    border-radius: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    background: currentColor;
    border-radius: 4px;
    height: 6px;
    transform: rotate(45deg);
    box-shadow: 7px -4px 0;
    top: 4px;
    left: 2px;
  }

  &::after {
    height: 12px;
    box-shadow: -4px 4px 0;
    right: 4px;
    bottom: 4px;
  }
}

.gg-arrows-exchange {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 14px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
    border-radius: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
    border-radius: 4px;
    width: 6px;
    transform: rotate(45deg);
    box-shadow: 2px -13px 0;
    top: 10px;
  }

  &::after {
    width: 12px;
    box-shadow: -4px 4px 0;
    left: 4px;
    top: 4px;
  }
}

.gg-arrows-expand-down-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  box-shadow: -6px 6px 0 -4px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid;
    border-radius: 1px;
    right: 0;
  }

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    width: 2px;
    height: 10px;
    transform: rotate(45deg);
    top: 8px;
    left: 2px;
    border-radius: 4px;
  }
}

.gg-arrows-expand-down-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  box-shadow: 6px 6px 0 -4px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid;
    border-radius: 1px;
    left: 0;
  }

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    width: 2px;
    height: 10px;
    transform: rotate(-45deg);
    top: 8px;
    right: 2px;
    border-radius: 4px;
  }
}

.gg-arrows-expand-left-alt {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  margin: 2px;
  box-shadow: 6px 6px 0 -4px, -6px -6px 0 -4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    transform: rotate(-45deg);
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    transform: rotate(-45deg);
    width: 2px;
    height: 22px;
    top: -4px;
    left: 6px;
    border-top: 9px solid;
    border-bottom: 9px solid;
  }

  &::after {
    width: 8px;
    height: 2px;
    background: currentColor;
    top: 6px;
    left: 3px;
  }
}

.gg-arrows-expand-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  box-shadow: 6px 6px 0 -4px, -6px -6px 0 -4px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 22px;
    top: -4px;
    left: 6px;
    transform: rotate(-45deg);
    border-top: 9px solid;
    border-bottom: 9px solid;
  }
}

.gg-arrows-expand-right-alt {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  margin: 2px;
  box-shadow: -6px 6px 0 -4px, 6px -6px 0 -4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    transform: rotate(45deg);
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    transform: rotate(45deg);
    width: 2px;
    height: 22px;
    top: -4px;
    left: 6px;
    border-top: 9px solid;
    border-bottom: 9px solid;
  }

  &::after {
    width: 8px;
    height: 2px;
    background: currentColor;
    top: 6px;
    left: 3px;
  }
}

.gg-arrows-expand-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  margin: 2px;
  box-shadow: -6px 6px 0 -4px, 6px -6px 0 -4px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 22px;
    top: -4px;
    left: 6px;
    transform: rotate(45deg);
    border-top: 9px solid;
    border-bottom: 9px solid;
  }
}

.gg-arrows-expand-up-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  box-shadow: -6px -6px 0 -4px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid;
    border-radius: 1px;
    right: 0;
    bottom: 0;
  }

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    width: 2px;
    height: 10px;
    transform: rotate(-45deg);
    bottom: 8px;
    left: 2px;
    border-radius: 4px;
  }
}

.gg-arrows-expand-up-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  box-shadow: 6px -6px 0 -4px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid;
    border-radius: 1px;
    left: 0;
    bottom: 0;
  }

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    width: 2px;
    height: 10px;
    transform: rotate(45deg);
    bottom: 8px;
    right: 2px;
    border-radius: 4px;
  }
}

.gg-arrows-h-alt {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 10px;
  background: linear-gradient(to left, currentColor 18px, transparent 0)
    no-repeat 2px 4px / 16px 2px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    top: 2px;
  }

  &::after {
    border-bottom: 2px solid;
    border-left: 2px solid;
    left: 1px;
  }

  &::before {
    border-top: 2px solid;
    border-right: 2px solid;
    right: 1px;
  }
}

.gg-arrows-h {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 10px;
  background: linear-gradient(to left, currentColor 15px, transparent 0)
      no-repeat 2px 4px / 6px 2px,
    linear-gradient(to left, currentColor 15px, transparent 0) no-repeat 12px
      4px / 6px 2px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    top: 2px;
  }

  &::after {
    border-bottom: 2px solid;
    border-left: 2px solid;
    left: 1px;
  }

  &::before {
    border-top: 2px solid;
    border-right: 2px solid;
    right: 1px;
  }
}

.gg-arrows-merge-alt-h {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 12px;
  background: linear-gradient(to left, currentColor 12px, transparent 0)
      no-repeat center (left / 8px) 2px,
    linear-gradient(to left, currentColor 12px, transparent 0) no-repeat center
      (right / 8px) 2px,
    linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 20px
      (center / 2px) 12px,
    linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 0
      (center / 2px) 12px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    top: 3px;
  }

  &::after {
    border-left: 2px solid;
    border-bottom: 2px solid;
    right: 3px;
  }

  &::before {
    border-right: 2px solid;
    border-top: 2px solid;
    left: 3px;
  }
}

.gg-arrows-merge-alt-v {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 22px;
  background: linear-gradient(to left, currentColor 10px, transparent 0)
      no-repeat center (top / 2px) 8px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
      (bottom / 2px) 8px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
      20px / 10px 2px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
      0 / 10px 2px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    left: 3px;
  }

  &::after {
    border-left: 2px solid;
    border-top: 2px solid;
    bottom: 3px;
  }

  &::before {
    border-right: 2px solid;
    border-bottom: 2px solid;
    top: 3px;
  }
}

.gg-arrows-scroll-h {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
  }

  &::after {
    border-bottom: 2px solid;
    border-left: 2px solid;
    right: 0;
  }

  &::before {
    border-top: 2px solid;
    border-right: 2px solid;
    left: 0;
  }
}

.gg-arrows-scroll-v {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 6px;
  height: 16px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
  }

  &::after {
    border-bottom: 2px solid;
    border-left: 2px solid;
  }

  &::before {
    border-top: 2px solid;
    border-right: 2px solid;
    bottom: 0;
  }
}

.gg-arrows-shrink-h {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 10px;
  background: linear-gradient(to left, currentColor 10px, transparent 0)
      no-repeat center (center / 10px) 2px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 18px
      (center / 2px) 10px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 0px
      (center / 2px) 10px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    top: 2px;
  }

  &::after {
    border-left: 2px solid;
    border-bottom: 2px solid;
    left: 4px;
  }

  &::before {
    border-right: 2px solid;
    border-top: 2px solid;
    right: 4px;
  }
}

.gg-arrows-shrink-v {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 20px;
  background: linear-gradient(to left, currentColor 10px, transparent 0)
      no-repeat center (center / 2px) 10px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
      18px / 10px 2px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center
      0 / 10px 2px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    left: 2px;
  }

  &::after {
    border-left: 2px solid;
    border-top: 2px solid;
    top: 4px;
  }

  &::before {
    border-right: 2px solid;
    border-bottom: 2px solid;
    bottom: 4px;
  }
}

.gg-arrows-v-alt {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 20px;
  background: linear-gradient(to left, currentColor 16px, transparent 0)
    no-repeat 4px 2px / 2px 16px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    left: 2px;
  }

  &::after {
    border-bottom: 2px solid;
    border-left: 2px solid;
    bottom: 1px;
  }

  &::before {
    border-top: 2px solid;
    border-right: 2px solid;
    top: 1px;
  }
}

.gg-arrows-v {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 20px;
  background: linear-gradient(to left, currentColor 15px, transparent 0)
      no-repeat 4px 2px / 2px 6px,
    linear-gradient(to left, currentColor 15px, transparent 0) no-repeat 4px
      12px / 2px 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    left: 2px;
  }

  &::after {
    border-bottom: 2px solid;
    border-left: 2px solid;
    bottom: 1px;
  }

  &::before {
    border-top: 2px solid;
    border-right: 2px solid;
    top: 1px;
  }
}

.gg-assign {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 6px;
  height: 6px;
  background: currentColor;
  transform: scale(var(--ggs, 1));
  border-radius: 100px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 12px;
    box-shadow: -5px -5px 0 -3px, 5px 5px 0 -3px, 5px -5px 0 -3px,
      -5px 5px 0 -3px;
    left: -3px;
    top: -3px;
  }
}

.gg-asterisk {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 12px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  box-shadow: inset 0 0 0 2px;

  &::after,
  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 2px;
    height: 12px;
    background: currentColor;
    transform: rotate(55deg);
  }

  &::after {
    transform: rotate(-55deg);
  }
}

.gg-atlasian {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 22px;
  height: 18px;
  transform: scale(var(--ggs, 1));
  overflow: hidden;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    background: currentColor;
    border-radius: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    background: currentColor;
    border-radius: 4px;
    height: 12px;
    border-top-right-radius: 10px;
    bottom: -4px;
    left: 3px;
    transform: rotate(30deg) skewY(35deg);
    opacity: 0.8;
  }

  &::after {
    height: 24px;
    border-top-left-radius: 10px;
    bottom: -8px;
    right: 3px;
    transform: rotate(-30deg) skewY(-35deg);
  }
}

.gg-attachment {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border: 2px solid;
  border-top: 0;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  transform: scale(var(--ggs, 1));
  margin-top: 11px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    border: 2px solid;
  }

  &::after {
    border-bottom: 0;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    right: -2px;
    width: 10px;
    height: 14px;
    bottom: 8px;
  }

  &::before {
    width: 6px;
    height: 12px;
    border-top: 0;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    left: 2px;
    bottom: 4px;
  }
}

.gg-attribution {
  display: block;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 18px;
  background: linear-gradient(to left, currentColor 14px, transparent 0)
      no-repeat 1px 2px / 8px 2px,
    linear-gradient(to left, currentColor 14px, transparent 0) no-repeat 6px
      14px / 6px 2px,
    radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 10px
      12px / 6px 6px,
    radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 0 0 /
      6px 6px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid;
    border-right: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    top: 8px;
    left: 2px;
  }

  &::after {
    border-left: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    right: 2px;
    top: 2px;
  }
}

.gg-awards {
  display: block;
  position: relative;
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  width: 16px;
  height: 20px;
  border: 4px solid transparent;
  border-top: 12px solid transparent;
  border-bottom: 0;
  box-shadow: inset 4px 0 0 -2px, inset -4px 0 0 -2px;

  &::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    display: block;
    border: 2px solid;
  }

  &::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    display: block;
    border: 2px solid;
    width: 14px;
    height: 14px;
    border-radius: 22px;
    top: -12px;
    left: -3px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-bottom-left-radius: 1px;
    border-top-right-radius: 1px;
    transform: rotate(45deg);
    bottom: -3px;
    left: 1px;
  }
}

.gg-backspace {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-left: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: linear-gradient(to left, currentColor 18px, transparent 0)
      no-repeat center (center / 10px) 2px;
    border-right: 3px solid transparent;
    box-shadow: inset 0 0 0 2px;
    right: 2px;
    bottom: 1px;
    width: 8px;
    height: 8px;
    border-left: 3px solid transparent;
    transform: rotate(45deg);
  }

  &::after {
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-left-radius: 1px;
    transform: rotate(-45deg);
    top: 0;
    left: -5px;
  }
}

.gg-band-aid {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-25deg) scale(var(--ggs, 1));
  width: 24px;
  height: 12px;
  border: 2px solid;
  border-radius: 22px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 10px;
    top: -2px;
    left: 4px;
    border-left: 2px solid;
    border-right: 2px solid;
  }

  &::after {
    width: 2px;
    height: 2px;
    background: currentColor;
    box-shadow: 0 4px 0, 4px 0 0, 4px 4px 0;
    border-radius: 22px;
    left: 7px;
    top: 1px;
  }
}

.gg-battery-empty {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 12px;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 3px;
  margin-left: -3px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 4px;
    height: 6px;
    right: -4px;
    top: 1px;
    background: currentColor;
  }
}

.gg-battery-full {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 12px;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 3px;
  margin-left: -3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 6px;
    background: currentColor;
    top: 1px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 6px;
    background: currentColor;
    top: 1px;
    right: -4px;
    border-radius: 3px;
    width: 4px;
  }

  &::after {
    width: 14px;
    left: 1px;
  }
}

.gg-battery {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 12px;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 3px;
  margin-left: -3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 6px;
    background: currentColor;
    top: 1px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 6px;
    background: currentColor;
    top: 1px;
    right: -4px;
    border-radius: 3px;
    width: 4px;
  }

  &::after {
    width: 8px;
    left: 1px;
  }
}

.gg-bee {
  display: block;
  box-sizing: border-box;
  border: 2px solid;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    border: 2px solid;
  }

  position: relative;
  width: 12px;
  height: 20px;
  transform: scale(var(--ggs, 1));
  border-radius: 22px;
  background: linear-gradient(to left, currentColor 12px, transparent 0)
      no-repeat center 6px / 12px 2px,
    linear-gradient(to left, currentColor 12px, transparent 0) no-repeat center
      10px / 12px 2px;
  box-shadow: 0 4px 0 -2px, 0 7px 0 -4px;

  &::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 10px;
    border-top: 0;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    top: 4px;
  }

  &::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 10px;
    border-top: 0;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    top: 4px;
    left: -6px;
    transform: rotate(40deg);
  }

  &::after {
    right: -6px;
    transform: rotate(-40deg);
  }
}

.gg-bell {
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;

  &::before {
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
  }

  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-bottom: 0;
  width: 14px;
  height: 14px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    width: 4px;
    height: 4px;
    top: -4px;
    left: 3px;
  }

  &::after {
    border-radius: 3px;
    width: 16px;
    height: 10px;
    border: 6px solid transparent;
    border-top: 1px solid transparent;
    box-shadow: inset 0 0 0 4px, 0 -2px 0 0;
    top: 14px;
    left: -3px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
  }
}

.gg-bitbucket {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 15px;
  height: 15px;
  transform: scale(var(--ggs, 1));
  border-top: 5px solid;
  background: linear-gradient(to left, currentColor 10px, transparent 0)
    no-repeat center (bottom / 10px) 5px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    width: 5px;
    height: 15px;
    top: -5px;
    transform: skew(10deg);
    border-radius: 1px;
  }

  &::after {
    right: 0;
    transform: skew(-10deg);
  }
}

.gg-block {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 100%;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    transform: rotate(-45deg);
    top: 5px;
    left: 1px;
  }
}

.gg-bmw {
  position: relative;
  box-sizing: border-box;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 18px;

  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    border: 9px solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-radius: 18px;
    transform: rotate(45deg);
    left: -2px;
    top: -2px;
  }
}

.gg-board {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 12px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  box-shadow: 0 0 0 2px, inset 2px 0 0, inset -2px 0 0;
  border-radius: 2px;
}

.gg-bolt {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 6px;
  height: 21px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    transform: rotate(30deg);
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    transform: rotate(30deg);
    border-bottom: 12px solid;
    left: 0;
    top: 0;
  }

  &::after {
    border-top: 12px solid;
    right: 0;
    bottom: 0;
  }
}

.gg-bookmark {
  display: block;
  box-sizing: border-box;
  border-top-right-radius: 3px;

  &::after {
    display: block;
    box-sizing: border-box;
    border-top-right-radius: 3px;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    top: 9px;
    left: -1px;
  }

  border: 2px solid;
  border-bottom: 0;
  border-top-left-radius: 3px;
  overflow: hidden;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 16px;
}

.gg-border-all {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;

  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    content: "";
    position: absolute;
    border: 3px solid;
    bottom: 0;
    left: 0;
  }
}

.gg-border-bottom {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border-bottom: 3px solid;

  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    border-bottom: 3px solid;
    content: "";
    position: absolute;
    height: 10px;
    border: 3px solid;
    border-bottom: 0;
    bottom: 2px;
    left: 0;
    opacity: 0.3;
  }
}

.gg-border-left {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border-left: 3px solid;

  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    border-left: 3px solid;
    content: "";
    position: absolute;
    width: 10px;
    border: 3px solid;
    border-left: 0;
    bottom: 0;
    left: 2px;
    opacity: 0.3;
  }
}

.gg-border-right {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border-right: 3px solid;

  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    border-right: 3px solid;
    content: "";
    position: absolute;
    width: 10px;
    border: 3px solid;
    border-right: 0;
    bottom: 0;
    right: 2px;
    opacity: 0.3;
  }
}

.gg-border-style-dashed {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 26px;
  height: 17px;

  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 26px;
    height: 17px;
    content: "";
    position: absolute;
    height: 2px;
    top: 7px;
    border-top: 2px dashed;
  }
}

.gg-border-style-dotted {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 26px;
  height: 17px;

  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 26px;
    height: 17px;
    content: "";
    position: absolute;
    height: 2px;
    top: 7px;
    border-top: 2px dotted;
  }
}

.gg-border-style-solid {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 26px;
  height: 17px;

  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 26px;
    height: 17px;
    content: "";
    position: absolute;
    height: 2px;
    top: 7px;
    border-top: 2px solid;
  }
}

.gg-border-top {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border-top: 3px solid;

  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    border-top: 3px solid;
    content: "";
    position: absolute;
    height: 10px;
    border: 3px solid;
    border-top: 0;
    top: 2px;
    left: 0;
    opacity: 0.3;
  }
}

.gg-bot {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 21px;
  height: 10px;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 1px solid transparent;
  border-radius: 12px;
  box-shadow: 0 0 0 2px, -4px 0 0 -1px, 4px 0 0 -1px, inset 0 -4px 0 -2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 2px;
    box-shadow: 0 0 0 2px;
    top: 3px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 2px;
    box-shadow: 0 0 0 2px;
    top: 3px;
    left: -4px;
    border-radius: 3px;
  }

  &::after {
    border-radius: 100px;
    right: -4px;
  }
}

.gg-bowl {
  display: block;
  position: relative;
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  width: 20px;
  height: 18px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 20px;
    height: 12px;
    border: 2px solid;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    bottom: 0;
  }

  &::after {
    background: currentColor;
    width: 2px;
    height: 10px;
    border-radius: 4px;
    transform: rotate(45deg);
    right: 4px;
    top: -1px;
  }
}

.gg-box {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 20px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    height: 2px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    height: 2px;
    background: currentColor;
    left: 6px;
    width: 6px;
    top: 8px;
  }

  &::after {
    width: 22px;
    left: -2px;
    top: 4px;
  }
}

.gg-boy {
  display: block;
  box-sizing: border-box;
  border-radius: 42px;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    border-radius: 42px;
  }

  position: relative;
  width: 20px;
  height: 20px;
  transform: scale(var(--ggs, 1));
  overflow: hidden;
  box-shadow: inset 0 0 0 2px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    background: currentColor;
    box-shadow: 6px 0 0;
    left: 6px;
    top: 10px;
  }

  &::after {
    width: 20px;
    height: 20px;
    top: -13px;
    right: -12px;
  }
}

.gg-brackets {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    width: 4px;
    height: 10px;
    top: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    width: 4px;
    height: 10px;
    top: 2px;
    border-right: 0;
    left: 2px;
  }

  &::after {
    border-left: 0;
    right: 2px;
  }
}

.gg-briefcase {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 16px;
  border: 2px solid;
  border-radius: 2px;
  margin-top: 1px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    left: 4px;
    width: 10px;
    height: 4px;
    border-bottom: 0;
    top: -5px;
  }

  &::after {
    width: 18px;
    height: 3px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: 0 2px 0, inset 16px 74px 0;
    top: 4px;
  }
}

.gg-browse {
  display: block;
  position: relative;
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  width: 16px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;
  background: linear-gradient(to left, currentcolor 10px, transparent 0)
      no-repeat center 2px / 8px 2px,
    linear-gradient(to left, currentcolor 10px, transparent 0) no-repeat center
      6px / 8px 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 22px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 22px;
    width: 6px;
    height: 6px;
    border: 2px solid;
    left: 3px;
    top: 9px;
  }

  &::after {
    width: 2px;
    height: 4px;
    background: currentColor;
    bottom: 1px;
    right: 2px;
    transform: rotate(-45deg);
  }
}

.gg-browser {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 18px;
  border: 2px solid;
  border-radius: 3px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 22px;
    height: 2px;
    background: currentColor;
    top: 4px;
  }

  &::after {
    border-radius: 3px;
    width: 2px;
    box-shadow: 3px 0 0, 6px 0 0;
    top: 1px;
    left: 1px;
  }
}

.gg-brush {
  display: block;
  position: relative;
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  width: 14px;
  height: 18px;
  background: linear-gradient(to left, currentColor 10px, transparent 0)
      no-repeat 4px (bottom / 2px) 5px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 8px
      (bottom / 2px) 5px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    width: 6px;
    height: 8px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 0;
    left: 4px;
    top: 0;
  }

  &::after {
    width: 14px;
    height: 10px;
    border-top: 0;
    border-radius: 3px;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    background: linear-gradient(to left, currentColor 10px, transparent 0)
        no-repeat left (top / 4px) 2px,
      linear-gradient(to left, currentColor 10px, transparent 0) no-repeat right
        (top / 4px) 2px;
    bottom: 0;
  }
}

.gg-bulb {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-bottom-color: transparent;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-top: 0;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    top: 10px;
    border-bottom: 2px solid transparent;
    box-shadow: 0 5px 0 -2px, inset 2px 0 0 0, inset -2px 0 0 0,
      inset 0 -4px 0 -2px;
    width: 8px;
    height: 8px;
    left: 2px;
  }

  &::after {
    width: 12px;
    height: 2px;
    border-left: 3px solid;
    border-right: 3px solid;
    border-radius: 2px;
    bottom: 0;
    left: 0;
  }
}

.gg-c-plus-plus {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  transform: scale(var(--ggs, 1));
  border: 3px solid currentColor;
  box-sizing: border-box;
  border-radius: 100px;
  border-right-color: transparent;

  &::after,
  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 9px;
    height: 6px;
    border-left: 2px solid;
    border-right: 2px solid;
    right: -9px;
    top: 2px;
  }

  &::after {
    width: 13px;
    height: 2px;
    border-left: 6px solid;
    border-right: 6px solid;
    right: -11px;
    top: 4px;
  }
}

.gg-calculator {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 22px;
  border: 2px solid;
  border-radius: 2px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    top: 2px;
    left: 2px;
  }

  &::after {
    width: 2px;
    box-shadow: 4px 0 0, 8px 0 0, 0 4px 0, 4px 4px 0, 8px 4px 0, 0 8px 0,
      4px 8px 0, 8px 8px 0, 8px 6px 0;
    top: 6px;
  }
}

.gg-calendar-dates {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    height: 2px;
    left: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    height: 2px;
    left: 2px;
    background: currentColor;
    width: 2px;
    box-shadow: 4px 0 0, 8px 0 0, 0 4px 0, 4px 4px 0, 8px 4px 0;
    top: 6px;
  }

  &::after {
    width: 10px;
    top: -4px;
    box-shadow: 0 6px 0 0;
  }
}

.gg-calendar-due {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 6px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 6px;
    background: currentColor;
    top: 2px;
    width: 10px;
    height: 2px;
    left: 2px;
  }

  &::after {
    width: 4px;
    height: 4px;
    bottom: 3px;
    left: 5px;
  }
}

.gg-calendar-next {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  border: 2px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 3px solid transparent;
  box-shadow: 0 0 0 2px, inset 0 -2px 0;
  border-radius: 1px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    border-radius: 2px;
    top: 0;
    left: -1px;
    width: 10px;
    height: 2px;
  }

  &::after {
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid;
    bottom: -2px;
    right: -2px;
  }
}

.gg-calendar-today {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-top: 4px solid;
  border-radius: 3px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    height: 4px;
    width: 4px;
    border-radius: 2px;
    right: 2px;
    bottom: 2px;
  }
}

.gg-calendar-two {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 3px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    border-radius: 3px;
    top: 2px;
    left: 2px;
  }
}

.gg-calendar {
  display: block;
  box-sizing: border-box;

  &::before {
    display: block;
    box-sizing: border-box;
    content: "";
    position: absolute;
    width: 10px;
    border-radius: 3px;
    left: 2px;
    background: currentColor;
    height: 2px;
    top: 2px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-top: 4px solid;
  border-radius: 3px;
}

.gg-calibrate {
  display: block;
  box-sizing: border-box;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  overflow: hidden;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 22px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 22px;
    width: 6px;
    height: 6px;
    background: currentColor;
    top: 10px;
    left: 6px;
  }

  &::after {
    width: 22px;
    height: 22px;
    border: 6px solid transparent;
    border-top: 6px solid;
    left: -2px;
    top: 1px;
  }
}

.gg-camera {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 3px;
  width: 18px;
  height: 12px;
  perspective: 24px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    border-left-color: transparent;
    transform: rotateY(-70deg);
    width: 8px;
    height: 8px;
    right: -7px;
    top: 0;
  }

  &::after {
    width: 10px;
    height: 5px;
    border-top: 2px solid;
    border-right: 2px solid;
    top: -5px;
    right: 2px;
    border-top-right-radius: 2px;
  }
}

.gg-cap {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 12px;
  border: 2px solid;
  border-bottom-color: transparent;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    box-shadow: 0 0 0 2px, inset 12px 0 0 0;
    bottom: -8px;
    width: 18px;
    height: 6px;
    border-radius: 1px;
    left: -2px;
  }

  &::before {
    width: 4px;
    height: 4px;
    background: currentColor;
    border-radius: 2px;
    left: 5px;
    top: -4px;
  }
}

.gg-captions {
  border-radius: 1px;
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 16px;
  border: 2px solid;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 20px;
    height: 16px;
    border: 2px solid;
  }

  &::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 8px;
    border-right: transparent;
    top: 2px;
    left: 2px;
  }

  &::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 8px;
    border-right: transparent;
    top: 2px;
    left: 2px;
    left: 9px;
  }
}

.gg-card-clubs {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    border-radius: 4px;
    width: 4px;
    height: 4px;
    left: 5px;
    top: 4px;
    box-shadow: -2.5px 4px 0, 2.5px 4px 0;
  }
}

.gg-card-diamonds {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    background: currentColor;
    transform: rotate(45deg);
    top: 6px;
    left: 4px;
  }
}

.gg-card-hearts {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    height: 6px;
    background: currentColor;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    transform: rotate(45deg);
    left: 6px;
    top: 6px;
  }

  &::after {
    transform: rotate(-45deg);
    left: 4px;
  }
}

.gg-card-spades {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    height: 6px;
    background: currentColor;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    transform: rotate(-45deg);
    left: 6px;
    top: 6px;
  }

  &::after {
    transform: rotate(45deg);
    left: 4px;
  }
}

.gg-carousel {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 18px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 22px;
    height: 10px;
    border: 2px solid;
  }

  &::after {
    width: 10px;
    height: 2px;
    background: currentColor;
    top: 16px;
    left: 6px;
    box-shadow: -3px -4px 0, 3px -4px 0;
  }
}

.gg-cast {
  background: linear-gradient(to left, currentColor 5px, transparent 0)
      no-repeat bottom (right / 6px) 2px,
    linear-gradient(to left, currentColor 5px, transparent 0) no-repeat top
      (left / 2px) 2px;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 16px;
  border-top: 2px solid;
  border-right: 2px solid;
  border-radius: 2px;
  border-left: 0;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 20px;
    height: 20px;
    border: 6px double;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    transform: rotate(-45deg);
    bottom: -10px;
    left: -10px;
  }

  &::after {
    width: 4px;
    height: 4px;
    border: 2px solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    bottom: -2px;
    left: -2px;
  }
}

.gg-chanel {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 21px;
  height: 18px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 3px solid;
    width: 18px;
    height: 18px;
    border-radius: 22px;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 3px solid;
    width: 18px;
    height: 18px;
    border-radius: 22px;
    border-left-color: transparent;
    left: -3px;
  }

  &::after {
    border-right-color: transparent;
    right: -3px;
  }
}

.gg-chart {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-left: 2px solid;

  &::after {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid;
    box-sizing: border-box;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid;
    box-sizing: border-box;
    border-top-right-radius: 100px;
    right: -2px;
    top: -2px;
    width: 8px;
    height: 8px;
  }

  &::after {
    width: 18px;
    height: 18px;
    border-radius: 100px;
    border-right-color: transparent;
    left: -10px;
    transform: rotate(-45deg);
  }
}

.gg-check-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 3px;
    top: -1px;
    width: 6px;
    height: 10px;
    border-color: currentColor;
    border-width: 0 2px 2px 0;
    border-style: solid;
    transform-origin: bottom left;
    transform: rotate(45deg);
  }
}

.gg-check-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-radius: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 3px;
    top: -1px;
    width: 6px;
    height: 10px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    transform-origin: bottom left;
    transform: rotate(45deg);
  }
}

.gg-check {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 3px;
    top: -1px;
    width: 6px;
    height: 10px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    transform-origin: bottom left;
    transform: rotate(45deg);
  }
}

.gg-chevron-double-down-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 40px;
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 6px;
    top: 3px;
  }

  &::after {
    top: 7px;
  }
}

.gg-chevron-double-down-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 4px;
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 6px;
    top: 3px;
  }

  &::after {
    top: 7px;
  }
}

.gg-chevron-double-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 7px;
    top: 3px;
  }

  &::after {
    top: 8px;
  }
}

.gg-chevron-double-left-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 40px;
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    top: 6px;
    left: 5px;
  }

  &::after {
    left: 9px;
  }
}

.gg-chevron-double-left-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 4px;
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    top: 6px;
    left: 5px;
  }

  &::after {
    left: 9px;
  }
}

.gg-chevron-double-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    top: 7px;
    left: 6px;
  }

  &::after {
    left: 11px;
  }
}

.gg-chevron-double-right-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 40px;
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-right: 2px solid;
    border-top: 2px solid;
    transform: rotate(45deg);
    top: 6px;
    right: 5px;
  }

  &::after {
    right: 9px;
  }
}

.gg-chevron-double-right-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 4px;
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-right: 2px solid;
    border-top: 2px solid;
    transform: rotate(45deg);
    top: 6px;
    right: 5px;
  }

  &::after {
    right: 9px;
  }
}

.gg-chevron-double-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-right: 2px solid;
    border-top: 2px solid;
    transform: rotate(45deg);
    top: 7px;
    right: 6px;
  }

  &::after {
    right: 11px;
  }
}

.gg-chevron-double-up-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 40px;
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 6px;
    bottom: 3px;
  }

  &::after {
    bottom: 7px;
  }
}

.gg-chevron-double-up-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 4px;
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 6px;
    bottom: 3px;
  }

  &::after {
    bottom: 7px;
  }
}

.gg-chevron-double-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 7px;
    bottom: 3px;
  }

  &::after {
    bottom: 8px;
  }
}

.gg-chevron-down-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 6px;
    top: 5px;
  }
}

.gg-chevron-down-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 6px;
    top: 5px;
  }
}

.gg-chevron-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 4px;
    top: 2px;
  }
}

.gg-chevron-left-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 7px;
    top: 6px;
  }
}

.gg-chevron-left-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 7px;
    top: 6px;
  }
}

.gg-chevron-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 6px;
    top: 4px;
  }
}

.gg-chevron-right-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    left: 5px;
    top: 6px;
  }
}

.gg-chevron-right-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    left: 5px;
    top: 6px;
  }
}

.gg-chevron-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    right: 6px;
    top: 4px;
  }
}

.gg-chevron-up-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    left: 6px;
    bottom: 5px;
  }
}

.gg-chevron-up-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    left: 6px;
    bottom: 5px;
  }
}

.gg-chevron-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    left: 4px;
    bottom: 2px;
  }
}

.gg-circleci {
  display: block;
  box-sizing: border-box;
  border-radius: 18px;

  &::before {
    display: block;
    box-sizing: border-box;
    border-radius: 18px;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border: 3px solid;
    top: 3px;
    right: 3px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 24px;
  border: 4px solid;
  background: linear-gradient(to left, currentColor 8px, transparent 0)
    no-repeat -2px (center / 8px) 3px;
}

.gg-clapper-board {
  display: block;
  position: relative;
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  width: 22px;
  height: 18px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 8px;
    border-left: 2px solid;
    border-right: 2px solid;
    left: 4px;
    top: -2px;
    transform: skewX(-40deg);
  }

  &::after {
    width: 22px;
    height: 2px;
    background: currentColor;
    top: 4px;
    left: -2px;
  }
}

.gg-clipboard {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 2px;
    width: 10px;
    left: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 2px;
    width: 10px;
    left: 2px;
    border: 2px solid;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    top: -2px;
    height: 6px;
  }

  &::after {
    height: 2px;
    background: currentColor;
    box-shadow: 0 -4px 0 0;
    bottom: 2px;
  }
}

.gg-close-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 40px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    border-radius: 5px;
    top: 8px;
    left: 3px;
  }

  &::after {
    transform: rotate(-45deg);
  }
}

.gg-close-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    border-radius: 5px;
    top: 8px;
    left: 3px;
  }

  &::after {
    transform: rotate(-45deg);
  }
}

.gg-close {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 40px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 16px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    border-radius: 5px;
    top: 8px;
    left: 1px;
  }

  &::after {
    transform: rotate(-45deg);
  }
}

.gg-cloud {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 8px;
  height: 2px;
  background: currentColor;
  margin-bottom: -20px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid;
    box-sizing: border-box;
    bottom: 0;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid;
    box-sizing: border-box;
    bottom: 0;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-right: 0;
    left: -6px;
    width: 7px;
    height: 12px;
  }

  &::after {
    width: 16px;
    height: 16px;
    border-radius: 100px;
    border-left-color: transparent;
    right: -8px;
    transform: rotate(-45deg);
  }
}

.gg-code-climate {
  display: block;
  box-sizing: border-box;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 16px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 12px;
    border-left: 4px solid;
    border-top: 4px solid;
    transform: rotate(45deg);
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 12px;
    border-left: 4px solid;
    border-top: 4px solid;
    transform: rotate(45deg);
    height: 12px;
    left: 2px;
    bottom: -2px;
  }

  &::after {
    height: 6px;
    right: 0;
    bottom: 6px;
  }
}

.gg-code-slash {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: rotate(15deg) scale(var(--ggs, 1));
  width: 2px;
  height: 16px;
  background: currentColor;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    transform: rotate(-60deg);
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    transform: rotate(-60deg);
    border-left: 2px solid;
    border-top: 2px solid;
    left: -8px;
    top: 5px;
  }

  &::after {
    border-right: 2px solid;
    border-bottom: 2px solid;
    right: -8px;
    top: 3px;
  }
}

.gg-code {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 8px;
  height: 20px;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 8px;
    height: 20px;
  }

  &::after,
  &::before {
    content: "";
    position: absolute;
    height: 8px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg) scaleY(1);
    left: -4px;
    top: 6px;
  }

  &::after {
    transform: rotate(-45deg) scaleX(-1);
    left: 4px;
  }
}

.gg-coffee {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 14px;
  border: 2px solid;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-left: -4px;
  margin-top: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 2px;
    background: currentColor;
    box-shadow: 4px 0 0, 8px 0 0;
    border-radius: 3px;
    width: 2px;
    height: 4px;
    top: -7px;
  }

  &::after {
    width: 6px;
    height: 8px;
    border: 2px solid;
    border-radius: 100px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    right: -6px;
    top: -1px;
  }
}

.gg-collage {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 20px;
  border: 2px solid;
  border-radius: 3px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 20px;
    background: currentColor;
    left: 5px;
    top: -2px;
  }

  &::after {
    width: 9px;
    height: 2px;
    left: -2px;
    top: 4px;
    box-shadow: 7px 5px 0 0;
  }
}

.gg-color-bucket {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 6px;
  height: 10px;
  border: 2px solid;
  border-bottom: 0;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  margin-top: -18px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    transform: rotate(45deg);
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    transform: rotate(45deg);
    border: 2px solid;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    top: 4px;
    left: -4px;
    width: 14px;
    height: 16px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-radius: 0 100% 100% 100%;
    background: currentColor;
    right: -15px;
    bottom: -12px;
  }
}

.gg-color-picker {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-45deg) scale(var(--ggs, 1));
  width: 18px;
  height: 10px;
  border-left: 0;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
  box-shadow: inset 0 0 0 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    top: -2px;
    border-radius: 3px;
    width: 2px;
    height: 10px;
    right: -3px;
  }

  &::after {
    width: 8px;
    height: 6px;
    right: -9px;
    box-shadow: -21px 0 0 -2px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
  }
}

.gg-comedy-central {
  box-sizing: border-box;
  display: block;
  border: 3px solid;
  border-radius: 100px;

  &::before {
    box-sizing: border-box;
    display: block;
    border: 3px solid;
    border-radius: 100px;
    content: "";
    position: absolute;
    border-right-color: transparent;
    width: 10px;
    height: 10px;
    bottom: 2px;
    right: 2px;
  }

  position: relative;
  border-left-color: transparent;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
}

.gg-comment {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 16px;
  border: 2px solid;
  border-bottom: 0;
  box-shadow: -6px 8px 0 -6px, 6px 8px 0 -6px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    border: 2px solid;
    border-top-color: transparent;
    border-bottom-left-radius: 20px;
    right: 4px;
    bottom: -6px;
    height: 6px;
  }

  &::after {
    height: 2px;
    background: currentColor;
    box-shadow: 0 4px 0 0;
    left: 4px;
    top: 4px;
  }
}

.gg-community {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 21px;
  height: 14px;

  &::after,
  &::before {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid;
    width: 10px;
    height: 10px;
    border-radius: 22px;
  }

  &::after {
    right: 0;
  }
}

.gg-components {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(45deg) scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  background: linear-gradient(to left, currentColor 10px, transparent 0)
      no-repeat 0 0 / 2px 6px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 4px 0 /
      2px 6px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 8px 0 /
      2px 6px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 12px 0 /
      2px 6px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 0 8px /
      2px 6px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 4px 8px /
      2px 6px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 8px 8px /
      2px 6px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 12px
      8px / 2px 6px;

  &::after,
  &::before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 2px;
    border-top: 6px double;
    border-bottom: 6px double;
  }

  &::after {
    right: 0;
  }
}

.gg-compress-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-45deg) scale(var(--ggs, 1));
  width: 2px;
  height: 26px;
  border-top: 10px solid;
  border-bottom: 10px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    left: -2px;
  }

  &::after {
    border-bottom: 2px solid;
    border-right: 2px solid;
    top: -5px;
  }

  &::before {
    border-top: 2px solid;
    border-left: 2px solid;
    bottom: -5px;
  }
}

.gg-compress-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(45deg) scale(var(--ggs, 1));
  width: 2px;
  height: 26px;
  border-top: 10px solid;
  border-bottom: 10px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    left: -2px;
  }

  &::after {
    border-bottom: 2px solid;
    border-right: 2px solid;
    top: -5px;
  }

  &::before {
    border-top: 2px solid;
    border-left: 2px solid;
    bottom: -5px;
  }
}

.gg-compress-v {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 26px;
  border-top: 10px solid;
  border-bottom: 10px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    left: -2px;
  }

  &::after {
    border-bottom: 2px solid;
    border-right: 2px solid;
    top: -5px;
  }

  &::before {
    border-top: 2px solid;
    border-left: 2px solid;
    bottom: -5px;
  }
}

.gg-compress {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 26px;
  height: 2px;
  border-left: 10px solid;
  border-right: 10px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    top: -2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    top: -2px;
    border-right: 2px solid;
    left: -5px;
    transform: rotate(45deg);
  }

  &::after {
    border-left: 2px solid;
    right: -5px;
    transform: rotate(-45deg);
  }
}

.gg-controller {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 8px;
  height: 8px;
  border: 2px solid;
  border-radius: 100px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 14px;
    box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px,
      -6px 6px 0 -4px;
    left: -5px;
    top: -5px;
    transform: rotate(45deg);
  }
}

.gg-copy {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 18px;
  border: 2px solid;
  margin-left: -5px;
  margin-top: -4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: linear-gradient(to left, currentColor 5px, transparent 0)
        no-repeat right (top / 5px) 2px,
      linear-gradient(to left, currentColor 5px, transparent 0) no-repeat left
        (bottom / 2px) 5px;
    box-shadow: inset -4px -4px 0 -2px;
    bottom: -6px;
    right: -6px;
    width: 14px;
    height: 18px;
  }

  &::after {
    width: 6px;
    height: 2px;
    background: currentColor;
    left: 2px;
    top: 2px;
    box-shadow: 0 4px 0, 0 8px 0;
  }
}

.gg-copyright {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 40px;

  &::after {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs, 1));
    width: 18px;
    height: 18px;
    border: 2px solid;
    border-radius: 40px;
    content: "";
    position: absolute;
    border-right-color: transparent;
    width: 8px;
    height: 8px;
    top: 3px;
    left: 3px;
    transform: none;
  }
}

.gg-corner-double-down-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 12px;
  border-bottom-right-radius: 4px;
  border-bottom: 2px solid;
  border-right: 2px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-left: 2px solid;
    transform: rotate(45deg);
  }

  &::after {
    border-bottom: 2px solid;
    bottom: -4px;
  }

  &::before {
    border-top: 2px solid;
    right: -4px;
  }
}

.gg-corner-double-down-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 4px;
  border-bottom: 2px solid;
  border-left: 2px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    transform: rotate(45deg);
  }

  &::after {
    border-right: 2px solid;
    bottom: -4px;
    right: 0;
  }

  &::before {
    border-left: 2px solid;
    left: -4px;
  }
}

.gg-corner-double-left-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 12px;
  border-top-left-radius: 4px;
  border-top: 2px solid;
  border-left: 2px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-right: 2px solid;
    transform: rotate(45deg);
  }

  &::after {
    border-top: 2px solid;
    top: -4px;
    right: 0;
  }

  &::before {
    border-bottom: 2px solid;
    left: -4px;
    bottom: 0;
  }
}

.gg-corner-double-left-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 8px;
  height: 10px;
  border-bottom-left-radius: 4px;
  border-bottom: 2px solid;
  border-left: 2px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    left: -4px;
    transform: rotate(45deg);
  }

  &::after {
    border-left: 2px solid;
    top: -4px;
  }

  &::before {
    border-left: 2px solid;
    top: 0;
  }
}

.gg-corner-double-right-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 12px;
  border-top-right-radius: 4px;
  border-top: 2px solid;
  border-right: 2px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    transform: rotate(45deg);
  }

  &::after {
    border-left: 2px solid;
    top: -4px;
    left: 0;
  }

  &::before {
    border-right: 2px solid;
    right: -4px;
    bottom: 0;
  }
}

.gg-corner-double-right-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 8px;
  height: 10px;
  border-bottom-right-radius: 4px;
  border-bottom: 2px solid;
  border-right: 2px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-left: 2px solid;
    right: -4px;
    transform: rotate(45deg);
  }

  &::after {
    border-top: 2px solid;
    top: -4px;
  }

  &::before {
    border-top: 2px solid;
    top: 0;
  }
}

.gg-corner-double-up-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 8px;
  border-top-right-radius: 4px;
  border-top: 2px solid;
  border-right: 2px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    top: -4px;
    transform: rotate(45deg);
  }

  &::after {
    border-left: 2px solid;
  }

  &::before {
    border-left: 2px solid;
    left: -4px;
  }
}

.gg-corner-double-up-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 8px;
  border-top-left-radius: 4px;
  border-top: 2px solid;
  border-left: 2px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-right: 2px solid;
    top: -4px;
    transform: rotate(45deg);
  }

  &::after {
    border-top: 2px solid;
    right: 0;
  }

  &::before {
    border-top: 2px solid;
    right: -4px;
  }
}

.gg-corner-down-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 3px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    bottom: 3px;
  }

  &::before {
    width: 16px;
    height: 12px;
    border-bottom-right-radius: 4px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    bottom: 6px;
  }
}

.gg-corner-down-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 3px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: 3px;
  }

  &::before {
    width: 16px;
    height: 12px;
    border-bottom-left-radius: 4px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    bottom: 6px;
  }
}

.gg-corner-left-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    bottom: 3px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 3px;
  }

  &::before {
    width: 12px;
    height: 16px;
    border-top-left-radius: 4px;
    border-top: 2px solid;
    border-left: 2px solid;
    left: 6px;
  }
}

.gg-corner-left-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 3px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 3px;
  }

  &::before {
    width: 12px;
    height: 16px;
    border-bottom-left-radius: 4px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    left: 6px;
  }
}

.gg-corner-right-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    bottom: 3px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    right: 3px;
  }

  &::before {
    width: 12px;
    height: 16px;
    border-top-right-radius: 4px;
    border-top: 2px solid;
    border-right: 2px solid;
    right: 6px;
  }
}

.gg-corner-right-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 3px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    right: 3px;
  }

  &::before {
    width: 12px;
    height: 16px;
    border-bottom-right-radius: 4px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    right: 6px;
  }
}

.gg-corner-up-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 3px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    top: 3px;
  }

  &::before {
    width: 16px;
    height: 12px;
    border-top-right-radius: 4px;
    border-top: 2px solid;
    border-right: 2px solid;
    top: 6px;
  }
}

.gg-corner-up-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 3px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    top: 3px;
  }

  &::before {
    width: 16px;
    height: 12px;
    border-top-left-radius: 4px;
    border-top: 2px solid;
    border-left: 2px solid;
    top: 6px;
  }
}

.gg-credit-card {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 18px;
  border: 2px solid;
  border-radius: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 24px;
    left: -2px;
    height: 2px;
    background: currentColor;
    top: 9px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 24px;
    left: -2px;
    height: 2px;
    background: currentColor;
    top: 9px;
    width: 6px;
    left: 2px;
    top: 3px;
  }
}

.gg-crop {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 14px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 14px;
    border-right: 2px solid;
    border-top: 2px solid;
    left: 1px;
    top: 5px;
  }

  &::after {
    border-left: 2px solid;
    border-bottom: 2px solid;
    top: 1px;
    right: 1px;
  }
}

.gg-cross {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 3px;
  background: currentColor;

  &::after {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 10px;
    height: 2px;
    border-radius: 3px;
    background: currentColor;
    content: "";
    position: absolute;
    width: 2px;
    height: 12px;
    top: -4px;
    left: 4px;
  }
}

.gg-crowdfire {
  display: block;
  box-sizing: border-box;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 4px solid;
    border-radius: 100px;
    border-right-color: transparent;
    transform: rotate(-45deg);
  }

  &::after {
    width: 8px;
    height: 8px;
    border-top: 4px solid;
    border-right: 4px solid;
    right: 2px;
    top: 2px;
  }
}

.gg-crown {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 19px;
  height: 12px;
  border: 2px solid;
  border-top-color: transparent;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding-top: 4px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(-45deg);
    top: -4px;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(-45deg);
    top: -4px;
    border-top-left-radius: 2px;
    left: -1px;
  }

  &::after {
    border-bottom-right-radius: 2px;
    right: -1px;
  }
}

.gg-danger {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 40px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    background: currentColor;
    left: 7px;
  }

  &::after {
    top: 2px;
    height: 8px;
  }

  &::before {
    height: 2px;
    bottom: 2px;
  }
}

.gg-dark-mode {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 100px;
  width: 20px;
  height: 20px;

  &::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    display: block;
  }

  &::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    display: block;
    border: 5px solid;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-right: 0;
    width: 9px;
    height: 18px;
    top: -1px;
    left: -1px;
  }

  &::after {
    border: 4px solid;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-left: 0;
    width: 4px;
    height: 8px;
    right: 4px;
    top: 4px;
  }
}

.gg-data {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  border: 2px solid;
  border-radius: 50%;
  width: 14px;
  height: 14px;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    border: 2px solid;
    border-radius: 50%;
    width: 14px;
    height: 14px;
  }

  &::after,
  &::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 2px;
    left: 2px;
  }

  &::after {
    background: linear-gradient(to left, currentColor 8px, transparent 0)
      no-repeat bottom (center / 2px) 8px;
    width: 22px;
    height: 22px;
    top: -6px;
    left: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }

  border-top-color: transparent;
  border-bottom-color: transparent;
}

.gg-database {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 14px;
  border: 2px solid transparent;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left: 6px solid transparent;
  box-shadow: 0 0 0 2px, inset 0 2px 0 0, inset 0 -2px 0 0;
  border-radius: 1px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    width: 20px;
    height: 2px;
    top: 4px;
    left: -8px;
  }

  &::after {
    width: 2px;
    height: 10px;
    border-bottom: 2px solid;
    border-top: 2px solid;
    top: 0;
    left: -4px;
  }
}

.gg-debug {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 18px;
  border: 2px solid;
  border-radius: 22px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 4px;
    border: 2px solid;
    top: -4px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 0;
  }

  &::after {
    background: currentColor;
    width: 4px;
    height: 2px;
    border-radius: 5px;
    top: 4px;
    left: 2px;
    box-shadow: 0 4px 0, -6px -2px 0, -6px 2px 0, -6px 6px 0, 6px -2px 0,
      6px 2px 0, 6px 6px 0;
  }
}

.gg-designmodo {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 16px;
  background: linear-gradient(to left, currentColor 5px, transparent 0)
    no-repeat right 3px / 8px 3px;

  &::after,
  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 3px solid;
    border-radius: 10px;
  }

  &::after {
    width: 14px;
    height: 14px;
    border: 3px solid transparent;
    border-bottom: 3px solid;
    left: 3px;
    bottom: 0;
  }
}

.gg-desktop {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 18px;
  border: 2px solid;
  border-radius: 3px;
  overflow: hidden;

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 22px;
    height: 2px;
    background: currentColor;
    top: 2px;
    left: -2px;
  }

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    background: currentColor;
    width: 2px;
    height: 2px;
    border-radius: 4px;
    bottom: 2px;
    left: 4px;
    box-shadow: 4px 0 0, 8px 0 0;
  }
}

.gg-details-less {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 14px;
  border: 2px solid transparent;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    border-radius: 3px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    border-radius: 3px;
    background: currentColor;
    top: 2px;
    width: 16px;
  }

  &::after {
    width: 10px;
    bottom: 2px;
  }
}

.gg-details-more {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 14px;
  border: 2px solid transparent;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    border-radius: 3px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    border-radius: 3px;
    background: currentColor;
    box-shadow: 0 4px 0 0;
    top: 0;
    width: 16px;
  }

  &::after {
    width: 10px;
    bottom: 0;
  }
}

.gg-dialpad {
  transform: scale(var(--ggs, 1));
  box-shadow: -5px 0 0, 5px 0 0;

  &::before {
    box-shadow: -5px 0 0, 5px 0 0;
  }

  box-sizing: border-box;
  position: relative;
  display: block;
  width: 3px;
  height: 3px;
  background: currentColor;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 3px;
    height: 3px;
    background: currentColor;
  }

  &::after {
    content: "";
    position: absolute;
    left: 0;
  }

  &::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
  }

  &::after {
    box-shadow: -5px 0 0, 5px 0 0, 0 5px 0;
    top: 5px;
  }
}

.gg-dice-1 {
  display: block;
  transform: scale(var(--ggs, 1));
  position: relative;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    background: currentColor;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    left: 7px;
    top: 7px;
  }
}

.gg-dice-2 {
  display: block;
  transform: scale(var(--ggs, 1));
  position: relative;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    background: currentColor;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    left: 2px;
    top: 2px;
    box-shadow: 10px 10px 0;
  }
}

.gg-dice-3 {
  display: block;
  transform: scale(var(--ggs, 1));
  position: relative;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    background: currentColor;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    left: 2px;
    top: 2px;
    box-shadow: 5px 5px 0, 10px 10px 0;
  }
}

.gg-dice-4 {
  display: block;
  transform: scale(var(--ggs, 1));
  position: relative;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    background: currentColor;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    left: 2px;
    top: 2px;
    box-shadow: 0 10px 0, 10px 0 0, 10px 10px 0;
  }
}

.gg-dice-5 {
  display: block;
  transform: scale(var(--ggs, 1));
  position: relative;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    background: currentColor;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    left: 2px;
    top: 2px;
    box-shadow: 0 10px 0, 10px 0 0, 10px 10px 0, 5px 5px 0;
  }
}

.gg-dice-6 {
  display: block;
  transform: scale(var(--ggs, 1));
  position: relative;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    background: currentColor;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    left: 2px;
    top: 2px;
    box-shadow: 0 5px 0, 0 10px 0, 10px 0 0, 10px 5px 0, 10px 10px 0;
  }
}

.gg-digitalocean {
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  background: linear-gradient(to left, currentColor 4px, transparent 0)
      no-repeat 1px 14px / 2px 2px,
    linear-gradient(to left, currentColor 4px, transparent 0) no-repeat 3px 16px /
      3px 3px;

  &::after,
  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
  }

  &::after {
    width: 4px;
    height: 4px;
    background: currentColor;
    bottom: 4px;
    left: 6px;
  }

  &::before {
    width: 20px;
    height: 20px;
    border: 4px solid;
    transform: rotate(-45deg);
    border-radius: 100px;
    border-left-color: transparent;
  }
}

.gg-disc {
  display: block;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 50%;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 50%;
  }

  border-top-color: transparent;
  border-bottom-color: transparent;
  transform: rotate(45deg) scale(var(--ggs, 1));
  position: relative;
  width: 14px;
  height: 14px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 2px;
    left: 2px;
  }

  &::after {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    top: -6px;
    left: -6px;
  }
}

.gg-display-flex {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  height: 14px;
  width: 16px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px, inset -2px 0 0 0, inset 2px 0 0 0;
}

.gg-display-fullwidth {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  height: 14px;
  width: 16px;
  box-shadow: inset 0 0 0 2px, 0 2px 0 0, 0 -2px 0 0;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.gg-display-grid {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  height: 14px;
  width: 14px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 4px;
    border-right: 4px solid;
    border-left: 4px solid;
    top: 0;
    left: 0;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 4px;
    border-right: 4px solid;
    border-left: 4px solid;
    top: 0;
    left: 0;
    top: 6px;
  }
}

.gg-display-spacing {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  height: 14px;
  width: 14px;
  box-shadow: inset 0 0 0 2px, 2px 0 0 0, -2px 0 0 0;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}

.gg-distribute-horizontal {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  height: 14px;
  width: 14px;
  border-left: 2px solid;
  border-right: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 8px;
    width: 4px;
    background: currentColor;
    right: 3px;
    top: 3px;
    opacity: 0.5;
  }
}

.gg-distribute-vertical {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  height: 14px;
  width: 14px;
  border-top: 2px solid;
  border-bottom: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 4px;
    width: 8px;
    background: currentColor;
    right: 3px;
    top: 3px;
    opacity: 0.5;
  }
}

.gg-dock-bottom {
  display: block;
  transform: scale(var(--ggs, 1));
  position: relative;
  box-sizing: border-box;
  width: 20px;
  height: 16px;
  border: 2px solid;
  border-bottom-width: 6px;
}

.gg-dock-left {
  display: block;
  transform: scale(var(--ggs, 1));
  position: relative;
  box-sizing: border-box;
  width: 20px;
  height: 16px;
  border: 2px solid;
  border-left-width: 6px;
}

.gg-dock-right {
  display: block;
  transform: scale(var(--ggs, 1));
  position: relative;
  box-sizing: border-box;
  width: 20px;
  height: 16px;
  border: 2px solid;
  border-right-width: 6px;
}

.gg-dock-window {
  display: block;
  transform: scale(var(--ggs, 1));
  position: relative;
  box-sizing: border-box;
  width: 20px;
  height: 16px;
  border: 2px solid;
  border-left-width: 4px;
  border-bottom-width: 4px;
}

.gg-dolby {
  display: block;
  box-sizing: border-box;
  height: 16px;
  border: 4px solid;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    height: 16px;
    border: 4px solid;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 24px;

  &::after {
    content: "";
    position: absolute;
    width: 14px;
    top: -4px;
  }

  &::before {
    content: "";
    position: absolute;
    width: 14px;
    top: -4px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    left: -4px;
  }

  &::after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    right: -4px;
  }
}

.gg-dollar {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 20px;
  background: currentColor;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 8px;
    border: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 8px;
    border: 2px solid;
    border-right: 0;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    top: 3px;
    left: -6px;
    box-shadow: 4px -2px 0 -2px;
  }

  &::after {
    border-left: 0;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    bottom: 3px;
    right: -6px;
    box-shadow: -4px 2px 0 -2px;
  }
}

.gg-dribbble {
  background: radial-gradient(
      circle at 50%,
      transparent 0,
      transparent 9px,
      currentColor 9.2px,
      currentColor 11px,
      transparent 11.2px
    )
    no-repeat -8px center;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-25deg) scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  box-shadow: inset 0 0 0 2px;
  border-radius: 50%;
  overflow: hidden;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 50%;
    border: 2px solid;
    height: 26px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 50%;
    border: 2px solid;
    height: 26px;
    width: 36px;
    left: -6px;
    top: -15px;
  }

  &::after {
    top: 13px;
    left: -7px;
    width: 31px;
  }
}

.gg-drive {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 26px;
  height: 10px;
  border: 2px solid;
  border-radius: 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 10px;
    background: currentColor;
    top: 2px;
    right: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 10px;
    background: currentColor;
    top: 2px;
    right: 2px;
    right: 6px;
  }
}

.gg-drop-invert {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(45deg) scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border-radius: 0 100% 100% 100%;
  box-shadow: inset 0 0 0 2px;
  overflow: hidden;

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background: currentColor;
    transform: rotate(-45deg);
    right: -15px;
    top: -10px;
  }
}

.gg-drop-opacity {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(45deg) scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border-radius: 0 100% 100% 100%;
  box-shadow: inset 0 0 0 2px;
  overflow: hidden;

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background: currentColor;
    transform: rotate(-45deg);
    right: -10px;
    bottom: -16px;
  }
}

.gg-drop {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(45deg) scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border-radius: 0 100% 100% 100%;
  box-shadow: inset 0 0 0 2px;
}

.gg-duplicate {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 10px;
  border: 2px solid transparent;
  border-bottom: 4px solid transparent;
  box-shadow: 0 0 0 2px, inset 0 -2px 0 0;
  margin-left: -4px;
  margin-top: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    left: 2px;
    bottom: -2px;
    width: 2px;
    height: 6px;
  }

  &::after {
    width: 14px;
    height: 14px;
    border-right: 2px solid;
    border-top: 2px solid;
    right: -8px;
    top: -8px;
  }
}

.gg-edit-black-point {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  border-radius: 100px;
  overflow: hidden;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 3px solid;
    border-radius: 6px;
    left: 2px;
    top: 2px;
  }
}

.gg-edit-contrast {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  border-radius: 100px;
  overflow: hidden;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 12px;
    background: currentColor;
  }
}

.gg-edit-exposure {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  border-radius: 100px;
  overflow: hidden;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 8px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    left: 3px;
    top: 3px;
  }

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 6px;
    background: currentColor;
    left: 5px;
    top: 1px;
  }
}

.gg-edit-fade {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  border-radius: 100px;
  overflow: hidden;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 20px;
    left: -2px;
    background: currentColor;
    opacity: 0.6;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 20px;
    left: -2px;
    background: currentColor;
    opacity: 0.6;
    left: 6px;
    opacity: 0.1;
  }
}

.gg-edit-flip-h {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  transform: scale(var(--ggs, 1));
  background: linear-gradient(to left, currentColor 22px, transparent 0)
    no-repeat (center / 2px) 22px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 14px;
    border: 2px solid;
    top: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 14px;
    border: 2px solid;
    top: 2px;
    border-right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  &::after {
    opacity: 0.5;
    border-left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    right: 0;
  }
}

.gg-edit-flip-v {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  transform: scale(var(--ggs, 1));
  background: linear-gradient(to left, currentColor 22px, transparent 0)
    no-repeat (center / 22px) 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 6px;
    border: 2px solid;
    left: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 6px;
    border: 2px solid;
    left: 2px;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }

  &::after {
    opacity: 0.5;
    border-top: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: 0;
  }
}

.gg-edit-highlight {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  border-radius: 100px;
  overflow: hidden;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 14px;
    top: -1px;
    background: repeating-linear-gradient(
      to bottom,
      currentColor,
      currentColor 2px,
      transparent 0px,
      transparent 3px
    );
  }

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 14px;
    right: 0;
    background: currentColor;
  }
}

.gg-edit-markup {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 22px;
  overflow: hidden;
  perspective: 20px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 0;
    height: 6px;
    border-bottom: 6px solid;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    bottom: 9px;
    left: 6px;
  }

  &::after {
    width: 10px;
    height: 12px;
    border: 2px solid;
    border-top: 4px solid;
    border-bottom: 0;
    bottom: 0;
    left: 4px;
    transform: rotateX(60deg);
  }
}

.gg-edit-mask {
  display: block;
  box-sizing: border-box;
  border-radius: 22px;

  &::after {
    display: block;
    box-sizing: border-box;
    border-radius: 22px;
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: currentColor;
    top: 6px;
    left: 6px;
    box-shadow: 0 7px 0 1px, 0 -7px 0 1px, -7px 0 0 1px, 7px 0 0 1px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  overflow: hidden;
}

.gg-edit-noise {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  border-radius: 100px;
  overflow: hidden;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 12px;
    background-image: radial-gradient(circle, currentColor 25%, transparent 25%),
      radial-gradient(circle, currentColor 25%, transparent 25%);
    background-position: 4px 4px, 2px 2px;
    background-size: 4px 4px;
  }
}

.gg-edit-shadows {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  border-radius: 100px;
  overflow: hidden;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 14px;
    right: 0;
    top: -1px;
    background: repeating-linear-gradient(
      to bottom,
      currentColor,
      currentColor 2px,
      transparent 0px,
      transparent 3px
    );
  }

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 14px;
    left: 0;
    background: currentColor;
  }
}

.gg-edit-straight {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 16px;
  transform: scale(var(--ggs, 1));
  background: linear-gradient(to left, currentColor 22px, transparent 0)
      no-repeat left (center / 4px) 2px,
    linear-gradient(to left, currentColor 22px, transparent 0) no-repeat right
      (center / 4px) 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 7px;
    background: currentColor;
    left: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 7px;
    background: currentColor;
    left: 4px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  &::after {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    bottom: 0;
  }
}

.gg-edit-unmask {
  display: block;
  box-sizing: border-box;
  border-radius: 22px;

  &::after {
    display: block;
    box-sizing: border-box;
    border-radius: 22px;
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: currentColor;
    top: 6px;
    left: 6px;
    box-shadow: 0 7px 0 1px, 0 -7px 0 1px, -7px 0 0 1px, 7px 0 0 1px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
}

.gg-eject {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-bottom: 2px solid;
    width: 12px;
    height: 2px;
    bottom: 0;
    left: 3px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 5px;
    bottom: 1px;
  }
}

.gg-enter {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 18px;
  border: 2px solid;
  border-left: 0;
  box-shadow: -8px -6px 0 -6px, -8px 6px 0 -6px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 4px;
    background: currentColor;
    width: 16px;
    height: 2px;
    top: 6px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-right: 2px solid;
    border-top: 2px solid;
    top: 4px;
    transform: rotate(45deg);
  }
}

.gg-erase {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 18px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 14px;
    border-bottom: 4px solid transparent;
    border-radius: 1px;
    box-shadow: 0 0 0 2px, inset 0 -2px 0 0;
    left: 7px;
    top: 2px;
    transform: rotate(45deg);
  }

  &::after {
    background: currentColor;
    width: 22px;
    height: 2px;
    bottom: 0;
    border-radius: 20px;
  }
}

.gg-ereader {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 18px;
  border: 2px solid;
  border-radius: 3px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 18px;
    right: 9px;
    top: -2px;
    background: currentColor;
  }

  &::after {
    width: 5px;
    height: 2px;
    box-shadow: 0 4px 0, 0 8px 0;
    top: 2px;
    right: 2px;
  }
}

.gg-ericsson {
  display: block;
  box-sizing: border-box;

  &::before {
    display: block;
    box-sizing: border-box;
    content: "";
    position: absolute;
    background: currentColor;
    transform: rotate(-25deg);
    width: 16px;
    height: 4px;
    border-radius: 4px;
    box-shadow: 3px -6px 0, -3px 6px 0;
    top: 7px;
    left: 2px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 16px;
}

.gg-ethernet {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 20px;
  border: 2px solid;
  box-shadow: 0 10px 0 -7px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 6px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 6px;
    width: 8px;
    height: 8px;
    border: 2px solid;
    border-top: 0;
    left: 2px;
  }

  &::after {
    width: 16px;
    height: 2px;
    border-left: 6px solid;
    border-right: 6px solid;
    left: -2px;
  }
}

.gg-euro {
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  border: 2px solid;
  box-sizing: border-box;
  border-radius: 100px;
  border-right-color: transparent;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 9px;
    height: 5px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    transform: skewX(-20deg);
    left: -4px;
    top: 3px;
  }
}

.gg-eventbrite {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: rotate(-25deg) scale(var(--ggs, 1));
  width: 20px;
  height: 20px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 18px;
    height: 11px;
    border: 4px solid;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 18px;
    height: 18px;
    border: 4px solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-radius: 20px;
  }
}

.gg-expand {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 6px;
  height: 6px;
  border-bottom: 2px solid;
  border-left: 2px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    background: currentColor;
    bottom: 4px;
    transform: rotate(-44deg);
    width: 14px;
    height: 2px;
    left: -2px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    left: 5px;
    top: -7px;
  }
}

.gg-export {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 14px;
  border: 2px solid;
  border-top: 0;
  box-shadow: -6px -8px 0 -6px, 6px -8px 0 -6px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    width: 2px;
    height: 14px;
    right: 6px;
    bottom: 5px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-left: 2px solid;
    border-top: 2px solid;
    right: 4px;
    bottom: 14px;
    transform: rotate(45deg);
  }
}

.gg-extension-add {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  background: linear-gradient(to left, currentColor 10px, transparent 0)
      no-repeat 10px 2px / 6px 2px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 12px 0 /
      2px 6px;
  width: 16px;
  height: 16px;

  &::after,
  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 8px;
    height: 14px;
    border: 2px solid;
    bottom: 0;
  }

  &::after {
    width: 14px;
    height: 8px;
  }
}

.gg-extension-alt {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;

  &::after,
  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 8px;
    height: 14px;
    border: 2px solid;
  }

  &::after {
    width: 14px;
    height: 8px;
  }
}

.gg-extension-remove {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  background: linear-gradient(to left, currentColor 10px, transparent 0)
    no-repeat 10px 4px / 6px 2px;
  width: 16px;
  height: 16px;

  &::after,
  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 8px;
    height: 14px;
    border: 2px solid;
    bottom: 0;
  }

  &::after {
    width: 14px;
    height: 8px;
  }
}

.gg-extension {
  box-sizing: border-box;
  display: block;
  border: 2px solid;

  &::after,
  &::before {
    box-sizing: border-box;
    display: block;
    border: 2px solid;
  }

  position: relative;
  transform: translateX(-10px) scale(var(--ggs, 1));
  width: 8px;
  height: 14px;

  &::after {
    content: "";
    position: absolute;
    height: 8px;
  }

  &::before {
    content: "";
    position: absolute;
    height: 8px;
    bottom: -2px;
    left: -2px;
    width: 14px;
  }

  &::after {
    top: -6px;
    right: -12px;
    width: 8px;
  }
}

.gg-external {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 12px;
  box-shadow: -2px 2px 0 0, -4px -4px 0 -2px, 4px 4px 0 -2px;
  margin-left: -2px;
  margin-top: 1px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: -4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: -4px;
    background: currentColor;
    transform: rotate(-45deg);
    width: 12px;
    height: 2px;
    top: 1px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-right: 2px solid;
    border-top: 2px solid;
    top: -4px;
  }
}

.gg-eye-alt {
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 18px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  overflow: hidden;
  box-sizing: border-box;

  &::after,
  &::before {
    content: "";
    display: block;
    border-radius: 100px;
    position: absolute;
    box-sizing: border-box;
  }

  &::after {
    top: 2px;
    box-shadow: inset 0 -8px 0 2px, inset 0 0 0 2px;
    width: 24px;
    height: 24px;
  }

  &::before {
    width: 8px;
    height: 8px;
    border: 2px solid transparent;
    box-shadow: inset 0 0 0 6px, 0 0 0 4px, 6px 0 0 0, -6px 0 0 0;
    bottom: 4px;
    left: 8px;
  }
}

.gg-eye {
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 18px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  overflow: hidden;
  box-sizing: border-box;

  &::after,
  &::before {
    content: "";
    display: block;
    border-radius: 100px;
    position: absolute;
    box-sizing: border-box;
  }

  &::after {
    top: 2px;
    box-shadow: inset 0 -8px 0 2px, inset 0 0 0 2px;
    width: 24px;
    height: 24px;
  }

  &::before {
    width: 8px;
    height: 8px;
    border: 2px solid;
    bottom: 4px;
    left: 8px;
  }
}

.gg-facebook {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 8px;
    height: 20px;
    border-left: 4px solid;
    border-top: 4px solid;
    border-top-left-radius: 5px;
    left: 6px;
  }

  &::after {
    width: 10px;
    height: 4px;
    background: currentColor;
    top: 7px;
    left: 4px;
    transform: skew(-5deg);
  }
}

.gg-feed {
  display: block;
  box-sizing: border-box;
  background: currentColor;
  box-shadow: 0 10px 0 0;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    background: currentColor;
    box-shadow: 0 10px 0 0;
  }

  margin-left: -8px;
  margin-top: -8px;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 7px;
  height: 7px;
  border-radius: 1px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    border-radius: 3px;
    width: 12px;
    height: 2px;
    top: 1px;
    left: 9px;
    opacity: 0.8;
  }

  &::after {
    width: 8px;
    top: 4px;
    opacity: 0.5;
  }
}

.gg-figma {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 14px;
  height: 20px;
  transform: scale(var(--ggs, 1));
  background: linear-gradient(to left, currentColor 3px, transparent 0)
      no-repeat 3px 7px / 3px 6px,
    linear-gradient(to left, currentColor 3px, transparent 0) no-repeat 3px 14px /
      3px 3px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 13px;
    height: 6px;
    background: currentColor;
    border-radius: 22px;
  }

  &::after {
    width: 6px;
    top: 7px;
    box-shadow: 7px 0 0, 0 7px 0;
  }
}

.gg-file-add {
  background: linear-gradient(to bottom, currentColor 5px, transparent 0)
    no-repeat 2px 9px / 6px 2px;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 16px;
  border: 2px solid transparent;
  border-right: 0;
  border-top: 0;
  box-shadow: 0 0 0 2px;
  border-radius: 1px;
  border-top-right-radius: 4px;
  overflow: hidden;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 6px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 6px;
    background: currentColor;
    left: 4px;
    width: 2px;
    top: 7px;
  }

  &::after {
    width: 6px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    right: -1px;
    top: -1px;
  }
}

.gg-file-document {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 16px;
  border: 2px solid transparent;
  border-right: 0;
  border-top: 0;
  box-shadow: 0 0 0 2px;
  border-radius: 1px;
  border-top-right-radius: 4px;
  overflow: hidden;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    box-shadow: 0 4px 0, -6px -4px 0;
    left: 0;
    width: 10px;
    height: 2px;
    top: 8px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    right: -1px;
    top: -1px;
  }
}

.gg-file-remove {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 16px;
  border: 2px solid transparent;
  border-right: 0;
  border-top: 0;
  box-shadow: 0 0 0 2px;
  border-radius: 1px;
  border-top-right-radius: 4px;
  overflow: hidden;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    background: currentColor;
    left: 2px;
    height: 2px;
    top: 9px;
  }

  &::after {
    height: 6px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    right: -1px;
    top: -1px;
  }
}

.gg-file {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 16px;
  border: 2px solid transparent;
  border-right: 0;
  border-top: 0;
  box-shadow: 0 0 0 2px;
  border-radius: 1px;
  border-top-right-radius: 4px;
  overflow: hidden;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    right: -1px;
    top: -1px;
  }
}

.gg-film {
  display: block;
  box-sizing: border-box;
  border-radius: 3px;

  &::after {
    display: block;
    box-sizing: border-box;
    border-radius: 3px;
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    background: currentColor;
    left: 2px;
    top: 2px;
    box-shadow: 0 4px 0, 0 8px 0, 12px 0 0, 12px 4px 0, 12px 8px 0;
  }

  border: 2px solid;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 18px;
}

.gg-filters {
  display: block;
  box-sizing: border-box;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 19px;
  height: 19px;
  background: radial-gradient(circle, currentColor 26%, transparent 26%);

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    border-radius: 100%;
    width: 14px;
    height: 14px;
  }

  &::after {
    bottom: 0;
    right: 0;
  }
}

.gg-flag-alt {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 20px;
  border-left: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-bottom: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-bottom: 2px solid;
    width: 12px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid transparent;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-left: 2px solid;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    transform: rotate(45deg);
    top: 1px;
    left: 6px;
  }
}

.gg-flag {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 18px;
  border-left: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-bottom: 2px solid;
  }

  &::after {
    border: 2px solid;
    border-left: 0;
    top: 2px;
    left: 7px;
  }
}

.gg-folder-add {
  background: linear-gradient(to left, currentColor 10px, transparent 0)
    no-repeat center (center / 2px) 6px;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 16px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    left: 6px;
    width: 6px;
    height: 2px;
    top: 5px;
  }

  &::after {
    width: 10px;
    height: 4px;
    border: 2px solid;
    border-bottom: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    top: -5px;
  }
}

.gg-folder-remove {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 16px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    background: currentColor;
    left: 5px;
    width: 8px;
    height: 2px;
    top: 5px;
  }

  &::after {
    width: 10px;
    height: 4px;
    border: 2px solid;
    border-bottom: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    top: -5px;
  }
}

.gg-folder {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 16px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 22px;
    height: 16px;
    border: 2px solid;
    border-radius: 3px;
    content: "";
    position: absolute;
    width: 10px;
    height: 4px;
    border-bottom: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    top: -5px;
  }
}

.gg-font-height {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  transform: scale(var(--ggs, 1));
  border-top: 2px solid;
  border-bottom: 2px solid;
  background: linear-gradient(to left, currentColor 10px, transparent 0)
    no-repeat center 8px / 6px 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 10px;
    background: currentColor;
    top: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 10px;
    background: currentColor;
    top: 2px;
    transform: rotate(25deg);
    left: 6px;
  }

  &::after {
    transform: rotate(-25deg);
    right: 6px;
  }
}

.gg-font-spacing {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 18px;
  height: 16px;
  transform: scale(var(--ggs, 1));
  border-left: 2px solid;
  border-right: 2px solid;
  background: linear-gradient(to left, currentColor 10px, transparent 0)
    no-repeat center 8px / 6px 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 10px;
    background: currentColor;
    top: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 10px;
    background: currentColor;
    top: 2px;
    transform: rotate(25deg);
    left: 4px;
  }

  &::after {
    transform: rotate(-25deg);
    right: 4px;
  }
}

.gg-format-bold {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;

  &::after {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    content: "";
    position: absolute;
    width: 10px;
    left: -2px;
    top: 4px;
  }
}

.gg-format-center {
  display: block;
  box-sizing: border-box;
  height: 2px;
  background: currentColor;
  border-radius: 3px;
  box-shadow: 0 8px 0;

  &::before {
    display: block;
    box-sizing: border-box;
    height: 2px;
    background: currentColor;
    border-radius: 3px;
    box-shadow: 0 8px 0;
    content: "";
    position: absolute;
    width: 10px;
    top: 4px;
    left: 3px;
  }

  margin-top: -12px;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 16px;
}

.gg-format-color {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 9px;
  height: 2px;
  background: currentColor;
  transform: scale(var(--ggs, 1));
  border-radius: 3px;
  box-shadow: -2px 8px 0 0, 2px 8px 0 0;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 14px;
    background: currentColor;
    top: -8px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 14px;
    background: currentColor;
    top: -8px;
    transform: rotate(25deg);
    left: 1px;
  }

  &::after {
    transform: rotate(-25deg);
    right: 1px;
  }
}

.gg-format-heading {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 14px;
  border-left: 2px solid;
  border-right: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 2px;
    background: currentColor;
    top: 6px;
    left: -2px;
  }
}

.gg-format-indent-decrease {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 14px;
  border-top: 2px solid;
  border-bottom: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
    border-right: 4px solid;
    left: 1px;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
  }

  &::after {
    width: 8px;
    height: 6px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    right: 0;
  }
}

.gg-format-indent-increase {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 14px;
  border-top: 2px solid;
  border-bottom: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
    border-left: 4px solid;
    left: 1px;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
  }

  &::after {
    width: 8px;
    height: 6px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    right: 0;
  }
}

.gg-format-italic {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: skewX(-20deg) scale(var(--ggs, 1));
  width: 6px;
  height: 12px;
  border-top: 2px solid;
  border-bottom: 2px solid;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 10px;
    width: 2px;
    background: currentColor;
    left: 2px;
    top: -2px;
  }
}

.gg-format-justify {
  display: block;
  box-sizing: border-box;
  width: 16px;
  height: 2px;
  border-radius: 3px;
  background: currentColor;
  box-shadow: 0 8px 0;

  &::before {
    display: block;
    box-sizing: border-box;
    width: 16px;
    height: 2px;
    border-radius: 3px;
    background: currentColor;
    box-shadow: 0 8px 0;
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
  }

  margin-top: -11px;
  transform: scale(var(--ggs, 1));
  position: relative;
}

.gg-format-left {
  display: block;
  box-sizing: border-box;
  height: 2px;
  background: currentColor;
  border-radius: 3px;
  box-shadow: 0 8px 0;

  &::before {
    display: block;
    box-sizing: border-box;
    height: 2px;
    background: currentColor;
    border-radius: 3px;
    box-shadow: 0 8px 0;
    content: "";
    position: absolute;
    width: 10px;
    top: 4px;
    left: 0;
  }

  margin-top: -11px;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 16px;
}

.gg-format-line-height {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 10px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left: 4px solid transparent;
  box-shadow: -2px 0 0 0, 2px -4px 0 -2px, 2px 4px 0 -2px, inset 0 2px 0 0,
    inset 0 -2px 0 0;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    left: -8px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    left: -8px;
    border-top: 4px solid;
    bottom: -5px;
  }

  &::after {
    border-bottom: 4px solid;
    top: -5px;
  }
}

.gg-format-right {
  display: block;
  box-sizing: border-box;
  height: 2px;
  background: currentColor;
  border-radius: 3px;
  box-shadow: 0 8px 0;

  &::before {
    display: block;
    box-sizing: border-box;
    height: 2px;
    background: currentColor;
    border-radius: 3px;
    box-shadow: 0 8px 0;
    content: "";
    position: absolute;
    width: 10px;
    top: 4px;
    left: 6px;
  }

  margin-top: -11px;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 16px;
}

.gg-format-separator {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 3px;
  background: currentColor;

  &::after {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 3px;
    background: currentColor;
    content: "";
    position: absolute;
    top: -12px;
    left: 3px;
    opacity: 0.5;
    width: 12px;
    box-shadow: 0 4px 0 0, 0 8px 0 0, 0 16px 0 0;
  }
}

.gg-format-slash {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(25deg) scale(var(--ggs, 1));
  width: 2px;
  height: 14px;
  background: currentColor;
  border-radius: 3px;
}

.gg-format-strike {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 3px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  box-shadow: 0 -2px 0 0, inset 0 0 0 2px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 2px;
    background: currentColor;
    left: -6px;
    top: 4px;
  }

  &::after {
    width: 2px;
    height: 4px;
    left: 0;
    top: 7px;
  }
}

.gg-format-text {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 8px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  box-shadow: 0 -2px 0 0, inset 0 0 0 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px dashed;
    top: -6px;
    left: -8px;
  }
}

.gg-format-underline {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 12px;
  border: 2px solid;
  border-top: 0;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 12px;
    height: 2px;
    background: currentColor;
    left: -2px;
    bottom: -6px;
  }
}

.gg-format-uppercase {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  box-shadow: 0 -2px 0 0, inset 0 0 0 2px;

  &::after {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 8px;
    height: 8px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    box-shadow: 0 -2px 0 0, inset 0 0 0 2px;
    content: "";
    position: absolute;
    width: 6px;
    height: 4px;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    bottom: 0;
    right: -8px;
  }
}

.gg-framer {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 20px;
  overflow: hidden;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    width: 20px;
    height: 6px;
    transform: skewX(45deg);
    top: 6px;
    left: -11px;
    box-shadow: 20px -6px 0;
  }

  &::after {
    width: 6px;
    height: 8px;
    transform: skewY(45deg);
    bottom: 4px;
    border-top-left-radius: 4px;
    opacity: 0.5;
  }
}

.gg-games {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 12px;
  border: 3px solid transparent;
  border-left: 6px solid transparent;
  box-shadow: 0 0 0 2px, inset 2px 0 0;
  border-radius: 40px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
    left: -2px;
    width: 6px;
    top: 2px;
  }

  &::after {
    border-radius: 3px;
    width: 2px;
    box-shadow: 0 4px 0, -2px 2px 0, 2px 2px 0;
    top: 0;
    right: 2px;
  }
}

.gg-gender-female {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 10px;
  border: 2px solid;
  border-radius: 100%;
  margin-top: -4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 2px;
    background: currentColor;
    bottom: -6px;
    left: -1px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 2px;
    background: currentColor;
    bottom: -6px;
    left: -1px;
    width: 2px;
    height: 9px;
    bottom: -9px;
    left: 2px;
  }
}

.gg-gender-male {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 10px;
  border: 2px solid;
  border-radius: 100%;
  margin-left: -4px;
  margin-top: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 8px;
    top: -6px;
  }

  &::after {
    border-right: 2px solid;
    border-top: 2px solid;
    width: 7px;
    height: 7px;
    left: 5px;
  }

  &::before {
    width: 2px;
    background: currentColor;
    left: 7px;
    transform: rotate(45deg);
  }
}

.gg-ghost-character {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 18px;
  border: 2px solid;
  border-bottom: 0;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle, currentColor 60%, transparent 40%)
      no-repeat 2px 4px / 2px 2px,
    radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 6px 4px /
      2px 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    bottom: -3px;
    transform: rotate(-45deg);
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    bottom: -3px;
    transform: rotate(-45deg);
    left: -1px;
  }

  &::after {
    right: -1px;
  }
}

.gg-ghost {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 16px;
  background: linear-gradient(to left, currentColor 40px, transparent 0)
    no-repeat -6px (center / 40px) 4px;
  overflow: hidden;

  &::after,
  &::before {
    content: "";
    background: currentColor;
    box-sizing: border-box;
    position: absolute;
    display: block;
    height: 4px;
    width: 12px;
    box-shadow: 14px 0 0;
  }

  &::after {
    width: 20px;
    left: -12px;
    box-shadow: 22px 0 0;
    bottom: 0;
  }
}

.gg-gift {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 14px;
  margin-top: 8px;
  border: 2px solid transparent;
  box-shadow: inset 2px 0 0, inset -2px 0 0, 0 -2px 0, inset 0 2px 0,
    inset 0 -2px 0;
  background: linear-gradient(to left, currentColor 10px, transparent 0),
    linear-gradient(to left, currentColor 10px, transparent 0),
    linear-gradient(to left, currentColor 10px, transparent 0);
  background-repeat: no-repeat;
  background-size: 2px 10px, 2px 10px, 2px 10px;
  background-position: 8px 0, 18px -8px, -2px -8px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 6px;
    height: 8px;
    border: 2px solid;
    top: -10px;
  }

  &::after {
    left: 3px;
    transform: rotate(-45deg);
  }

  &::before {
    right: 3px;
    transform: rotate(45deg);
  }
}

.gg-girl {
  display: block;
  box-sizing: border-box;
  border-radius: 42px;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    border-radius: 42px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  overflow: hidden;
  box-shadow: inset 0 0 0 2px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    background: currentColor;
    box-shadow: 6px 0 0;
    left: 6px;
    top: 10px;
  }

  &::after {
    width: 20px;
    height: 20px;
    top: -11px;
    left: -12px;
    box-shadow: 17px -4px 0 3px;
  }
}

.gg-git-branch {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 14px;
  background: currentColor;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-bottom-right-radius: 4px;
    bottom: 0;
    width: 8px;
    height: 6px;
    left: 0;
  }

  &::after {
    width: 4px;
    height: 4px;
    background: currentColor;
    box-shadow: 0 12px 0 0, 6px 6px 0 0;
    border-radius: 100%;
    left: -1px;
    top: -1px;
  }
}

.gg-git-commit {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 16px;
  border-radius: 3px;
  border-top: 6px solid;
  border-bottom: 6px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 2px;
    box-shadow: 0 0 0 2px;
    border-radius: 100%;
    left: 0;
    top: 1px;
  }
}

.gg-git-fork {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 14px;
  background: currentColor;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-bottom-right-radius: 4px;
    bottom: 4px;
    width: 8px;
    height: 6px;
    left: 0;
  }

  &::after {
    width: 4px;
    height: 4px;
    background: currentColor;
    box-shadow: 0 12px 0 0, 6px 2px 0 0;
    border-radius: 100%;
    left: -1px;
    top: -1px;
  }
}

.gg-git-pull {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 14px;
  background: currentColor;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-right: 2px solid;
    border-top: 2px solid;
    border-top-right-radius: 4px;
    width: 8px;
    height: 6px;
    left: 0;
    top: 2px;
  }

  &::after {
    width: 4px;
    height: 4px;
    background: currentColor;
    box-shadow: 0 12px 0 0, 6px 8px 0 0;
    border-radius: 100%;
    left: -1px;
    top: -1px;
  }
}

.gg-gitter {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 18px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  box-shadow: inset 2px 0 0, inset -2px 0 0;

  &::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 2px;
    background: currentColor;
  }

  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 2px;
    background: currentColor;
    height: 13px;
    top: -3px;
    left: -4px;
  }

  &::after {
    height: 10px;
    left: 8px;
  }
}

.gg-glass-alt {
  display: block;
  box-sizing: border-box;
  height: 20px;

  &::before {
    display: block;
    box-sizing: border-box;
    height: 20px;
    content: "";
    position: absolute;
    width: 10px;
    border: 2px solid;
    border-bottom: 3px solid;
    transform: perspective(20px) rotateX(-20deg);
    top: 2px;
    left: 2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: linear-gradient(to left, currentColor 10px, transparent 0)
      no-repeat center 2px / 6px 2px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 14px;
}

.gg-glass {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 6px;
  height: 13px;
  border-top: 8px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  box-shadow: inset 0 0 0 2px, 0 2px 0 0;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    left: -4px;
    bottom: 3px;
  }
}

.gg-globe-alt {
  display: block;
  box-sizing: border-box;
  height: 18px;
  border: 2px solid;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    height: 18px;
    border: 2px solid;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 18px;
  border-radius: 22px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    width: 8px;
    border-radius: 100%;
    top: -2px;
    left: 3px;
  }

  &::after {
    width: 24px;
    height: 20px;
    border: 2px solid transparent;
    border-bottom: 2px solid;
    top: -11px;
    left: -5px;
  }
}

.gg-globe {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 10px;
  border: 2px solid;
  border-radius: 100px;
  margin-left: -3px;
  margin-top: -7px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 11px;
    border-right: 2px solid transparent;
    box-shadow: 0 2px 0, inset -2px 0 0;
    left: 1px;
    width: 6px;
    height: 2px;
  }

  &::after {
    width: 16px;
    height: 10px;
    border-radius: 50px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 2px solid;
    border-top-color: transparent;
    right: -7px;
    bottom: -5px;
    transform: rotate(-35deg);
  }
}

.gg-google-tasks {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;

  &::after {
    content: "";
    position: absolute;
    display: block;
    background: currentColor;
  }

  &::before {
    content: "";
    position: absolute;
    display: block;
    background: currentColor;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    bottom: 6px;
    left: 2px;
  }

  &::after {
    height: 18px;
    width: 4px;
    border-radius: 20px;
    transform: rotate(40deg);
    right: 2px;
    bottom: 0;
  }
}

.gg-google {
  box-sizing: border-box;
  display: block;

  &::before {
    box-sizing: border-box;
    display: block;
    content: "";
    position: absolute;
    border-top: 4px solid;
    border-right: 4px solid;
    border-bottom: 4px solid;
    border-radius: 0 0 10px 0;
    width: 10px;
    height: 12px;
    right: -4px;
    bottom: -4px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 4px solid;
  border-right-color: transparent;
  border-radius: 22px;
}

.gg-gym {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-35deg) scale(var(--ggs, 1));
  width: 8px;
  height: 20px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  box-shadow: inset 0 0 0 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    box-shadow: -3px 0 0 -1px, 3px 0 0 -1px, inset 2px 0 0 0, inset -2px 0 0 0;
    width: 14px;
    height: 8px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    top: -3px;
    left: -3px;
  }

  &::after {
    width: 22px;
    height: 2px;
    border-left: 2px solid;
    border-right: 2px solid;
    top: 0;
    left: -7px;
  }
}

.gg-hashtag {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 8px;
  height: 16px;
  border-left: 2px solid;
  border-right: 2px solid;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 16px;
    height: 8px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    left: -6px;
    top: 4px;
  }
}

.gg-headset {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border-top-left-radius: 120px;
  border-top-right-radius: 120px;
  border: 2px solid;
  border-bottom: 0;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    width: 6px;
    height: 8px;
    top: 8px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    width: 6px;
    height: 8px;
    top: 8px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    left: -2px;
  }

  &::after {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    left: 10px;
  }
}

.gg-heart {
  border: 2px solid;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  width: 10px;
  height: 8px;
  border-bottom: 0;

  &::after {
    border: 2px solid;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    width: 10px;
    height: 8px;
    border-bottom: 0;
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  box-sizing: border-box;
  position: relative;
  transform: translate(
      calc(-10px / 2 * var(--ggs, 1)),
      calc(-6px / 2 * var(--ggs, 1))
    )
    rotate(-45deg) scale(var(--ggs, 1));
  display: block;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    right: -9px;
    transform: rotate(90deg);
    top: 5px;
  }

  &::before {
    width: 11px;
    height: 11px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    left: -2px;
    top: 3px;
  }
}

.gg-hello {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  overflow: hidden;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border-bottom-left-radius: 0;

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    border: 8px solid;
    left: -5px;
    top: -5px;
    border-radius: 30px;
  }

  &::after {
    width: 10px;
    height: 5px;
    background: currentColor;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    bottom: 5px;
    left: 5px;
  }
}

.gg-home-alt {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 14px;
  border: 2px solid;
  border-top: 0;
  border-radius: 2px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-bottom: -2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-left-radius: 4px;
    transform: rotate(45deg);
    top: -5px;
    border-radius: 3px;
    width: 14px;
    height: 14px;
    left: 0;
  }

  &::after {
    width: 6px;
    height: 10px;
    background: currentColor;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    left: 4px;
    bottom: -2px;
  }
}

.gg-home-screen {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 22px;
  border-radius: 3px;
  border: 2px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    border-radius: 2px;
    width: 2px;
    height: 2px;
    left: 1px;
    background: currentColor;
  }

  &::after {
    top: 1px;
    box-shadow: 3px 0, 6px 0, 0 3px, 3px 3px, 6px 3px, 0 6px;
  }

  &::before {
    bottom: 1px;
    box-shadow: 3px 0 0, 6px 0 0;
  }
}

.gg-home {
  background: linear-gradient(to left, currentColor 5px, transparent 0)
      no-repeat 0 (bottom / 4px) 2px,
    linear-gradient(to left, currentColor 5px, transparent 0) no-repeat right
      (bottom / 4px) 2px;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 14px;
  border: 2px solid;
  border-top: 0;
  border-bottom: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: -2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-left-radius: 4px;
    transform: rotate(45deg);
    top: -5px;
    border-radius: 3px;
    width: 14px;
    height: 14px;
    left: 0;
  }

  &::after {
    width: 8px;
    height: 10px;
    border: 2px solid;
    border-radius: 100px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    left: 3px;
    bottom: 0;
  }
}

.gg-icecream {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 16px;
  border: 2px solid;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-top: -8px;
  border-bottom: 0;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-left: 4px solid;
    border-right: 4px solid;
    width: 12px;
    height: 2px;
    bottom: 0;
    left: -2px;
  }

  &::after {
    width: 6px;
    height: 8px;
    border: 2px solid;
    bottom: -6px;
    left: 2px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top: 0;
  }
}

.gg-if-design {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  background: linear-gradient(to left, currentColor 18px, transparent 0)
      no-repeat center (center / 4px) 18px,
    linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 10px
      (top / 4px) 4px,
    linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 10px 5px /
      4px 4px,
    linear-gradient(to left, currentColor 14px, transparent 0) no-repeat 0 5px /
      4px 14px;

  &::before {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 10px;
    background-color: currentColor;
  }
}

.gg-image {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 16px;
  overflow: hidden;
  box-shadow: 0 0 0 2px;
  border-radius: 2px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
  }

  &::after {
    transform: rotate(45deg);
    border-radius: 3px;
    width: 16px;
    height: 16px;
    top: 9px;
    left: 6px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    top: 2px;
    left: 2px;
  }
}

.gg-import {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 14px;
  border: 2px solid;
  border-top: 0;
  box-shadow: -6px -8px 0 -6px, 6px -8px 0 -6px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    width: 2px;
    height: 14px;
    right: 6px;
    bottom: 5px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    right: 4px;
    bottom: 4px;
    transform: rotate(45deg);
  }
}

.gg-inbox {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  box-shadow: inset 0 -2px 0 0;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    height: 7px;
    width: 7px;
    border-radius: 2px;
    bottom: -2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    height: 7px;
    width: 7px;
    border-radius: 2px;
    bottom: -2px;
    left: -2px;
  }

  &::after {
    right: -2px;
  }
}

.gg-indie-hackers {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 12px;

  &::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    height: 12px;
  }

  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    height: 12px;
    width: 3px;
    background: currentColor;
  }

  &::after {
    width: 10px;
    right: 0;
    border-left: 3px solid;
    border-right: 3px solid;
    background: linear-gradient(to left, currentColor 14px, transparent 0)
      no-repeat 0 (center / 14px) 3px;
  }
}

.gg-infinity {
  background: linear-gradient(to left, currentColor 5px, transparent 0)
      no-repeat -4px 4px / 2px 2px,
    linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4px 4px /
      2px 2px;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-45deg) scale(var(--ggs, 1));
  width: 10px;
  height: 18px;
  border: 4px solid transparent;
  box-shadow: inset 0 0 0 2px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-radius: 200px;
    transform: rotate(45deg);
  }

  &::after {
    border-right-color: transparent;
    left: -8px;
    top: -4px;
  }

  &::before {
    border-left-color: transparent;
    right: -8px;
    top: 4px;
  }
}

.gg-info {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 40px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    background: currentColor;
    left: 7px;
  }

  &::after {
    bottom: 2px;
    height: 8px;
  }

  &::before {
    height: 2px;
    top: 2px;
  }
}

.gg-inpicture {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 16px;
  border: 2px solid;
  border-radius: 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 5px;
    background: currentColor;
    right: 2px;
    bottom: 2px;
  }
}

.gg-insert-after-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 20px;

  &::before {
    box-shadow: -2px 12px 0, 2px 12px 0;
  }

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    top: 5px;
    left: 2px;
  }

  &::after {
    width: 2px;
    height: 8px;
    top: 2px;
    left: 5px;
  }
}

.gg-insert-after-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 4px;

  &::before {
    box-shadow: -2px 12px 0, 2px 12px 0;
  }

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    top: 5px;
    left: 2px;
  }

  &::after {
    width: 2px;
    height: 8px;
    top: 2px;
    left: 5px;
  }
}

.gg-insert-after {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;

  &::before {
    box-shadow: -2px 10px 0, 2px 10px 0;
  }

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    top: 8px;
    left: 4px;
  }

  &::after {
    width: 2px;
    height: 10px;
    top: 4px;
    left: 8px;
  }
}

.gg-insert-before-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 20px;

  &::before {
    box-shadow: -2px -12px 0, 2px -12px 0;
  }

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    top: 5px;
    left: 2px;
  }

  &::after {
    width: 2px;
    height: 8px;
    top: 2px;
    left: 5px;
  }
}

.gg-insert-before-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 4px;

  &::before {
    box-shadow: -2px -12px 0, 2px -12px 0;
  }

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    top: 5px;
    left: 2px;
  }

  &::after {
    width: 2px;
    height: 8px;
    top: 2px;
    left: 5px;
  }
}

.gg-insert-before {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;

  &::before {
    box-shadow: -2px -10px 0, 2px -10px 0;
  }

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    top: 8px;
    left: 4px;
  }

  &::after {
    width: 2px;
    height: 10px;
    top: 4px;
    left: 8px;
  }
}

.gg-insights {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 14px;
  height: 16px;
  transform: scale(var(--ggs, 1));
  border-left: 8px solid transparent;
  border-top: 4px solid transparent;
  box-shadow: inset 0 0 0 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 16px;
    border: 2px solid;
    right: 4px;
    bottom: 0;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 16px;
    border: 2px solid;
    right: 4px;
    bottom: 0;
    height: 8px;
    right: 8px;
  }
}

.gg-instagram {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  border-radius: 4px;
  width: 20px;
  height: 20px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    border: 2px solid;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    top: 3px;
  }

  &::before {
    border-radius: 3px;
    width: 2px;
    height: 2px;
    background: currentColor;
    right: 1px;
    top: 1px;
  }
}

.gg-internal {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 12px;
  box-shadow: -2px 2px 0 0, -4px -4px 0 -2px, 4px 4px 0 -2px;
  margin-left: -2px;
  margin-top: 1px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 2px;
    background: currentColor;
    transform: rotate(-45deg);
    width: 14px;
    height: 2px;
    bottom: 8px;
  }

  &::after {
    width: 7px;
    height: 7px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    bottom: 2px;
  }
}

.gg-key {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 6px;
  height: 8px;
  border: 2px solid;
  border-radius: 100px;
  margin-left: -12px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: -12px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: -12px;
    background: currentColor;
    width: 12px;
    height: 2px;
    top: 1px;
  }

  &::after {
    width: 5px;
    height: 3px;
    top: 2px;
    border-left: 2px solid;
    border-right: 2px solid;
  }
}

.gg-keyboard {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    border-radius: 4px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    border-radius: 4px;
    background: currentColor;
    top: 2px;
    box-shadow: 4px 0 0, 8px 0 0, 0 4px 0, 4px 4px 0, 8px 4px 0;
    width: 2px;
    left: 2px;
  }

  &::after {
    width: 8px;
    bottom: 2px;
    left: 3px;
  }
}

.gg-keyhole {
  display: block;
  box-sizing: border-box;
  border-radius: 20px;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    border-radius: 20px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;

  &::after {
    content: "";
    position: absolute;
  }

  &::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid;
    left: 5px;
    top: 3px;
  }

  &::after {
    background: currentColor;
    width: 2px;
    height: 5px;
    left: 7px;
    bottom: 3px;
  }
}

.gg-laptop {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 12px;
  border: 2px solid;
  border-radius: 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 22px;
    height: 2px;
    background: currentColor;
    left: -4px;
    bottom: -5px;
    border-radius: 100px;
  }
}

.gg-lastpass {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 12px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    border-radius: 22px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    border-radius: 22px;
    width: 4px;
    height: 4px;
    box-shadow: 6px 0 0, 12px 0 0;
    top: 4px;
  }

  &::after {
    width: 2px;
    height: 12px;
    right: 0;
  }
}

.gg-layout-grid-small {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 10px;
  height: 2px;
  border-left: 6px double;
  border-right: 2px solid;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 10px;
    height: 2px;
    border-left: 6px double;
    border-right: 2px solid;
  }

  &::after,
  &::before {
    content: "";
    position: absolute;
    left: -6px;
  }

  &::after {
    bottom: 4px;
  }

  &::before {
    top: 4px;
  }
}

.gg-layout-grid {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 10px;
  height: 10px;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
  }

  &::after {
    content: "";
    position: absolute;
    height: 4px;
    border-left: 4px solid;
    border-right: 4px solid;
  }

  &::before {
    content: "";
    position: absolute;
    height: 4px;
    border-left: 4px solid;
    border-right: 4px solid;
    top: 0;
  }

  &::after {
    bottom: 0;
  }
}

.gg-layout-list {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 10px;
  height: 2px;
  border-left: 6px double;
  border-right: 4px solid;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 10px;
    height: 2px;
    border-left: 6px double;
    border-right: 4px solid;
  }

  &::after,
  &::before {
    content: "";
    position: absolute;
    left: -6px;
  }

  &::after {
    bottom: 4px;
  }

  &::before {
    top: 4px;
  }
}

.gg-layout-pin {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 4px;
    top: 3px;
    left: 3px;
    box-shadow: -7px 0 0, 7px 0 0, 0 -7px 0, 0 7px 0;
  }
}

.gg-linear {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  overflow: hidden;
  border-radius: 100px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 25px;
    height: 25px;
    transform: rotate(-45deg);
    background: currentColor;
    top: -14px;
    left: 4px;
  }

  &::after {
    width: 2px;
    box-shadow: -3px 4px 0 0, -6px -2px 0 0;
    top: -3px;
    left: 6px;
  }
}

.gg-link {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-45deg) scale(var(--ggs, 1));
  width: 8px;
  height: 2px;
  background: currentColor;
  border-radius: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 8px;
    height: 10px;
    border: 2px solid;
    top: -4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 8px;
    height: 10px;
    border: 2px solid;
    top: -4px;
    border-right: 0;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    left: -6px;
  }

  &::after {
    border-left: 0;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    right: -6px;
  }
}

.gg-list-tree {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  transform: scale(var(--ggs, 1));
  background: linear-gradient(to left, currentcolor 8px, transparent 0)
      no-repeat left (top / 8px) 8px,
    linear-gradient(to left, currentcolor 8px, transparent 0) no-repeat center
      3px / 8px 2px,
    linear-gradient(to left, currentcolor 8px, transparent 0) no-repeat 10px
      17px / 6px 2px,
    linear-gradient(to left, currentcolor 8px, transparent 0) no-repeat 10px 3px /
      2px 16px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid;
    right: 0;
  }

  &::after {
    bottom: 0;
  }
}

.gg-list {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 20px;
  border: 2px solid;
  border-radius: 3px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 2px;
    background: currentColor;
    top: 3px;
    left: 3px;
    box-shadow: 0 4px 0, 0 8px 0;
  }

  &::after {
    border-radius: 3px;
    width: 8px;
    left: 7px;
  }
}

.gg-live-photo {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  border: 2px dotted currentColor;

  &::after {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    border: 2px dotted currentColor;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border: 1px solid transparent;
    top: 4px;
    left: 4px;
    box-shadow: 0 0 0 2px, inset 0 0 0 2px currentColor;
  }
}

@keyframes loadbaralt {
  0%,
  to {
    left: 0;
    right: 80%;
  }

  25%,
  75% {
    left: 0;
    right: 0;
  }

  50% {
    left: 80%;
    right: 0;
  }
}

.gg-loadbar-alt {
  display: block;
  box-sizing: border-box;
  height: 4px;
  border-radius: 4px;

  &::before {
    display: block;
    box-sizing: border-box;
    height: 4px;
    border-radius: 4px;
  }

  &::after {
    display: block;
    box-sizing: border-box;
    height: 4px;
    border-radius: 4px;
    background: currentColor;
    content: "";
    position: absolute;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 18px;

  &::before {
    background: currentColor;
    content: "";
    position: absolute;
    animation: loadbaralt 2s cubic-bezier(0, 0, 0.58, 1) infinite;
  }

  &::after {
    width: 18px;
    opacity: 0.3;
  }
}

@keyframes gg-doc {
  0% {
    left: -16px;
  }

  60%,
  to {
    left: 0;
  }
}

.gg-loadbar-doc {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  border-radius: 1px;
  width: 12px;
  height: 14px;
  overflow: hidden;

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    height: 2px;
    background: currentColor;
    animation: gg-doc 1s linear infinite alternate;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    height: 2px;
    background: currentColor;
    animation: gg-doc 1s linear infinite alternate;
    width: 14px;
    box-shadow: -4px 4px 0;
  }

  &::after {
    width: 5px;
    top: 8px;
  }
}

@keyframes gg-bar {
  10% {
    box-shadow: inset 0 -4px 0;
  }

  30% {
    box-shadow: inset 0 -10px 0;
  }

  60% {
    box-shadow: inset 0 -6px 0;
  }

  80% {
    box-shadow: inset 0 -8px 0;
  }

  to {
    box-shadow: inset 0 -2px 0;
  }
}

.gg-loadbar-sound {
  display: block;
  box-sizing: border-box;
  width: 2px;
  height: 12px;
  box-shadow: inset 0 -12px 0;
  animation: gg-bar 1.3s ease infinite alternate;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    width: 2px;
    height: 12px;
    box-shadow: inset 0 -12px 0;
    animation: gg-bar 1.3s ease infinite alternate;
  }

  position: relative;
  transform: scale(var(--ggs, 1));

  &::after {
    content: "";
    position: absolute;
    bottom: 0;
  }

  &::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -4px;
    animation-delay: -2.4s;
  }

  &::after {
    right: -4px;
    animation-delay: -3.7s;
  }
}

@keyframes loadbar {
  0%,
  to {
    left: 0;
    right: 80%;
  }

  25%,
  75% {
    left: 0;
    right: 0;
  }

  50% {
    left: 80%;
    right: 0;
  }
}

.gg-loadbar {
  display: block;
  box-sizing: border-box;
  height: 4px;

  &::before {
    display: block;
    box-sizing: border-box;
    height: 4px;
    content: "";
    position: absolute;
    border-radius: 4px;
    background: currentColor;
    animation: loadbar 2s cubic-bezier(0, 0, 0.58, 1) infinite;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 18px;
}

.gg-lock-unlock {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 6px;
  border: 2px solid;
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom: transparent;
  margin-top: -18px;
  margin-left: -2px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    border: 2px solid transparent;
    box-shadow: 0 0 0 2px;
    width: 16px;
    height: 10px;
    border-radius: 2px;
    left: -4px;
    top: 10px;
  }

  &::before {
    width: 2px;
    height: 6px;
    background: currentColor;
    left: -2px;
    top: 4px;
  }
}

.gg-lock {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 11px;
  border: 2px solid;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom: transparent;
  margin-top: -12px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 16px;
    height: 10px;
    border-radius: 2px;
    border: 2px solid transparent;
    box-shadow: 0 0 0 2px;
    left: -4px;
    top: 9px;
  }
}

.gg-log-in {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 6px;
  height: 16px;
  border: 2px solid;
  border-left: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-right: -10px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    left: -8px;
    bottom: 2px;
  }

  &::before {
    border-radius: 3px;
    width: 10px;
    height: 2px;
    background: currentColor;
    left: -11px;
    bottom: 5px;
  }
}

.gg-log-off {
  box-sizing: border-box;
  position: relative;
  display: block;
  border-radius: 16px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border-top: 2px solid transparent;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    height: 8px;
    width: 2px;
    background: currentColor;
    left: 5px;
    bottom: 6px;
  }
}

.gg-log-out {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 6px;
  height: 16px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  border-right: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  margin-left: -10px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(-45deg);
    width: 8px;
    height: 8px;
    left: 4px;
    bottom: 2px;
  }

  &::before {
    border-radius: 3px;
    width: 10px;
    height: 2px;
    background: currentColor;
    left: 5px;
    bottom: 5px;
  }
}

.gg-loupe {
  display: block;
  box-sizing: border-box;

  &::after {
    display: block;
    box-sizing: border-box;
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    box-shadow: 0 0 0 6px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 22px;
  border-bottom-right-radius: 6px;
  overflow: hidden;
  background: linear-gradient(to left, currentColor 8px, transparent 0)
      no-repeat (center / 8px) 2px,
    linear-gradient(to left, currentColor 8px, transparent 0) no-repeat
      (center / 2px) 8px;
}

.gg-magnet {
  display: block;
  box-sizing: border-box;
  width: 14px;

  &::before {
    display: block;
    box-sizing: border-box;
    width: 14px;
    content: "";
    position: absolute;
    height: 3px;
    border-left: 4px solid;
    border-right: 4px solid;
    top: -5px;
    left: -4px;
    opacity: 0.5;
  }

  border: 4px solid;
  transform: scale(var(--ggs, 1));
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-top: 0;
  position: relative;
  height: 12px;
}

.gg-mail-forward {
  display: block;
  box-sizing: border-box;
  height: 6px;
  border-top: 2px solid;

  &::before {
    display: block;
    box-sizing: border-box;
    height: 6px;
    border-top: 2px solid;
    content: "";
    position: absolute;
    width: 6px;
    border-right: 2px solid;
    top: -4px;
    right: -1px;
    transform: rotate(45deg);
  }

  border-left: 2px solid;
  transform: scale(var(--ggs, 1));
  border-top-left-radius: 4px;
  position: relative;
  width: 14px;
}

.gg-mail-open {
  display: block;
  box-sizing: border-box;
  height: 14px;
  border: 2px solid;

  &::after {
    display: block;
    box-sizing: border-box;
    height: 14px;
    border: 2px solid;
    content: "";
    position: absolute;
    border-radius: 3px;
    width: 14px;
    transform: rotate(-45deg);
    bottom: 3px;
    left: 0;
  }

  border-top: 0;
  transform: scale(var(--ggs, 1));
  position: relative;
  width: 18px;
  border-radius: 2px;
}

.gg-mail-reply {
  display: block;
  box-sizing: border-box;
  height: 6px;
  border-top: 2px solid;

  &::before {
    display: block;
    box-sizing: border-box;
    height: 6px;
    border-top: 2px solid;
    content: "";
    position: absolute;
    width: 6px;
    border-left: 2px solid;
    top: -4px;
    left: -1px;
    transform: rotate(-45deg);
  }

  border-right: 2px solid;
  transform: scale(var(--ggs, 1));
  border-top-right-radius: 4px;
  position: relative;
  width: 14px;
}

.gg-mail {
  display: block;
  box-sizing: border-box;
  height: 14px;
  border: 2px solid;

  &::after {
    display: block;
    box-sizing: border-box;
    height: 14px;
    border: 2px solid;
    content: "";
    position: absolute;
    border-radius: 3px;
    width: 14px;
    transform: rotate(-45deg);
    bottom: 3px;
    left: 0;
  }

  overflow: hidden;
  transform: scale(var(--ggs, 1));
  position: relative;
  width: 18px;
  border-radius: 2px;
}

.gg-math-divide {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 16px;
  height: 2px;
  background: currentColor;
  border-radius: 20px;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 16px;
    height: 2px;
    background: currentColor;
    border-radius: 20px;
  }

  &::after,
  &::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    top: -6px;
    left: 6px;
  }

  &::after {
    top: 4px;
  }
}

.gg-math-equal {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 2px;
  background: currentColor;
  border-radius: 10px;
  margin-top: -6px;
  box-shadow: 0 6px 0;
}

.gg-math-minus {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 2px;
  background: currentColor;
  border-radius: 10px;
}

.gg-math-percent {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-45deg) scale(var(--ggs, 1));
  width: 16px;
  height: 2px;
  background: currentColor;
  border-radius: 20px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    height: 4px;
    background: currentColor;
    border-radius: 20px;
    top: -7px;
    left: 6px;
  }

  &::after {
    top: 5px;
  }
}

.gg-math-plus {
  display: block;
  box-sizing: border-box;
  background: currentColor;
  border-radius: 10px;

  &::after {
    display: block;
    box-sizing: border-box;
    background: currentColor;
    border-radius: 10px;
    content: "";
    position: absolute;
    width: 2px;
    height: 16px;
    top: -7px;
    left: 7px;
  }

  margin-top: -2px;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 2px;
}

.gg-maximize-alt {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, -6px 6px 0 -4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 22px;
    height: 2px;
    border-left: 8px solid;
    border-right: 8px solid;
    transform: rotate(-45deg);
    bottom: 6px;
    left: -4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 22px;
    height: 2px;
    border-left: 8px solid;
    border-right: 8px solid;
    transform: rotate(-45deg);
    bottom: 6px;
    left: -4px;
    transform: rotate(45deg);
  }
}

.gg-maximize {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, -6px 6px 0 -4px;
}

.gg-maze {
  display: block;
  box-sizing: border-box;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 14px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    height: 12px;
    transform: rotate(45deg);
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    height: 12px;
    transform: rotate(45deg);
    width: 12px;
    right: 2px;
    bottom: -2px;
    border-left: 4px solid;
    border-top: 4px solid;
  }

  &::after {
    width: 4px;
    background: currentColor;
    left: 3px;
    bottom: 1px;
  }
}

.gg-media-live {
  transform: scale(var(--ggs, 1));
  border-top-color: transparent;
  border-bottom-color: transparent;

  &::after {
    border-top-color: transparent;
    border-bottom-color: transparent;
    box-sizing: border-box;
    position: relative;
    display: block;
    border: 2px solid;
    border-radius: 50%;
    width: 14px;
    height: 14px;
  }

  box-sizing: border-box;
  position: relative;
  display: block;
  border: 2px solid;
  border-radius: 50%;
  width: 14px;
  height: 14px;

  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    border: 2px solid;
    border-radius: 50%;
    width: 14px;
    height: 14px;
  }

  &::after,
  &::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 2px;
    left: 2px;
  }

  &::after {
    width: 22px;
    height: 22px;
    top: -6px;
    left: -6px;
  }
}

.gg-media-podcast {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border: 2px solid;
  border-bottom-color: transparent;
  border-radius: 50%;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    border: 2px solid;
    border-bottom-color: transparent;
    border-radius: 50%;
  }

  &::after,
  &::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 2px;
    left: 2px;
  }

  &::after {
    width: 22px;
    height: 22px;
    top: -6px;
    left: -6px;
  }
}

.gg-menu-boxed {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border-radius: 3px;
  border: 2px solid;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    border-radius: 3px;
    top: 2px;
    left: 2px;
    box-shadow: 0 4px 0, 0 8px 0;
  }
}

.gg-menu-cake {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 18px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
    border-radius: 22px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
    border-radius: 22px;
    width: 18px;
    box-shadow: 0 -4px 0, 0 -8px 0;
    left: 1px;
    bottom: 2px;
  }

  &::after {
    width: 4px;
    height: 4px;
    left: 8px;
  }
}

.gg-menu-cheese {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 10px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    width: 18px;
    background: currentColor;
    border-radius: 22px;
    box-shadow: 0 -6px 0, 0 -12px 0;
    bottom: 0;
  }

  &::after {
    width: 2px;
    left: 2px;
    bottom: 3px;
    border-top: 3px solid;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
  }
}

.gg-menu-grid-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    height: 4px;
    background: currentColor;
    box-shadow: 0 6px 0, 6px 6px 0, 12px 6px 0, 6px 12px 0, 12px 12px 0, 6px 0 0,
      12px 0 0, 0 12px 0;
    border-radius: 22px;
  }
}

.gg-menu-grid-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    height: 4px;
    background: currentColor;
    box-shadow: 0 6px 0, 6px 6px 0, 12px 6px 0, 6px 12px 0, 12px 12px 0, 6px 0 0,
      12px 0 0, 0 12px 0;
  }
}

.gg-menu-hotdog {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 12px;
  border-top: 3px solid;
  border-bottom: 3px solid;
  border-radius: 3px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 20px;
    height: 2px;
    background: currentColor;
    border-radius: 4px;
    top: 2px;
    left: -2px;
  }
}

.gg-menu-left-alt {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 16px;
  height: 14px;
  transform: scale(var(--ggs, 1));

  &::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    height: 2px;
    border-radius: 4px;
    background: currentColor;
  }

  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    height: 2px;
    border-radius: 4px;
    background: currentColor;
    width: 16px;
    box-shadow: 0 12px 0;
  }

  &::after {
    width: 10px;
    top: 6px;
  }
}

.gg-menu-left {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 3px;
  background: currentColor;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 3px;
    background: currentColor;
  }

  &::after,
  &::before {
    content: "";
    position: absolute;
    top: -6px;
    width: 10px;
  }

  &::after {
    top: 6px;
    width: 14px;
  }
}

.gg-menu-motion {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 18px;
  height: 14px;
  transform: scale(var(--ggs, 1));

  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 10px;
    height: 2px;
    bottom: 0;
    box-shadow: 4px -6px 0, 8px -12px 0;
    border-radius: 4px;
    background: currentColor;
  }
}

.gg-menu-oreos {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 16px;
  height: 18px;
  transform: scale(var(--ggs, 1));

  &::after,
  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 16px;
    height: 8px;
    border-top: 3px solid;
    border-bottom: 3px solid;
    border-radius: 3px;
  }

  &::after {
    bottom: 0;
  }
}

.gg-menu-right-alt {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 16px;
  height: 14px;
  transform: scale(var(--ggs, 1));

  &::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    height: 2px;
    border-radius: 4px;
    background: currentColor;
  }

  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    height: 2px;
    border-radius: 4px;
    background: currentColor;
    width: 16px;
    box-shadow: 0 12px 0;
  }

  &::after {
    width: 10px;
    right: 0;
    top: 6px;
  }
}

.gg-menu-right {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 3px;
  background: currentColor;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 3px;
    background: currentColor;
  }

  &::after,
  &::before {
    content: "";
    position: absolute;
    top: -6px;
    right: 0;
    width: 10px;
  }

  &::after {
    top: 6px;
    width: 14px;
  }
}

.gg-menu-round {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border-radius: 24px;
  border: 2px solid;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    border-radius: 3px;
    top: 4px;
    left: 4px;
    box-shadow: 0 4px 0, 0 8px 0;
  }
}

.gg-menu {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 3px;
  background: currentColor;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 3px;
    background: currentColor;
  }

  &::after,
  &::before {
    content: "";
    position: absolute;
    top: -6px;
  }

  &::after {
    top: 6px;
  }
}

.gg-merge-horizontal {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 2px;
  border-radius: 3px;
  background: currentColor;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
  }

  &::after {
    border-bottom: 2px solid;
    border-left: 2px solid;
    left: 4px;
    bottom: 5px;
  }

  &::before {
    border-top: 2px solid;
    border-right: 2px solid;
    right: 4px;
    top: 5px;
  }
}

.gg-merge-vertical {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 14px;
  border-radius: 3px;
  background: currentColor;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    top: 4px;
  }

  &::after {
    border-left: 2px solid;
    left: 5px;
    transform: rotate(45deg);
  }

  &::before {
    border-right: 2px solid;
    transform: rotate(-45deg);
    right: 5px;
  }
}

.gg-mic {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 12px;
  border-bottom-left-radius: 120px;
  border-bottom-right-radius: 120px;
  border: 2px solid;
  border-top: 0;
  margin-top: 3px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    border: 2px solid;
    width: 8px;
    height: 18px;
    left: 2px;
    top: -10px;
    border-radius: 4px;
  }

  &::before {
    width: 10px;
    height: 4px;
    top: 12px;
    left: 1px;
    border-right: 4px solid transparent;
    box-shadow: 0 2px 0, inset -2px 0 0;
  }
}

.gg-microbit {
  display: block;
  box-sizing: border-box;
  border-radius: 20px;

  &::before {
    display: block;
    box-sizing: border-box;
    border-radius: 20px;
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: currentColor;
    top: 2px;
    left: 2px;
    box-shadow: 10px 0 0 0;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 14px;
  border: 3px solid;
}

.gg-microsoft {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 18px;
  height: 18px;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
  }

  &::after,
  &::before {
    content: "";
    position: absolute;
    width: 8px;
    border-top: 8px solid;
    border-bottom: 8px solid;
  }

  &::after {
    right: 0;
  }
}

.gg-mini-player {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 3px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    background: currentColor;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: -1px;
    right: -1px;
  }
}

.gg-minimize-alt {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-45deg) scale(var(--ggs, 1));
  width: 26px;
  height: 2px;
  border-left: 10px solid;
  border-right: 10px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    top: -2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    top: -2px;
    border-right: 2px solid;
    left: -5px;
    transform: rotate(45deg);
  }

  &::after {
    border-left: 2px solid;
    right: -5px;
    transform: rotate(-45deg);
  }
}

.gg-minimize {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 4px;
  height: 4px;
  box-shadow: -8px -4px 0 -1px, -6px -4px 0 -1px, 8px 4px 0 -1px, 6px 4px 0 -1px,
    8px -4px 0 -1px, 6px -4px 0 -1px, -8px 4px 0 -1px, -6px 4px 0 -1px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 18px;
    border-top: 6px solid;
    border-bottom: 6px solid;
    box-shadow: 18px 0 0 -2px;
    top: -7px;
  }

  &::after {
    left: -3px;
  }

  &::before {
    right: -3px;
  }
}

.gg-modem {
  position: relative;
  display: block;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border-top: 12px solid transparent;
  box-shadow: inset 0 0 0 2px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    right: 4px;
    bottom: 3px;
    width: 2px;
    height: 2px;
    border-radius: 22px;
  }

  &::after {
    right: -1px;
    bottom: 11px;
    width: 20px;
    transform: rotate(30deg);
  }
}

.gg-monday {
  display: block;
  box-sizing: border-box;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 21px;
  height: 16px;

  &::after {
    background: currentColor;
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    border-radius: 22px;
  }

  &::before {
    background: currentColor;
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    border-radius: 22px;
    height: 16px;
    transform: rotate(35deg);
    box-shadow: 7px -5px 0 0;
  }

  &::after {
    height: 6px;
    bottom: 1px;
    right: 0;
  }
}

.gg-moon {
  display: block;
  box-sizing: border-box;
  border-radius: 50%;

  &::after {
    display: block;
    box-sizing: border-box;
    border-radius: 50%;
    content: "";
    position: absolute;
    width: 12px;
    height: 18px;
    border: 2px solid transparent;
    box-shadow: 0 0 0 2px;
    top: 8px;
    left: 2px;
  }

  overflow: hidden;
  position: relative;
  transform: rotate(-135deg) scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-bottom-color: transparent;
}

.gg-more-alt {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 4px;
  height: 4px;
  background: currentColor;
  border-radius: 100%;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 4px;
    height: 4px;
    background: currentColor;
    border-radius: 100%;
  }

  &::after,
  &::before {
    content: "";
    position: absolute;
    top: 0;
  }

  &::after {
    left: -6px;
  }

  &::before {
    right: -6px;
  }
}

.gg-more-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 24px;
  border: 2px solid;
  border-radius: 24px;

  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 4px;
    height: 4px;
    background-color: currentColor;
    border-radius: 20px;
    top: 8px;
    left: 8px;
    box-shadow: -5px 0 0, 5px 0 0;
  }
}

.gg-more-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 20px;
  border: 2px solid;
  border-radius: 3px;

  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 4px;
    height: 4px;
    background-color: currentColor;
    border-radius: 20px;
    top: 6px;
    left: 8px;
    box-shadow: -5px 0 0, 5px 0 0;
  }
}

.gg-more-vertical-alt {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 4px;
  height: 4px;
  background: currentColor;
  border-radius: 100%;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 4px;
    height: 4px;
    background: currentColor;
    border-radius: 100%;
  }

  &::after,
  &::before {
    content: "";
    position: absolute;
  }

  &::after {
    left: 0;
    top: 6px;
  }

  &::before {
    top: -6px;
    right: 0;
  }
}

.gg-more-vertical-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 24px;
  border: 2px solid;
  border-radius: 24px;

  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 4px;
    height: 4px;
    background-color: currentColor;
    border-radius: 20px;
    top: 8px;
    left: 8px;
    box-shadow: 0 -5px 0, 0 5px 0;
  }
}

.gg-more-vertical-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 24px;
  border: 2px solid;
  border-radius: 3px;

  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 4px;
    height: 4px;
    background-color: currentColor;
    border-radius: 20px;
    top: 8px;
    left: 6px;
    box-shadow: 0 -5px 0, 0 5px 0;
  }
}

.gg-more-vertical {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 6px;
  height: 6px;
  border: 2px solid;
  border-radius: 100%;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-radius: 100%;
  }

  &::after {
    content: "";
    position: absolute;
    top: 6px;
    left: -2px;
  }

  &::before {
    content: "";
    position: absolute;
    top: 6px;
    left: -2px;
    top: -10px;
  }
}

.gg-more {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 6px;
  height: 6px;
  border: 2px solid;
  border-radius: 100%;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-radius: 100%;
  }

  &::after,
  &::before {
    content: "";
    position: absolute;
    top: -2px;
  }

  &::after {
    left: -9px;
  }

  &::before {
    right: -9px;
  }
}

.gg-mouse {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 24px;
  border: 2px solid;
  border-radius: 10px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 6px;
    background: currentColor;
    top: 3px;
    left: 5px;
  }
}

.gg-move-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 8px;
  border-left: 2px solid;
  border-right: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    left: 2px;
    top: 0;
    width: 2px;
    height: 12px;
  }

  &::after {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid;
    bottom: -7px;
  }
}

.gg-move-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 8px;
  height: 10px;
  border-top: 2px solid;
  border-bottom: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    right: 0;
    top: 2px;
    width: 12px;
    height: 2px;
  }

  &::after {
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 5px solid;
    left: -7px;
  }
}

.gg-move-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 8px;
  height: 10px;
  border-top: 2px solid;
  border-bottom: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    left: 0;
    top: 2px;
    width: 12px;
    height: 2px;
  }

  &::after {
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid;
    right: -7px;
  }
}

.gg-move-task {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 8px;
  height: 10px;
  border-top: 2px solid;
  border-bottom: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    top: 2px;
    width: 8px;
    height: 2px;
    left: 0;
  }

  &::after {
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid;
    left: -6px;
  }
}

.gg-move-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 8px;
  border-left: 2px solid;
  border-right: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    left: 2px;
    bottom: 0;
    width: 2px;
    height: 12px;
  }

  &::after {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 5px solid;
    top: -7px;
  }
}

.gg-music-note {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 14px;
  background: currentColor;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    bottom: -4px;
    width: 8px;
    height: 8px;
    left: -6px;
    border-radius: 10px;
  }

  &::after {
    width: 10px;
    height: 6px;
    top: -4px;
    left: 0;
    border-radius: 2px;
    transform: skewY(-15deg);
  }
}

.gg-music-speaker {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    border-radius: 100px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    border-radius: 100px;
    bottom: 2px;
    width: 8px;
    height: 8px;
    left: 2px;
  }

  &::after {
    width: 4px;
    height: 4px;
    left: 4px;
    top: 2px;
  }
}

.gg-music {
  display: block;
  box-sizing: border-box;
  border: 2px solid;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    border: 2px solid;
  }

  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 0;
  margin-top: -4px;
  position: relative;
  transform: skewY(-15deg) scale(var(--ggs, 1));
  width: 14px;
  height: 16px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    top: 9px;
    left: -7px;
    transform: skewY(15deg);
    border-radius: 10px;
  }

  &::after {
    left: 5px;
  }
}

.gg-nametag {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 6px;
  height: 6px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 12px;
    box-shadow: -5px -5px 0 -3px, 5px 5px 0 -3px, 5px -5px 0 -3px,
      -5px 5px 0 -3px;
    left: -5px;
    top: -5px;
  }
}

.gg-notes {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    height: 2px;
    background: currentColor;
    left: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    height: 2px;
    background: currentColor;
    left: 2px;
    box-shadow: 0 4px 0, 0 8px 0;
    width: 12px;
    top: 2px;
  }

  &::after {
    width: 6px;
    top: 14px;
  }
}

.gg-notifications {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  background: linear-gradient(to left, currentColor 10px, transparent 0)
      no-repeat right (bottom / 2px) 8px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat left
      (top / 8px) 2px;

  &::after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
  }

  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border-left: 2px solid;
    border-bottom: 2px solid;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-radius: 4px;
    background: currentColor;
    top: -2px;
    right: -2px;
  }
}

.gg-npm {
  box-sizing: border-box;
  display: block;

  &::before {
    box-sizing: border-box;
    display: block;
    content: "";
    position: absolute;
    width: 3px;
    height: 12px;
    background: currentColor;
    bottom: -3px;
    right: 3px;
  }

  position: relative;
  width: 18px;
  height: 18px;
  transform: scale(var(--ggs, 1));
  border: 3px solid;
  border-radius: 2px;
}

.gg-oculus {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 12px;
  border: 4px solid;
  border-radius: 22px;
}

.gg-open-collective {
  display: block;
  box-sizing: border-box;
  border-radius: 22px;

  &::before {
    display: block;
    box-sizing: border-box;
    border-radius: 22px;
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 3px solid transparent;
    border-right: 3px solid;
    top: -1px;
    right: -3px;
    opacity: 0.5;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 3px solid;
  border-right-color: transparent;
}

.gg-options {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 2px;
  box-shadow: -3px 4px 0 0, 3px -4px 0 0;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid;
    border-radius: 100%;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid;
    border-radius: 100%;
    top: -7px;
    left: -4px;
  }

  &::after {
    bottom: -7px;
    right: -4px;
  }
}

.gg-organisation {
  background: linear-gradient(to bottom, currentColor 5px, transparent 0)
      no-repeat center 2px / 12px 2px,
    linear-gradient(to bottom, currentColor 5px, transparent 0) no-repeat center
      6px / 12px 2px,
    linear-gradient(to bottom, currentColor 5px, transparent 0) no-repeat center
      10px / 12px 2px,
    linear-gradient(to bottom, currentColor 18px, transparent 0) no-repeat
      (center / 2px) 18px;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 18px;
  border: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    right: -8px;
    top: 6px;
    box-shadow: 0 4px 0, -4px 4px 0, -4px 0 0;
    width: 2px;
    height: 2px;
  }

  &::after {
    width: 12px;
    height: 14px;
    border: 2px solid;
    left: 8px;
    bottom: -2px;
  }
}

.gg-overflow {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border-radius: 20px;
  border-bottom: 8px solid;

  &::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    display: block;
    border-radius: 20px;
  }

  &::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    display: block;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    border-bottom: 10px solid;
    opacity: 0.6;
    left: -2px;
    top: -2px;
  }

  &::after {
    width: 16px;
    height: 16px;
    border-top: 8px solid;
    opacity: 0.2;
    left: 0;
    top: 0;
  }
}

.gg-pacman {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(45deg) scale(var(--ggs, 1));
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-left: 2px solid;

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    background: currentColor;
    top: 5px;
    border-radius: 3px;
    width: 2px;
    height: 2px;
    left: -5px;
  }

  &::after {
    width: 18px;
    height: 18px;
    border: 2px solid;
    border-radius: 100px;
    border-right-color: transparent;
    left: -10px;
    transform: rotate(-45deg);
  }
}

.gg-password {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 30px;
  height: 12px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    background: currentColor;
    left: 2px;
    top: 2px;
    box-shadow: 6px 0 0, 12px 0 0;
    height: 4px;
    border-radius: 100%;
  }

  &::after {
    height: 2px;
    right: 2px;
    bottom: 2px;
  }
}

.gg-path-back {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
  }

  &::after {
    border: 2px solid;
  }

  &::before {
    border-right: 5px solid;
    border-bottom: 5px solid;
    bottom: 0;
    right: 0;
  }
}

.gg-path-crop {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    border: 2px solid;
    width: 10px;
    height: 10px;
  }

  &::after {
    opacity: 0.5;
  }

  &::before {
    background: linear-gradient(to left, currentColor 4px, transparent 0)
      no-repeat top (left / 4px) 4px;
    bottom: 0;
    right: 0;
  }
}

.gg-path-divide {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
  }

  &::after {
    border-top: 4px solid;
    border-left: 4px solid;
  }

  &::before {
    background: linear-gradient(to left, currentColor 4px, transparent 0)
      no-repeat 1px 1px / 4px 4px;
    border-right: 4px solid;
    border-bottom: 4px solid;
    bottom: 0;
    right: 0;
  }
}

.gg-path-exclude {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
  }

  &::after {
    border-top: 4px solid;
    border-left: 4px solid;
  }

  &::before {
    border-right: 4px solid;
    border-bottom: 4px solid;
    bottom: 0;
    right: 0;
  }
}

.gg-path-front {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
  }

  &::after {
    border-left: 5px solid;
    border-top: 5px solid;
  }

  &::before {
    border: 2px solid;
    bottom: 0;
    right: 0;
  }
}

.gg-path-intersect {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;

  &::after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    border: 2px solid;
    width: 10px;
    height: 10px;
  }

  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    border: 2px solid;
    width: 10px;
    height: 10px;
    background: linear-gradient(to left, currentColor 4px, transparent 0)
      no-repeat top (left / 4px) 4px;
    bottom: 0;
    right: 0;
  }
}

.gg-path-outline {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;

  &::after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    border: 2px solid;
    width: 10px;
    height: 10px;
  }

  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    border: 2px solid;
    width: 10px;
    height: 10px;
    bottom: 0;
    right: 0;
  }
}

.gg-path-trim {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
  }

  &::after {
    border-left: 3px solid;
    border-top: 3px solid;
  }

  &::before {
    background: currentColor;
    bottom: 0;
    right: 0;
  }
}

.gg-path-unite {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;

  &::after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    background: currentColor;
    width: 10px;
    height: 10px;
  }

  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    background: currentColor;
    width: 10px;
    height: 10px;
    bottom: 0;
    right: 0;
  }
}

.gg-patreon {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 4px;
  height: 16px;
  background: currentColor;
  left: -6px;

  &::after {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 4px;
    height: 16px;
    background: currentColor;
    left: -6px;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    opacity: 0.5;
    border-radius: 100px;
    left: 6px;
  }
}

.gg-paypal {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 16px;
  height: 18px;
  transform: skew(-10deg) scale(var(--ggs, 1));
  background: linear-gradient(to left, currentColor 20px, transparent 0)
      no-repeat 3px (bottom / 4px) 2px,
    linear-gradient(to left, currentColor 20px, transparent 0) no-repeat 5px
      (bottom / 3px) 10px;

  &::after {
    content: "";
    box-sizing: border-box;
    display: block;
    position: absolute;
    border: 2px solid;
  }

  &::before {
    content: "";
    box-sizing: border-box;
    display: block;
    position: absolute;
    border: 2px solid;
    width: 8px;
    height: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 0;
    left: 5px;
    box-shadow: 2px 2px 0;
  }

  &::after {
    width: 6px;
    height: 16px;
    border-right: 0;
  }
}

.gg-pen {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-45deg) scale(var(--ggs, 1));
  width: 14px;
  height: 4px;
  border-right: 2px solid transparent;
  box-shadow: 0 0 0 2px, inset -2px 0 0;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  margin-right: -2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    border-left: 0;
    right: -6px;
    width: 3px;
    height: 4px;
    border-radius: 1px;
    top: 0;
  }

  &::after {
    width: 8px;
    height: 7px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 7px solid;
    left: -11px;
    top: -2px;
  }
}

.gg-pentagon-bottom-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(45deg) scale(var(--ggs, 1));
  width: 10px;
  height: 10px;

  &:before {
    width: 51%;
  }

  &:after {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
  }

  &:before {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    left: -2px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: skew(0deg, 30deg);
  }

  &:after {
    right: -2px;
    width: 50%;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
    transform: skew(0deg, -30deg);
  }
}

.gg-pentagon-bottom-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-45deg) scale(var(--ggs, 1));
  width: 10px;
  height: 10px;

  &:before {
    width: 51%;
  }

  &:after {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
  }

  &:before {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    left: -2px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: skew(0deg, 30deg);
  }

  &:after {
    right: -2px;
    width: 50%;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
    transform: skew(0deg, -30deg);
  }
}

.gg-pentagon-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 10px;

  &:before {
    width: 51%;
  }

  &:after {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
  }

  &:before {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    left: -2px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: skew(0deg, 30deg);
  }

  &:after {
    right: -2px;
    width: 50%;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
    transform: skew(0deg, -30deg);
  }
}

.gg-pentagon-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 8px;

  &:before {
    height: 51%;
  }

  &:after {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
  }

  &:before {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
    top: -2px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-left: 2px solid;
    transform: skewX(-30deg);
  }

  &:after {
    bottom: -2px;
    height: 50%;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: skewX(30deg);
  }
}

.gg-pentagon-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 8px;

  &:before {
    height: 51%;
  }

  &:after {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
  }

  &:before {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
    top: -2px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-left: 2px solid;
    transform: skewX(30deg);
  }

  &:after {
    bottom: -2px;
    height: 50%;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: skewX(-30deg);
  }
}

.gg-pentagon-top-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(45deg) scale(var(--ggs, 1));
  width: 10px;
  height: 8px;

  &:before {
    height: 51%;
  }

  &:after {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
  }

  &:before {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
    top: -2px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-left: 2px solid;
    transform: skewX(-30deg);
  }

  &:after {
    bottom: -2px;
    height: 50%;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: skewX(30deg);
  }
}

.gg-pentagon-top-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-45deg) scale(var(--ggs, 1));
  width: 10px;
  height: 8px;

  &:before {
    height: 51%;
  }

  &:after {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
  }

  &:before {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
    top: -2px;
    border-top: 2px solid;
    border-right: 2px solid;
    border-left: 2px solid;
    transform: skewX(30deg);
  }

  &:after {
    bottom: -2px;
    height: 50%;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: skewX(-30deg);
  }
}

.gg-pentagon-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 10px;

  &:before {
    width: 51%;
  }

  &:after {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
  }

  &:before {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    left: -2px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: skew(0deg, -30deg);
  }

  &:after {
    right: -2px;
    width: 50%;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
    transform: skew(0deg, 30deg);
  }
}

.gg-performance {
  background: linear-gradient(to left, currentColor 8px, transparent 0)
    no-repeat (center / 2px) 6px;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid;
    bottom: 2px;
    width: 2px;
    height: 2px;
    box-sizing: content-box;
    border-radius: 100px;
    left: 6px;
  }

  &::after {
    box-sizing: border-box;
    border-radius: 3px;
    width: 14px;
    height: 8px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom: 0;
    top: 2px;
    left: 2px;
  }
}

.gg-pexels {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 6px;
  height: 14px;
  border: 2px solid;
  border-right: 0;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 5px;
    height: 10px;
    border: 2px solid;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-left: 0;
    right: -5px;
    top: -2px;
  }

  &::after {
    background: currentColor;
    width: 2px;
    height: 6px;
    bottom: -2px;
    right: -1px;
  }
}

.gg-phone {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  transform: scale(var(--ggs, 1));

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    width: 18px;
    height: 18px;
    border-top-left-radius: 1px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 12px;
    border-left: 4px solid;
    border-bottom: 4px solid;
    left: 2px;
    bottom: 2px;
    background: linear-gradient(to left, currentColor 10px, transparent 0)
        no-repeat right 11px / 6px 4px,
      linear-gradient(to left, currentColor 10px, transparent 0) no-repeat -1px 0 /
        4px 6px;
  }

  &::before {
    width: 20px;
    height: 20px;
    border: 6px double;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    transform: rotate(-45deg);
    bottom: 2px;
    left: 2px;
  }
}

.gg-photoscan {
  box-sizing: border-box;
  display: block;
  position: relative;
  transform: scale(var(--ggs, 1));
  border-radius: 2px;
  width: 14px;
  height: 18px;
  border: 2px solid;
  border-bottom: 4px solid;

  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 20px;
    box-shadow: 0 0 0 2px, inset 0 0 0 2px;
    border: 1px solid transparent;
  }
}

.gg-piano {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 23px;
  height: 18px;
  border: 2px solid;
  border-radius: 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 10px;
    background: currentColor;
    box-shadow: 5px 0 0, 10px 0 0;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 10px;
    background: currentColor;
    box-shadow: 5px 0 0, 10px 0 0;
    top: -2px;
    width: 3px;
    left: 3px;
  }

  &::after {
    width: 1px;
    bottom: -2px;
    left: 4px;
  }
}

.gg-pill {
  display: block;
  box-sizing: border-box;
  width: 12px;

  &::after {
    display: block;
    box-sizing: border-box;
    width: 12px;
    content: "";
    position: absolute;
    height: 12px;
    background: currentColor;
    left: -2px;
    bottom: -12px;
    border-bottom-left-radius: 140px;
    border-bottom-right-radius: 140px;
  }

  border-top-left-radius: 140px;
  border-top-right-radius: 140px;
  border: 2px solid;
  transform: rotate(45deg) scale(var(--ggs, 1));
  position: relative;
  height: 14px;
}

.gg-pin-alt {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 2px;
  height: 8px;
  border-radius: 3px;
  transform: scale(var(--ggs, 1));
  background: currentColor;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 12px;
    border: 6px double;
    border-radius: 100px;
    top: -10px;
    left: -5px;
  }
}

.gg-pin-bottom {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 8px;
  background: currentColor;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    background: currentColor;
    bottom: -2px;
    border-radius: 3px;
    width: 10px;
    height: 2px;
    left: -4px;
  }

  &::before {
    width: 8px;
    height: 8px;
    border: 6px double;
    border-radius: 100px;
    top: -10px;
    left: -5px;
  }
}

.gg-pin-top {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 8px;
  background: currentColor;
  margin-top: -8px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    background: currentColor;
    top: -2px;
    border-radius: 3px;
    width: 10px;
    height: 2px;
    left: -4px;
  }

  &::before {
    width: 8px;
    height: 8px;
    border: 6px double;
    border-radius: 100px;
    bottom: -10px;
    left: -5px;
  }
}

.gg-pin {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(45deg) scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border-radius: 100% 100% 0 100%;
  border: 2px solid;
  margin-top: -4px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid;
    top: 3px;
    left: 3px;
    border-radius: 40px;
  }
}

.gg-play-backwards {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 3px;
  height: 10px;
  background: currentColor;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 6px solid;
    right: -7px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 6px solid;
    right: -7px;
    right: -14px;
  }
}

.gg-play-button-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 20px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid;
    top: 4px;
    left: 7px;
  }
}

.gg-play-button-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid;
    top: 4px;
    left: 7px;
  }
}

.gg-play-button {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid;
    top: 6px;
    left: 9px;
  }
}

.gg-play-forwards {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 3px;
  height: 10px;
  background: currentColor;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid;
    left: -7px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid;
    left: -7px;
    left: -14px;
  }
}

.gg-play-list-add {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 6px;
  border-top: 0 solid transparent;
  border-bottom: 2px solid transparent;
  box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    top: 6px;
    right: -8px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    top: 6px;
    right: -8px;
    width: 2px;
    height: 10px;
    top: 2px;
    right: -4px;
  }
}

.gg-play-list-check {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 6px;
  border-top: 0 solid transparent;
  border-bottom: 2px solid transparent;
  box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 5px;
    height: 8px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    top: 2px;
    right: -4px;
  }
}

.gg-play-list-remove {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 6px;
  border-top: 0 solid transparent;
  border-bottom: 2px solid transparent;
  box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 2px;
    background: currentColor;
    transform: rotate(-45deg);
    top: 8px;
    right: -4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 2px;
    background: currentColor;
    transform: rotate(-45deg);
    top: 8px;
    right: -4px;
    width: 2px;
    height: 8px;
    top: 5px;
    right: -1px;
  }
}

.gg-play-list-search {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 6px;
  border-top: 0 solid transparent;
  border-bottom: 2px solid transparent;
  box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    bottom: -7px;
  }

  &::after {
    width: 3px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    right: -4px;
  }

  &::before {
    width: 6px;
    height: 6px;
    border-radius: 4px;
    border: 2px solid;
    right: -3px;
  }
}

.gg-play-list {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 6px;
  border-top: 0 solid transparent;
  border-bottom: 2px solid transparent;
  box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid;
    top: 6px;
    right: -3px;
  }
}

.gg-play-pause-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 22px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 6px;
    top: 6px;
    border-left: 2px solid;
    border-right: 2px solid;
  }
}

.gg-play-pause-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 6px;
    top: 6px;
    border-left: 2px solid;
    border-right: 2px solid;
  }
}

.gg-play-pause {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 8px;
  height: 10px;
  border-left: 3px solid;
  border-right: 3px solid;
}

.gg-play-stop-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 20px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 6px;
    left: 6px;
    background: currentColor;
  }
}

.gg-play-stop-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 6px;
    left: 6px;
    background: currentColor;
  }
}

.gg-play-stop {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 10px;
  background: currentColor;
}

.gg-play-track-next-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 20px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 8px;
    top: 5px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 8px;
    top: 5px;
    width: 2px;
    border-radius: 2px;
    left: 11px;
    background: currentColor;
  }

  &::after {
    width: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid;
    left: 5px;
  }
}

.gg-play-track-next-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 8px;
    top: 5px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 8px;
    top: 5px;
    width: 2px;
    border-radius: 2px;
    left: 11px;
    background: currentColor;
  }

  &::after {
    width: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid;
    left: 5px;
  }
}

.gg-play-track-next {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 3px;
  height: 10px;
  background: currentColor;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid;
    left: -7px;
  }
}

.gg-play-track-prev-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 20px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 8px;
    top: 5px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 8px;
    top: 5px;
    width: 2px;
    border-radius: 2px;
    right: 11px;
    background: currentColor;
  }

  &::after {
    width: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 5px solid;
    right: 5px;
  }
}

.gg-play-track-prev-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 8px;
    top: 5px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 8px;
    top: 5px;
    width: 2px;
    border-radius: 2px;
    right: 11px;
    background: currentColor;
  }

  &::after {
    width: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 5px solid;
    right: 5px;
  }
}

.gg-play-track-prev {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 3px;
  height: 10px;
  background: currentColor;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 6px solid;
    right: -7px;
  }
}

.gg-plug {
  position: relative;
  display: block;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 20px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 10px;
    border: 2px solid;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    top: 5px;
  }

  &::after {
    width: 2px;
    height: 4px;
    background: currentColor;
    left: 2px;
    border-radius: 22px;
    box-shadow: 6px 0 0, 3px 14px 0, 3px 16px 0;
  }
}

.gg-pocket {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 20px;
  border: 2px solid;
  border-radius: 6px;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 22px;
    width: 8px;
    height: 2px;
    background: currentColor;
    bottom: 7px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 22px;
    width: 8px;
    height: 2px;
    background: currentColor;
    bottom: 7px;
    transform: rotate(-48deg);
    right: 3px;
  }

  &::after {
    transform: rotate(48deg);
    left: 3px;
  }
}

.gg-pokemon {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 5px solid transparent;
  box-shadow: 0 0 0 2px, inset 0 0 0 2px;
  border-radius: 100%;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 20px;
    height: 2px;
    border-left: 8px solid;
    border-right: 8px solid;
    left: -6px;
    top: 3px;
  }
}

.gg-polaroid {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 20px;
  border: 2px solid;
  border-radius: 2px;
  box-shadow: inset 0 -5px 0;
}

.gg-poll {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 3px solid transparent;
  border-top: 6px solid transparent;
  box-shadow: 0 0 0 2px, inset 2px 0 0;
  border-radius: 1px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 10px;
    background: currentColor;
    top: -3px;
    left: 4px;
  }

  &::after {
    height: 4px;
    top: 3px;
    left: 8px;
  }
}

.gg-presentation {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 22px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 6px;
    border: 2px solid;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    top: 2px;
    left: 2px;
    border-bottom: 0;
  }

  &::after {
    width: 18px;
    height: 2px;
    background: currentColor;
    left: -1px;
    top: 8px;
  }
}

.gg-printer {
  background: linear-gradient(to left, currentColor 5px, transparent 0)
      no-repeat 0 10px / 6px 2px,
    linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 14px
      10px / 6px 2px,
    linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4px 4px /
      2px 2px;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 14px;
  border: 2px solid transparent;
  border-bottom: 0;
  box-shadow: inset 0 2px 0, inset 2px 2px 0, inset -2px 2px 0, inset -2px 2px 0;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    border: 2px solid;
    left: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    border: 2px solid;
    left: 4px;
    height: 6px;
    top: -4px;
  }

  &::after {
    height: 8px;
    top: 8px;
  }
}

.gg-product-hunt {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 3px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 3px;
    border: 2px solid;
    border-left: 0;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    width: 6px;
    height: 6px;
    left: 5px;
  }

  &::after {
    width: 2px;
    height: 8px;
    background: currentColor;
    left: 4px;
  }
}

.gg-profile {
  display: block;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100px;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 100px;
  }

  overflow: hidden;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  position: relative;

  &::after,
  &::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 8px;
    height: 8px;
  }

  &::after {
    border-radius: 200px;
    top: 11px;
    left: 0px;
    width: 18px;
    height: 18px;
  }
}

.gg-pull-clear {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 12px;
  border: 2px solid;
  border-top: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 2px;
    bottom: 2px;
    left: 2px;
    background: currentColor;
    box-shadow: 0 -4px 0 0;
  }
}

.gg-push-chevron-down-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-bottom: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-bottom: 2px solid;
    bottom: 5px;
    width: 8px;
    height: 2px;
    left: 5px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 6px;
    top: 3px;
  }
}

.gg-push-chevron-down-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-bottom: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-bottom: 2px solid;
    bottom: 5px;
    width: 8px;
    height: 2px;
    left: 5px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 6px;
    top: 3px;
  }
}

.gg-push-chevron-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-bottom: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-bottom: 2px solid;
    bottom: 0;
    width: 14px;
    height: 2px;
    left: 2px;
  }

  &::after {
    width: 10px;
    height: 10px;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 4px;
    top: 2px;
  }
}

.gg-push-chevron-left-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 100px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 8px;
    border-left: 2px solid;
    top: 5px;
    left: 5px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    left: 9px;
    top: 6px;
  }
}

.gg-push-chevron-left-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 8px;
    border-left: 2px solid;
    top: 5px;
    left: 5px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    left: 9px;
    top: 6px;
  }
}

.gg-push-chevron-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 14px;
    border-left: 2px solid;
    top: 2px;
    left: 0;
  }

  &::after {
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    left: 6px;
    top: 4px;
  }
}

.gg-push-chevron-right-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 100px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 8px;
    border-right: 2px solid;
    top: 5px;
    right: 5px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    right: 9px;
    top: 6px;
  }
}

.gg-push-chevron-right-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 8px;
    border-right: 2px solid;
    top: 5px;
    right: 5px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    right: 9px;
    top: 6px;
  }
}

.gg-push-chevron-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 14px;
    border-right: 2px solid;
    top: 2px;
    right: 0;
  }

  &::after {
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    right: 6px;
    top: 4px;
  }
}

.gg-push-chevron-up-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-top: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-top: 2px solid;
    top: 5px;
    width: 8px;
    height: 2px;
    left: 5px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-right: 2px solid;
    transform: rotate(-45deg);
    left: 6px;
    bottom: 3px;
  }
}

.gg-push-chevron-up-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-top: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-top: 2px solid;
    top: 5px;
    width: 8px;
    height: 2px;
    left: 5px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border-right: 2px solid;
    transform: rotate(-45deg);
    left: 6px;
    bottom: 3px;
  }
}

.gg-push-chevron-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-top: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-top: 2px solid;
    top: 0;
    width: 14px;
    height: 2px;
    left: 2px;
  }

  &::after {
    width: 10px;
    height: 10px;
    border-right: 2px solid;
    transform: rotate(-45deg);
    left: 4px;
    bottom: 2px;
  }
}

.gg-push-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 16px;
  background: currentColor;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 2px;
    border-bottom: 2px solid;
    bottom: -5px;
    left: -5px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: -3px;
    bottom: 0;
  }
}

.gg-push-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 2px;
  background: currentColor;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 12px;
    border-left: 2px solid;
    left: -5px;
    top: -5px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    top: -3px;
    left: 0;
  }
}

.gg-push-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 2px;
  background: currentColor;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 12px;
    border-right: 2px solid;
    right: -5px;
    top: -5px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    transform: rotate(45deg);
    top: -3px;
    right: 0;
  }
}

.gg-push-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 16px;
  background: currentColor;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 2px;
    border-top: 2px solid;
    top: -5px;
    left: -5px;
  }

  &::after {
    width: 8px;
    height: 8px;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: -3px;
    top: 0;
  }
}

.gg-qr {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, -6px 6px 0 -4px;

  &::after {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px,
      -6px 6px 0 -4px;
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: currentColor;
    box-shadow: 0 6px 0, 6px 6px 0, 6px 0 0;
    top: 2px;
    left: 2px;
  }
}

.gg-quote-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 18px;
  border: 2px solid;
  border-radius: 2px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 6px;
    border-left: 3px solid;
    border-right: 3px solid;
    left: 4px;
    top: 4px;
    transform: skewX(-20deg);
  }
}

.gg-quote {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 18px;
  border: 2px solid transparent;
  border-radius: 2px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 6px;
    border-left: 3px solid;
    border-right: 3px solid;
    left: 4px;
    top: 4px;
    transform: skewX(-20deg);
  }
}

.gg-radio-check {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 100px;
}

.gg-radio-checked {
  display: block;
  box-sizing: border-box;
  border-radius: 100px;

  &::after {
    display: block;
    box-sizing: border-box;
    border-radius: 100px;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: currentColor;
    top: 4px;
    left: 4px;
  }

  border: 2px solid;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
}

.gg-ratio {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 20px;
  border: 2px solid;
  border-radius: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    top: 8px;
    left: 12px;
  }

  &::after {
    border-top: 2px solid;
    border-left: 2px solid;
    top: 2px;
    left: 2px;
  }
}

.gg-read {
  display: block;
  box-sizing: border-box;
  border: 2px solid;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    border: 2px solid;
  }

  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: transparent;
  margin-left: -1px;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 6px;
  height: 5px;
  border-radius: 50px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    left: -10px;
    top: -5px;
    box-shadow: -6px 0 0 -4px currentColor;
  }

  &::after {
    left: 2px;
    box-shadow: 6px 0 0 -4px currentColor;
  }
}

.gg-readme {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 2px;
  height: 17px;
  border-bottom: 4px solid;
  border-radius: 4px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 8px;
    height: 12px;
    box-shadow: 0 0 0 2px;
    border-radius: 1px;
    bottom: -1px;
    background: linear-gradient(to left, currentColor 4px, transparent 0)
        no-repeat center 5px / 4px 2px,
      linear-gradient(to left, currentColor 4px, transparent 0) no-repeat center
        2px / 4px 2px,
      linear-gradient(to left, currentColor 4px, transparent 0) no-repeat center
        8px / 4px 2px;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 8px;
    height: 12px;
    box-shadow: 0 0 0 2px;
    border-radius: 1px;
    bottom: -1px;
    background: linear-gradient(to left, currentColor 4px, transparent 0)
        no-repeat center 5px / 4px 2px,
      linear-gradient(to left, currentColor 4px, transparent 0) no-repeat center
        2px / 4px 2px,
      linear-gradient(to left, currentColor 4px, transparent 0) no-repeat center
        8px / 4px 2px;
    border-top-right-radius: 3px;
    left: -8px;
  }

  &::after {
    border-top-left-radius: 3px;
    right: -8px;
  }
}

.gg-record {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 6px solid transparent;
  box-shadow: 0 0 0 2px, inset 0 0 0 10px;
  border-radius: 100px;
}

.gg-redo {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  border: 2px solid;
  border-right-color: transparent;
  border-radius: 100px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    top: -3px;
    right: -1px;
    transform: rotate(68deg);
  }
}

.gg-remote {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 8px;
  height: 8px;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 8px;
    height: 8px;
  }

  &::after {
    content: "";
    position: absolute;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg) scaleY(1);
  }

  &::before {
    content: "";
    position: absolute;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg) scaleY(1);
    left: 5px;
    top: -2px;
  }

  &::after {
    transform: rotate(-45deg) scaleX(-1);
    left: -5px;
    top: 2px;
  }
}

.gg-remove-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    top: 8px;
    left: 4px;
  }
}

.gg-remove {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 22px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    border-radius: 5px;
    top: 8px;
    left: 4px;
  }
}

.gg-rename {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 16px;
  transform: scale(var(--ggs, 1));
  background: linear-gradient(to left, currentColor 22px, transparent 0)
    no-repeat 6px (center / 2px) 22px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 12px;
    border: 2px solid;
    top: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 12px;
    border: 2px solid;
    top: 2px;
    border-right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  &::after {
    width: 10px;
    border-left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    right: 0;
  }
}

.gg-reorder {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 2px;
  border-radius: 3px;
  background: currentColor;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    border: 2px solid;
    width: 6px;
    height: 6px;
    left: 12px;
    top: -2px;
  }

  &::after {
    top: -4px;
    left: 0;
    width: 10px;
    height: 2px;
    opacity: 0.5;
    background: currentColor;
    box-shadow: 0 8px 0 0, 0 12px 0 0, 0 16px 0 0;
  }
}

.gg-repeat {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  box-shadow: -2px -2px 0 0, 2px 2px 0 0;
  width: 14px;
  height: 6px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid;
    top: -4px;
    right: 0;
  }

  &::after {
    border-right: 5px solid;
    bottom: -4px;
    left: 0;
  }
}

.gg-ring {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid;
    box-sizing: border-box;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid;
    box-sizing: border-box;
    border-top-right-radius: 100px;
    transform: rotate(-45deg);
    width: 8px;
    height: 8px;
    left: 6px;
    top: -1px;
  }

  &::after {
    width: 18px;
    height: 18px;
    border-radius: 100px;
    border-top-color: transparent;
    left: 1px;
    top: 2px;
  }
}

.gg-row-first {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 10px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    height: 2px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    height: 2px;
    background: currentColor;
    width: 10px;
    top: 4px;
    opacity: 0.5;
    box-shadow: 0 4px 0;
  }

  &::after {
    width: 14px;
  }
}

.gg-row-last {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 10px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    height: 2px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    height: 2px;
    background: currentColor;
    width: 10px;
    opacity: 0.5;
    box-shadow: 0 4px 0;
  }

  &::after {
    width: 14px;
    bottom: 0;
  }
}

.gg-ruler {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 13px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 5px;
    background: currentColor;
    left: 7px;
    top: -1px;
    box-shadow: 8px 0 0;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 5px;
    background: currentColor;
    left: 7px;
    top: -1px;
    box-shadow: 8px 0 0;
    height: 7px;
    left: 3px;
  }
}

.gg-sand-clock {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 20px;
  border-top: 2px solid;
  border-bottom: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    bottom: -2px;
    width: 10px;
    height: 10px;
    border: 2px solid;
    left: 1px;
  }

  &::after {
    width: 6px;
    height: 6px;
    border: 2px solid transparent;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    top: 0;
    left: 3px;
    box-shadow: 0 0 0 2px, inset 2px 0 0;
  }
}

.gg-scan {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  transform: scale(var(--ggs, 1));
  background: linear-gradient(to left, currentColor 22px, transparent 0)
    no-repeat (center / 2px) 22px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 14px;
    border: 2px solid;
    top: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 14px;
    border: 2px solid;
    top: 2px;
    border-right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  &::after {
    border-left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    right: 0;
  }
}

.gg-screen-mirror {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 10px;
  border: 2px solid;
  border-bottom: 0;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    border-bottom: 5px solid;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -2px;
    left: 3px;
  }

  &::before {
    width: 18px;
    height: 2px;
    left: -2px;
    bottom: 0;
    border-left: 5px solid;
    border-right: 5px solid;
  }
}

.gg-screen-shot {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 20px;
  border: 2px solid;
  border-radius: 1px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    height: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    height: 4px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    bottom: 2px;
    right: 2px;
  }

  &::after {
    border-top: 2px solid;
    border-left: 2px solid;
    top: 2px;
    left: 2px;
  }
}

.gg-screen-wide {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 11px;
  border: 2px solid;
  border-radius: 3px;
  margin-top: -4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 8px;
    height: 2px;
    background: currentColor;
    top: 10px;
    left: 6px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 8px;
    height: 2px;
    background: currentColor;
    top: 10px;
    left: 6px;
    width: 2px;
    height: 4px;
    top: 8px;
    left: 9px;
  }
}

.gg-screen {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 14px;
  border: 2px solid;
  border-radius: 3px;
  margin-top: -4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 10px;
    height: 2px;
    background: currentColor;
    top: 14px;
    left: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 10px;
    height: 2px;
    background: currentColor;
    top: 14px;
    left: 4px;
    width: 2px;
    height: 6px;
    top: 10px;
    left: 8px;
  }
}

.gg-scroll-h {
  display: block;
  box-sizing: border-box;
  width: 6px;
  height: 6px;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 10px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    transform: rotate(45deg);
    top: -2px;
  }

  &::after {
    border-top: 2px solid;
    border-right: 2px solid;
    right: -8px;
  }

  &::before {
    border-bottom: 2px solid;
    border-left: 2px solid;
    left: -8px;
  }
}

.gg-scroll-v {
  display: block;
  box-sizing: border-box;
  width: 6px;
  height: 6px;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 10px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    transform: rotate(-45deg);
    left: -2px;
  }

  &::after {
    border-bottom: 2px solid;
    border-left: 2px solid;
    bottom: -8px;
  }

  &::before {
    border-top: 2px solid;
    border-right: 2px solid;
    top: -8px;
  }
}

.gg-search-found {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 100%;
  margin-left: -4px;
  margin-top: -4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    border-radius: 3px;
    width: 2px;
    height: 8px;
    background: currentColor;
    transform: rotate(-45deg);
    top: 10px;
    left: 12px;
  }

  &::before {
    width: 6px;
    height: 4px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-40deg);
    top: 3px;
    left: 3px;
  }
}

.gg-search-loading {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 100%;
  margin-left: -4px;
  margin-top: -4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    background: currentColor;
  }

  &::after {
    border-radius: 3px;
    height: 8px;
    transform: rotate(-45deg);
    top: 10px;
    left: 12px;
  }

  &::before {
    height: 2px;
    border-radius: 100%;
    top: 5px;
    left: 5px;
    box-shadow: -3px 0 0, 3px 0 0;
  }
}

.gg-search {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 100%;
  margin-left: -4px;
  margin-top: -4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 8px;
    background: currentColor;
    transform: rotate(-45deg);
    top: 10px;
    left: 12px;
  }
}

.gg-select-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 20px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 6px;
    transform: rotate(-45deg);
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 6px;
    transform: rotate(-45deg);
    border-left: 2px solid;
    border-bottom: 2px solid;
    bottom: 4px;
  }

  &::after {
    border-right: 2px solid;
    border-top: 2px solid;
    top: 4px;
  }
}

.gg-select-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 6px;
    transform: rotate(-45deg);
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 6px;
    transform: rotate(-45deg);
    border-left: 2px solid;
    border-bottom: 2px solid;
    bottom: 4px;
  }

  &::after {
    border-right: 2px solid;
    border-top: 2px solid;
    top: 4px;
  }
}

.gg-select {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    left: 7px;
    transform: rotate(-45deg);
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    left: 7px;
    transform: rotate(-45deg);
    border-left: 2px solid;
    border-bottom: 2px solid;
    bottom: 4px;
  }

  &::after {
    border-right: 2px solid;
    border-top: 2px solid;
    top: 4px;
  }
}

.gg-server {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 20px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
    top: 2px;
    box-shadow: 0 4px 0;
    border-radius: 3px;
    width: 8px;
    left: 2px;
  }

  &::after {
    width: 2px;
    border-radius: 10px;
    left: 5px;
    bottom: 2px;
  }
}

.gg-serverless {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 15px;
  height: 13px;
  overflow: hidden;

  &::after {
    background: currentColor;
    content: "";
    box-sizing: border-box;
    position: absolute;
    display: block;
    height: 3px;
    box-shadow: 0 5px 0, 0 10px 0;
    transform: skew(-20deg);
  }

  &::before {
    background: currentColor;
    content: "";
    box-sizing: border-box;
    position: absolute;
    display: block;
    height: 3px;
    box-shadow: 0 5px 0, 0 10px 0;
    transform: skew(-20deg);
    width: 8px;
    left: -2px;
  }

  &::after {
    width: 12px;
    right: -5px;
  }
}

.gg-shape-circle {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 3px solid;
  border-radius: 100px;
}

.gg-shape-half-circle {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 8px;
  height: 16px;
  border: 3px solid;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-right: 0;
}

.gg-shape-hexagon {
  display: block;
  box-sizing: border-box;
  width: 18px;
  height: 10px;
  border-left: 3px solid currentColor;
  border-right: 3px solid currentColor;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    width: 18px;
    height: 10px;
    border-left: 3px solid currentColor;
    border-right: 3px solid currentColor;
  }

  position: relative;
  transform: scale(var(--ggs, 1));

  &::after {
    content: "";
    position: absolute;
    left: -3px;
  }

  &::before {
    content: "";
    position: absolute;
    left: -3px;
    transform: rotate(60deg);
  }

  &::after {
    transform: rotate(-60deg);
  }
}

.gg-shape-rhombus {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(45deg) scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  border: 3px solid;
}

.gg-shape-square {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 3px solid;
}

.gg-shape-triangle {
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 17px;
  border-left: 3px solid transparent;
  border-bottom: 3px solid;
  display: block;
  box-sizing: border-box;
  border-right: 3px solid transparent;

  &::before {
    display: block;
    box-sizing: border-box;
    border-right: 3px solid transparent;
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-left: 3px solid;
    border-top: 3px solid;
    border-bottom: 3px solid transparent;
    transform: rotate(45deg) skew(10deg, 10deg);
    left: -2px;
    bottom: -13px;
  }
}

.gg-shape-zigzag {
  display: block;
  box-sizing: border-box;
  width: 5px;
  height: 7px;
  border-left: 2px solid;
  border-bottom: 2px solid;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    width: 5px;
    height: 7px;
    border-left: 2px solid;
    border-bottom: 2px solid;
  }

  margin-left: -18px;
  transform: rotate(-49deg) scale(var(--ggs, 1));
  position: relative;

  &::after {
    content: "";
    position: absolute;
    left: 2px;
    top: 5px;
  }

  &::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 5px;
    left: 7px;
    top: 10px;
  }
}

.gg-share {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 6px;
  height: 6px;
  background: currentColor;
  border-radius: 100px;
  box-shadow: 10px -6px 0, 10px 6px 0;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 10px;
    height: 2px;
    background: currentColor;
    left: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 10px;
    height: 2px;
    background: currentColor;
    left: 2px;
    top: 0;
    transform: rotate(-35deg);
  }

  &::after {
    bottom: 0;
    transform: rotate(35deg);
  }
}

.gg-shield {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 4px;
  background: currentColor;
  border-radius: 100px;
  margin-top: -6px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 8px;
    height: 16px;
    border: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 8px;
    height: 16px;
    border: 2px solid;
    border-bottom-left-radius: 40px;
    border-right: 0;
    left: 0;
  }

  &::after {
    border-bottom-right-radius: 40px;
    border-left: 0;
    right: 0;
  }
}

.gg-shopping-bag {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-radius: 3px;
    content: "";
    position: absolute;
    width: 10px;
    height: 6px;
    border-bottom-left-radius: 120px;
    border-bottom-right-radius: 120px;
    border-top: 0;
    top: 2px;
    left: 3px;
  }
}

.gg-shopping-cart {
  display: block;
  box-sizing: border-box;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 21px;
  background: linear-gradient(to left, currentColor 12px, transparent 0)
      no-repeat -1px 6px / 18px 2px,
    linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 6px
      14px / 11px 2px,
    linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 0 2px /
      4px 2px,
    radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 12px
      17px / 4px 4px,
    radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 6px
      17px / 4px 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 2px;
    height: 14px;
    background: currentColor;
    top: 2px;
    left: 4px;
    transform: skew(12deg);
  }

  &::after {
    height: 10px;
    top: 6px;
    left: 16px;
    transform: skew(-12deg);
  }
}

.gg-shortcut {
  display: block;
  box-sizing: border-box;
  border-radius: 3px;

  &::after {
    display: block;
    box-sizing: border-box;
    border-radius: 3px;
    content: "";
    position: absolute;
    width: 2px;
    height: 12px;
    background: currentColor;
    left: 6px;
    top: 1px;
    transform: rotate(45deg);
  }

  border: 2px solid;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
}

.gg-shutterstock {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 1px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 1px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    bottom: 2px;
    right: 2px;
  }

  &::after {
    border-top: 2px solid;
    border-left: 2px solid;
    top: 2px;
    left: 2px;
  }
}

.gg-sidebar-open {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 16px;
  border: 2px solid;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    height: 12px;
    background: currentColor;
    top: 0;
    left: 0;
  }
}

.gg-sidebar-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 16px;
  border-right: 2px solid;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 16px;
    border: 2px solid;
    top: 0;
    right: 2px;
  }
}

.gg-sidebar {
  display: block;
  box-sizing: border-box;
  height: 16px;

  &::before {
    display: block;
    box-sizing: border-box;
    height: 16px;
    content: "";
    position: absolute;
    width: 14px;
    border: 2px solid;
    top: 0;
    left: 2px;
  }

  border-left: 2px solid;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 18px;
}

.gg-signal {
  display: block;
  box-sizing: border-box;
  width: 2px;
  border-radius: 4px;
  background: currentColor;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    width: 2px;
    border-radius: 4px;
    background: currentColor;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  height: 8px;

  &::after {
    content: "";
    position: absolute;
  }

  &::before {
    content: "";
    position: absolute;
    height: 12px;
    left: 4px;
    bottom: 0;
  }

  &::after {
    height: 4px;
    left: -4px;
    bottom: 0;
  }
}

.gg-size {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  transform: scale(var(--ggs, 1));
  border-left: 8px solid transparent;
  box-shadow: inset 0 0 0 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 12px;
    border: 2px solid;
    border-right: 0;
    right: 6px;
    top: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 12px;
    border: 2px solid;
    border-right: 0;
    right: 6px;
    top: 2px;
    width: 4px;
    height: 8px;
    right: 12px;
    top: 4px;
  }
}

.gg-sketch {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 18px;
  background: linear-gradient(to left, currentColor 16px, transparent 0)
    no-repeat center 6px / 6px 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    border: 2px solid;
    left: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    border: 2px solid;
    left: 4px;
    height: 14px;
    border-top-color: transparent;
    border-right-color: transparent;
    transform: rotate(-45deg) skew(-8deg, -8deg);
    bottom: 4px;
  }

  &::after {
    height: 7px;
    border-bottom: 0;
    transform: perspective(12px) rotateX(35deg);
  }
}

.gg-slack {
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  display: block;
  width: 20px;
  height: 20px;
  background: linear-gradient(to left, currentColor 5px, transparent 0)
      no-repeat 7px 2px / 2px 2px,
    linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 15px 7px /
      2px 2px,
    linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 2px 10px /
      2px 2px,
    linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 10px
      15px / 2px 2px,
    linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 10px 2px /
      4px 5px,
    linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 5px 12px /
      4px 5px;

  &::after {
    background: currentColor;
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    height: 4px;
    border-radius: 22px;
  }

  &::before {
    background: currentColor;
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    height: 4px;
    border-radius: 22px;
    width: 9px;
    top: 5px;
    box-shadow: 10px 5px 0;
  }

  &::after {
    width: 4px;
    left: 5px;
    box-shadow: -5px 10px 0, 0 10px 0, 0 15px 0, 5px 15px 0, 5px 5px 0, 5px 0 0,
      10px 5px 0;
  }
}

.gg-sleep {
  display: block;
  box-sizing: border-box;

  &::after {
    display: block;
    box-sizing: border-box;
    content: "";
    position: absolute;
    width: 14px;
    height: 2px;
    background: currentColor;
    bottom: 2px;
  }

  transform: scale(var(--ggs, 1));
  position: relative;
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 22px;
}

.gg-smart-home-boiler {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 20px;
  border: 2px solid;
  border-radius: 2px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: linear-gradient(to left, currentColor 14px, transparent 0)
    no-repeat center 4px / 14px 2px;

  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 6px;
    height: 3px;
    border-left: 2px solid;
    border-right: 2px solid;
    transform: skewX(20deg);
    bottom: -4px;
    left: 2px;
  }
}

.gg-smart-home-cooker {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 4px;
  background: linear-gradient(to left, currentColor 18px, transparent 0)
    no-repeat center 2px / 18px 2px;

  &::after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 6px;
    left: 4px;
  }

  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 6px;
    left: 4px;
    height: 6px;
    border: 2px solid;
    border-radius: 4px;
    bottom: 2px;
  }

  &::after {
    height: 3px;
    box-shadow: 0 -2px 0, inset 0 0 0 2px;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    top: -4px;
  }
}

.gg-smart-home-heat {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 14px;
  border: 2px solid;
  border-radius: 22px;
  background: linear-gradient(to left, currentColor 24px, transparent 0)
    no-repeat center 2px / 10px 2px;

  &::after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 2px solid;
    top: 2px;
  }

  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 2px solid;
    top: 2px;
    border-right: 0;
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
    left: 2px;
  }

  &::after {
    border-left: 0;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    right: 2px;
  }
}

.gg-smart-home-light {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 14px;
  border: 2px solid;
  border-radius: 14px;
  box-shadow: 0 11px 0 -4px;

  &::after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    background: currentColor;
    width: 2px;
    height: 6px;
    border-radius: 6px;
    bottom: -8px;
  }

  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    background: currentColor;
    width: 2px;
    height: 6px;
    border-radius: 6px;
    bottom: -8px;
    transform: rotate(20deg);
    left: -2px;
  }

  &::after {
    transform: rotate(-20deg);
    right: -2px;
  }
}

.gg-smart-home-refrigerator {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    background: currentColor;
  }

  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    background: currentColor;
    width: 2px;
    height: 4px;
    border-radius: 2px;
    top: 2px;
    left: 2px;
    box-shadow: 0 8px 0;
  }

  &::after {
    width: 14px;
    height: 2px;
    top: 7px;
    left: -2px;
  }
}

.gg-smart-home-wash-machine {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 20px;
  border: 2px solid;
  background: linear-gradient(to left, currentColor 18px, transparent 0)
    no-repeat center 4px / 18px 2px;
  border-radius: 3px;

  &::after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    border-radius: 22px;
  }

  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    border-radius: 22px;
    bottom: 1px;
    left: 3px;
    width: 8px;
    height: 8px;
    border: 2px solid;
    box-shadow: 5px -9px 0 -3px, 2px -9px 0 -3px;
  }

  &::after {
    top: 1px;
    left: 1px;
    width: 4px;
    height: 2px;
    background: currentColor;
  }
}

.gg-smartphone-chip {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 6px double;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 2px;
    left: -3px;
    top: -9px;
    background: currentColor;
    box-shadow: 4px 0 0, 8px 0 0, 0 20px 0, 4px 20px 0, -6px 6px 0, 14px 6px 0,
      14px 10px 0, 14px 14px 0, -6px 10px 0, -6px 14px 0, 8px 20px 0;
  }
}

.gg-smartphone-ram {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 26px;
  height: 14px;
  border: 2px solid;
  border-radius: 3px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 2px;
    background: currentColor;
    box-shadow: 16px 4px 0;
    top: 2px;
    left: 2px;
  }

  &::after {
    box-shadow: 4px 0 0, 8px 0 0, 12px 0 0, 16px 0 0, 0 18px 0, 4px 18px 0,
      8px 18px 0, 12px 18px 0, 16px 18px 0;
    top: -5px;
  }
}

.gg-smartphone-shake {
  background: linear-gradient(to left, currentColor 5px, transparent 0)
    no-repeat 4px 12px / 2px 2px;
  box-sizing: border-box;
  position: relative;
  transform: scale(var(--ggs, 1));
  display: block;
  width: 14px;
  height: 20px;
  border: 2px solid;
  border-radius: 2px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 10px;
    width: 6px;
    border: 2px solid transparent;
    overflow: hidden;
    box-shadow: 2px 0 0, inset -2px 0 0;
    top: 3px;
    left: -12px;
  }

  &::after {
    transform: scaleX(-1);
    left: 16px;
  }
}

.gg-smartphone {
  background: linear-gradient(to left, currentColor 5px, transparent 0)
    no-repeat 4px 12px / 2px 2px;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 20px;
  border: 2px solid;
  border-radius: 2px;
}

.gg-smile-mouth-open {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
    background: currentColor;
    box-shadow: 6px 0 0;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    top: 5px;
  }

  &::after {
    width: 8px;
    height: 4px;
    border-radius: 150px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 2px solid;
    top: 9px;
  }
}

.gg-smile-neutral {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
    left: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
    left: 4px;
    box-shadow: 6px 0 0;
    width: 2px;
    border-radius: 10px;
    top: 5px;
  }

  &::after {
    border-radius: 3px;
    width: 8px;
    top: 10px;
  }
}

.gg-smile-no-mouth {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 100px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
    left: 4px;
    box-shadow: 6px 0 0;
    width: 2px;
    border-radius: 10px;
    top: 5px;
  }
}

.gg-smile-none {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
    left: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    background: currentColor;
    left: 4px;
    box-shadow: 5px 0 0;
    width: 3px;
    border-radius: 10px;
    top: 5px;
  }

  &::after {
    border-radius: 3px;
    width: 8px;
    top: 10px;
  }
}

.gg-smile-sad {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
    background: currentColor;
    box-shadow: 6px 0 0;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    top: 5px;
  }

  &::after {
    width: 8px;
    height: 4px;
    border-radius: 150px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 2px solid;
    border-top-color: transparent;
    top: 9px;
    transform: scaleY(-1);
  }
}

.gg-smile-upside {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
    background: currentColor;
    box-shadow: 6px 0 0;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    bottom: 5px;
  }

  &::after {
    width: 8px;
    height: 4px;
    border-radius: 150px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 2px solid;
    border-bottom-color: transparent;
    bottom: 9px;
  }
}

.gg-smile {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 4px;
    background: currentColor;
    box-shadow: 6px 0 0;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    top: 5px;
  }

  &::after {
    width: 8px;
    height: 4px;
    border-radius: 150px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 2px solid;
    border-top-color: transparent;
    top: 9px;
  }
}

.gg-software-download {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 6px;
  border: 2px solid;
  border-top: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-top: 8px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    left: 2px;
    bottom: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 10px;
    background: currentColor;
    left: 5px;
    bottom: 5px;
  }
}

.gg-software-upload {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 6px;
  border: 2px solid;
  border-top: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-top: 8px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-left: 2px solid;
    border-top: 2px solid;
    transform: rotate(45deg);
    left: 2px;
    bottom: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 10px;
    background: currentColor;
    left: 5px;
    bottom: 3px;
  }
}

.gg-sort-az {
  display: block;
  box-sizing: border-box;
  height: 2px;
  border-radius: 4px;
  background: currentColor;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    height: 2px;
    border-radius: 4px;
    background: currentColor;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 8px;

  &::after {
    content: "";
    position: absolute;
  }

  &::before {
    content: "";
    position: absolute;
    width: 12px;
    top: -4px;
    left: -2px;
  }

  &::after {
    width: 4px;
    top: 4px;
    left: 2px;
  }
}

.gg-sort-za {
  display: block;
  box-sizing: border-box;
  height: 2px;
  border-radius: 4px;
  background: currentColor;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    height: 2px;
    border-radius: 4px;
    background: currentColor;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 8px;

  &::after {
    content: "";
    position: absolute;
  }

  &::before {
    content: "";
    position: absolute;
    width: 12px;
    top: 4px;
    left: -2px;
  }

  &::after {
    width: 4px;
    top: -4px;
    left: 2px;
  }
}

.gg-space-between-v {
  display: block;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 8px;
  height: 14px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  box-shadow: inset 0 0 0 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 4px;
    border: 2px solid;
    left: -2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 4px;
    border: 2px solid;
    left: -2px;
    top: -6px;
    border-top: 0;
  }

  &::after {
    bottom: -6px;
    border-bottom: 0;
  }
}

.gg-space-between {
  display: block;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 8px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  box-shadow: inset 0 0 0 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 12px;
    width: 4px;
    border: 2px solid;
    top: -2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 12px;
    width: 4px;
    border: 2px solid;
    top: -2px;
    left: -6px;
    border-left: 0;
  }

  &::after {
    right: -6px;
    border-right: 0;
  }
}

.gg-spectrum {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  overflow: hidden;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 30px;
    height: 30px;
    left: -15px;
    bottom: -15px;
    border: 8px solid;
    border-radius: 18px;
  }
}

@keyframes spinneralt {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

.gg-spinner-alt {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;

  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    border-radius: 100px;
    animation: spinneralt 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;
    border: 3px solid transparent;
    border-top-color: currentColor;
  }
}

@keyframes spinner-two-alt {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

.gg-spinner-two-alt {
  box-sizing: border-box;
  display: block;
  width: 20px;
  height: 20px;

  &::before {
    box-sizing: border-box;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    border-radius: 100px;
    animation: spinner-two-alt 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;
    border: 3px solid transparent;
    border-bottom-color: currentColor;
    border-top-color: currentColor;
  }

  transform: scale(var(--ggs, 1));
  position: relative;
}

@keyframes spinner-two {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

.gg-spinner-two {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;

  &::after {
    box-sizing: border-box;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    border-radius: 100px;
  }

  &::before {
    box-sizing: border-box;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    border-radius: 100px;
    animation: spinner-two 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;
    border: 3px solid transparent;
    border-bottom-color: currentColor;
    border-top-color: currentColor;
  }

  &::after {
    border: 3px solid;
    opacity: 0.2;
  }
}

.gg-spinner {
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;

  &::after,
  &::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
  }

  &::after {
    content: "";
    position: absolute;
    border-radius: 100px;
  }

  &::before {
    content: "";
    position: absolute;
    border-radius: 100px;
    animation: spinner 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;
    border: 3px solid transparent;
    border-top-color: currentColor;
  }

  &::after {
    border: 3px solid;
    opacity: 0.2;
  }
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

.gg-square {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 12px;
  border-radius: 1px;
  border: 3px solid transparent;
  box-shadow: 0 0 0 3px, inset 0 0 0 3px;
}

.gg-stack {
  display: block;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid;
  }

  margin-right: 8px;
  margin-top: 8px;
  transform: scale(var(--ggs, 1));
  position: relative;

  &::after {
    content: "";
    position: absolute;
    border-left: 0;
    border-bottom: 0;
    right: -5px;
    top: -5px;
  }

  &::before {
    content: "";
    position: absolute;
    border-left: 0;
    border-bottom: 0;
    right: -5px;
    top: -5px;
    right: -8px;
    top: -8px;
  }
}

.gg-stark {
  background: currentColor;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(45deg) scale(var(--ggs, 1));
  width: 3px;
  height: 16px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 16px;
    border: 3px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 16px;
    border: 3px solid;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-right: 0;
    border-top-color: transparent;
    left: -7px;
    bottom: 0;
  }

  &::after {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-left: 0;
    border-bottom-color: transparent;
    right: -7px;
    top: 0;
  }
}

.gg-stopwatch {
  background: linear-gradient(to left, currentColor 7px, transparent 0)
    no-repeat 6px 2px / 2px 6px;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    right: -4px;
    top: -3px;
  }
}

.gg-stories {
  display: block;
  box-sizing: border-box;
  border-radius: 3px;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    border-radius: 3px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 16px;
  border: 2px solid;

  &::after {
    content: "";
    position: absolute;
    background: currentColor;
    width: 2px;
    height: 14px;
    top: -1px;
  }

  &::before {
    content: "";
    position: absolute;
    background: currentColor;
    width: 2px;
    height: 14px;
    top: -1px;
    left: -6px;
  }

  &::after {
    right: -6px;
  }
}

.gg-studio {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    height: 4px;
    background: currentColor;
    right: 2px;
    bottom: 2px;
  }
}

.gg-style {
  display: block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  box-shadow: -3px 3px 0 -1px, 3px -3px 0 -1px;

  &::after {
    content: "";
    position: absolute;
    border: 2px solid;
  }

  &::before {
    content: "";
    position: absolute;
    border: 2px solid;
    top: -5px;
    left: -5px;
  }

  &::after {
    bottom: -5px;
    right: -5px;
  }
}

.gg-sun {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 24px;
  background: linear-gradient(to bottom, currentColor 4px, transparent 0)
      no-repeat 5px -6px / 2px 6px,
    linear-gradient(to bottom, currentColor 4px, transparent 0) no-repeat 5px
      14px / 2px 6px,
    linear-gradient(to bottom, currentColor 4px, transparent 0) no-repeat -8px 5px /
      6px 2px,
    linear-gradient(to bottom, currentColor 4px, transparent 0) no-repeat 14px
      5px / 6px 2px;
  border-radius: 100px;
  box-shadow: inset 0 0 0 2px;
  border: 6px solid transparent;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 24px;
    height: 2px;
    border-right: 4px solid;
    border-left: 4px solid;
    left: -6px;
    top: 5px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 24px;
    height: 2px;
    border-right: 4px solid;
    border-left: 4px solid;
    left: -6px;
    top: 5px;
    transform: rotate(-45deg);
  }

  &::after {
    transform: rotate(45deg);
  }
}

.gg-support {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  transform: rotate(45deg) scale(var(--ggs, 1));
  border: 5px solid transparent;
  box-shadow: 0 0 0 2px, inset 0 0 0 2px;
  border-radius: 40px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-left: 9px solid;
    border-right: 9px solid;
    width: 24px;
    height: 2px;
    left: -7px;
    top: 4px;
  }

  &::after {
    width: 2px;
    height: 24px;
    border-top: 9px solid;
    border-bottom: 9px solid;
    left: 4px;
    top: -7px;
  }
}

.gg-swap-vertical {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(90deg) scale(var(--ggs, 1));
  box-shadow: -2px 2px 0, 2px -2px 0;
  width: 6px;
  height: 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid;
    top: -4px;
    right: -4px;
  }

  &::after {
    border-right: 3px solid;
    bottom: -4px;
    left: -4px;
  }
}

.gg-swap {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  box-shadow: -2px 2px 0, 2px -2px 0;
  width: 6px;
  height: 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid;
    top: -4px;
    right: -4px;
  }

  &::after {
    border-right: 3px solid;
    bottom: -4px;
    left: -4px;
  }
}

.gg-sweden {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 21px;
  height: 16px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 6px;
    background: currentColor;
    box-shadow: 0 8px 0;
    top: 0;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 6px;
    background: currentColor;
    box-shadow: 0 8px 0;
    top: 0;
    left: 0;
    width: 7px;
  }

  &::after {
    width: 12px;
    right: 0;
  }
}

.gg-swiss {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 4px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 5px;
    height: 5px;
    background: currentColor;
    box-shadow: 0 9px 0;
    top: -2px;
  }

  &::after {
    left: -2px;
  }

  &::before {
    right: -2px;
  }
}

.gg-sync {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border-radius: 40px;
  border: 2px solid;
  margin: 1px;
  border-left-color: transparent;
  border-right-color: transparent;
  width: 18px;
  height: 18px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    transform: rotate(-45deg);
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    transform: rotate(-45deg);
    border-left: 6px solid;
    bottom: -1px;
    right: -3px;
  }

  &::after {
    border-right: 6px solid;
    top: -1px;
    left: -3px;
  }
}

.gg-tab {
  display: block;
  box-sizing: border-box;

  &::before {
    display: block;
    box-sizing: border-box;
    content: "";
    position: absolute;
    width: 10px;
    height: 6px;
    background: currentColor;
    border-radius: 1px;
    transform: skewX(20deg);
    top: -2px;
    right: -1px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 16px;
  border: 2px solid;
  border-radius: 3px;
}

.gg-tag {
  display: block;
  border: 2px solid;

  &::before {
    display: block;
    border: 2px solid;
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    box-sizing: content-box;
    border-radius: 100px;
    right: 0;
    top: 2px;
  }

  border-right: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  position: relative;
  width: 19px;
  height: 14px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-bottom-right-radius: 4px;
    transform: rotate(-45deg);
    top: 0;
    right: -5px;
  }
}

.gg-tally {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: skew(-10deg) scale(var(--ggs, 1));
  width: 18px;
  height: 20px;

  &::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 3px;
    background: currentColor;
    border-radius: 0.5px;
  }

  &::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 3px;
    background: currentColor;
    border-radius: 0.5px;
    height: 20px;
    box-shadow: 5px 0 0;
    left: 5px;
  }

  &::after {
    height: 8px;
    box-shadow: 15px 0 0;
  }
}

.gg-tap-double {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 22px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 22px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 22px;
    width: 20px;
    height: 20px;
    border: 6px double transparent;
    border-top: 6px double;
  }

  &::after {
    width: 6px;
    height: 10px;
    border: 2px solid transparent;
    border-bottom-width: 5px;
    box-shadow: 0 0 0 2px, inset 0 0 0 2px;
    left: 7px;
    bottom: 2px;
  }
}

.gg-tap-single {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 22px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid transparent;
    border-radius: 22px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid transparent;
    border-radius: 22px;
    width: 16px;
    height: 16px;
    border-top: 2px solid;
    top: 2px;
  }

  &::after {
    width: 6px;
    height: 10px;
    border-bottom-width: 5px;
    box-shadow: 0 0 0 2px, inset 0 0 0 2px;
    left: 5px;
    top: 8px;
  }
}

.gg-template {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 6px;
  border: 2px solid;
  margin-top: -14px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 10px;
    top: 6px;
  }

  &::after {
    border: 2px solid;
    left: -2px;
  }

  &::before {
    border-top: 6px double;
    border-bottom: 2px solid;
    right: -2px;
  }
}

.gg-tennis {
  display: block;
  box-sizing: border-box;
  border: 2px solid;
  width: 20px;
  height: 20px;
  border-radius: 20px;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
    border: 2px solid;
    width: 20px;
    height: 20px;
    border-radius: 20px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  overflow: hidden;

  &::after {
    content: "";
    position: absolute;
  }

  &::before {
    content: "";
    position: absolute;
    left: -11px;
    top: -11px;
  }

  &::after {
    right: -11px;
    bottom: -11px;
  }
}

.gg-terminal {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 20px;
  border: 2px solid;
  border-radius: 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    width: 6px;
    height: 6px;
    top: 5px;
    left: 3px;
  }

  &::after {
    width: 4px;
    height: 2px;
    background: currentColor;
    top: 10px;
    left: 11px;
  }
}

.gg-terrain {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 14px;
  overflow: hidden;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid;
    top: 4px;
  }

  &::after {
    width: 6px;
    height: 22px;
    background: currentColor;
    transform: rotate(-32deg) skewY(-35deg);
    left: 14px;
    top: 3px;
  }
}

.gg-thermometer {
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    border-radius: 22px;
    transform: rotate(45deg);
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    border-radius: 22px;
    transform: rotate(45deg);
    height: 12px;
    border: 2px solid transparent;
    box-shadow: 0 0 0 2px, inset 0 0 0 6px;
    right: 6px;
    top: 1px;
  }

  &::after {
    height: 8px;
    background: currentColor;
    bottom: 0;
    left: 3px;
  }
}

.gg-thermostat {
  position: relative;
  display: block;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 24px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
  }

  &::after {
    width: 12px;
    height: 12px;
    border-top-color: transparent;
    bottom: 0;
    border-radius: 100px;
    background: radial-gradient(circle, currentColor 20%, transparent 20%)
      no-repeat center;
  }

  &::before {
    width: 8px;
    height: 16px;
    border-bottom-color: transparent;
    left: 2px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
  }
}

.gg-tikcode {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  background: linear-gradient(to left, currentColor 10px, transparent 0)
      no-repeat 10px 0 / 8px 2px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 10px
      6px / 8px 2px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 10px
      10px / 2px 8px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 13px
      10px / 2px 8px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 16px
      10px / 2px 8px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 16px 0 /
      2px 8px,
    linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 10px 0 /
      2px 8px;

  &::after,
  &::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 2px solid;
  }

  &::after {
    bottom: 0;
  }
}

.gg-time {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px currentColor;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 7px;
    height: 7px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    top: 1px;
    left: 5px;
  }
}

.gg-timelapse {
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 22px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 5px;
    height: 4px;
    border: 7px solid;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 22px;
    top: 2px;
    right: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 5px;
    height: 4px;
    border: 7px solid;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 22px;
    top: 2px;
    right: 2px;
    transform: rotate(45deg);
  }

  &::after {
    border-top-color: transparent;
    transform: rotate(85deg);
  }
}

.gg-timer {
  border: 2px solid;
  width: 18px;
  height: 18px;
  border-radius: 40px;

  &::before {
    border: 2px solid;
    width: 18px;
    height: 18px;
    border-radius: 40px;
  }

  background: linear-gradient(to left, currentColor 10px, transparent 0)
    no-repeat 6px -2px / 2px 6px;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  position: relative;
  display: block;
  border-top-color: transparent;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    right: -2px;
    top: -2px;
    transform: rotate(45deg);
  }

  &::after {
    width: 2px;
    height: 6px;
    background: currentColor;
    transform: rotate(-50deg);
    left: 4px;
    bottom: 5px;
    border-radius: 100px;
  }
}

.gg-today {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 22px;
  border: 2px solid;
  border-radius: 3px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 2px;
    background: currentColor;
    border-radius: 1px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 2px;
    background: currentColor;
    border-radius: 1px;
    bottom: 2px;
    width: 10px;
    height: 10px;
    opacity: 0.5;
  }

  &::after {
    top: 2px;
    width: 6px;
    height: 2px;
  }
}

.gg-toggle-off {
  display: block;
  box-sizing: border-box;
  border-radius: 20px;

  &::before {
    display: block;
    box-sizing: border-box;
    border-radius: 20px;
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: currentColor;
    top: 2px;
    left: 12px;
  }

  border: 2px solid;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 14px;
}

.gg-toggle-on {
  display: block;
  box-sizing: border-box;
  border-radius: 20px;

  &::before {
    display: block;
    box-sizing: border-box;
    border-radius: 20px;
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: currentColor;
    top: 2px;
    left: 2px;
  }

  border: 2px solid;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 14px;
}

.gg-toggle-square-off {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 14px;
  border: 2px solid;
  border-radius: 2px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    background: currentColor;
    top: 2px;
    left: 12px;
    border-radius: 1px;
  }
}

.gg-toggle-square {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 14px;
  border: 2px solid;
  border-radius: 2px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    background: currentColor;
    top: 2px;
    left: 2px;
    border-radius: 1px;
  }
}

.gg-toolbar-bottom {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 12px;
  box-shadow: 0 0 0 2px, inset 0 -2px 0;
  border: 2px solid transparent;
  border-radius: 1px;
}

.gg-toolbar-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 12px;
  box-shadow: 0 0 0 2px, inset 2px 0 0;
  border: 2px solid transparent;
  border-radius: 1px;
}

.gg-toolbar-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 12px;
  box-shadow: 0 0 0 2px, inset -2px 0 0;
  border: 2px solid transparent;
  border-radius: 1px;
}

.gg-toolbar-top {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 18px;
  height: 12px;
  box-shadow: 0 0 0 2px, inset 0 2px 0;
  border: 2px solid transparent;
  border-radius: 1px;
}

.gg-toolbox {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 16px;
  border: 2px solid;
  border-radius: 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    left: 4px;
    width: 10px;
    height: 4px;
    top: -5px;
  }

  &::after {
    width: 18px;
    height: 2px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    box-shadow: 0 -2px 0, inset 4px 0 0, inset -4px 0 0;
    top: 4px;
  }
}

.gg-touchpad {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 3px;
  width: 22px;
  height: 18px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 6px;
    bottom: -2px;
    left: 8px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 20px;
    height: 2px;
    left: -2px;
    bottom: 3px;
    background: currentColor;
  }
}

.gg-track {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 10px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px, inset 0 0 0 10px;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    border-left: 4px solid;
    border-right: 4px solid;
    width: 18px;
    height: 2px;
    left: -6px;
    top: 2px;
  }

  &::after {
    width: 2px;
    height: 18px;
    border-top: 4px solid;
    border-bottom: 4px solid;
    left: 2px;
    top: -6px;
  }
}

.gg-transcript {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 3px;
  width: 22px;
  height: 18px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    border-radius: 3px;
    background: currentColor;
    bottom: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    border-radius: 3px;
    background: currentColor;
    bottom: 2px;
    width: 10px;
    left: 2px;
    box-shadow: 4px -4px 0;
  }

  &::after {
    width: 3px;
    right: 2px;
    box-shadow: -11px -4px 0;
  }
}

.gg-trash-empty {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 12px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  margin-top: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    background: currentColor;
    border-radius: 3px;
    width: 16px;
    height: 2px;
    top: -4px;
    left: -5px;
  }

  &::before {
    width: 10px;
    height: 4px;
    border: 2px solid;
    border-bottom: transparent;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    top: -7px;
    left: -2px;
  }
}

.gg-trash {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 12px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px, inset -2px 0 0, inset 2px 0 0;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  margin-top: 4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::after {
    background: currentColor;
    border-radius: 3px;
    width: 16px;
    height: 2px;
    top: -4px;
    left: -5px;
  }

  &::before {
    width: 10px;
    height: 4px;
    border: 2px solid;
    border-bottom: transparent;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    top: -7px;
    left: -2px;
  }
}

.gg-tree {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 20px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 8px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 8px;
    width: 10px;
    height: 16px;
    border: 2px solid;
  }

  &::after {
    width: 2px;
    height: 12px;
    background: currentColor;
    left: 4px;
    bottom: 0;
  }
}

.gg-trees {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 20px;
  border-left: 4px solid transparent;
  border-right: 3px solid transparent;
  border-top: 10px solid transparent;
  box-shadow: inset 2px 0 0, inset -2px 0 0;

  &::after,
  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 10px;
    height: 16px;
    border: 2px solid;
    border-radius: 8px;
    left: -4px;
    top: -10px;
  }

  &::after {
    width: 8px;
    height: 12px;
    top: -6px;
    left: 4px;
  }
}

.gg-trello {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 5px;
    background: currentColor;
    border-radius: 1px;
    top: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 5px;
    background: currentColor;
    border-radius: 1px;
    top: 2px;
    left: 2px;
    height: 12px;
  }

  &::after {
    height: 8px;
    right: 2px;
  }
}

.gg-trending-down {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(45deg) scale(var(--ggs, 1));
  width: 10px;
  height: 8px;
  border-bottom: 2px solid;
  border-right: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    left: 8px;
    width: 10px;
    height: 2px;
    top: 0;
  }

  &::after {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid;
    top: -3px;
    right: -14px;
  }
}

.gg-trending {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-45deg) scale(var(--ggs, 1));
  width: 10px;
  height: 8px;
  border-top: 2px solid;
  border-right: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
    left: 8px;
    width: 10px;
    height: 2px;
    bottom: 0;
  }

  &::after {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid;
    bottom: -3px;
    right: -14px;
  }
}

.gg-trophy {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 12px;
  border: 2px solid;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    box-shadow: inset 0 0 0 2px, 0 2px 0 0;
    bottom: -4px;
    width: 6px;
    height: 4px;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    left: 0;
  }

  &::after {
    width: 16px;
    height: 6px;
    border-left: 2px solid;
    border-right: 2px solid;
    left: -5px;
    top: 0;
  }
}

.gg-tv {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 11px;
  border: 2px solid;
  border-radius: 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-bottom-left-radius: 2px;
    top: -6px;
    left: 3px;
    transform: rotate(-45deg);
    width: 6px;
    height: 5px;
  }

  &::after {
    width: 8px;
    height: 1px;
    background: currentColor;
    border-radius: 10px;
    bottom: -4px;
    right: 2px;
  }
}

.gg-twilio {
  display: block;
  position: relative;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  width: 24px;
  height: 24px;
  border-radius: 22px;
  box-shadow: inset 0 0 0 3px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    background: currentColor;
    border-radius: 6px;
    width: 4px;
    height: 4px;
    top: 7px;
    box-shadow: 0 6px 0;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    background: currentColor;
    border-radius: 6px;
    width: 4px;
    height: 4px;
    top: 7px;
    box-shadow: 0 6px 0;
    left: 7px;
  }

  &::after {
    right: 7px;
  }
}

.gg-twitter {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;

  &::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 4px;
  }

  &::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 4px;
    width: 9px;
    height: 14px;
    border-left: 4px solid;
    border-bottom: 4px solid;
    border-bottom-left-radius: 6px;
    background: linear-gradient(to left, currentColor 12px, transparent 0)
      no-repeat center 2px / 10px 4px;
    top: 4px;
  }

  &::after {
    width: 4px;
    height: 4px;
    background: currentColor;
    border-radius: 20px;
    top: 2px;
    box-shadow: 7px 4px 0, 7px 12px 0;
  }
}

.gg-ui-kit {
  display: block;
  box-sizing: border-box;

  &::after,
  &::before {
    display: block;
    box-sizing: border-box;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 16px;
  border-radius: 3px;
  border: 2px solid;

  &::after {
    content: "";
    position: absolute;
    border: 2px solid;
    width: 6px;
    height: 12px;
  }

  &::before {
    content: "";
    position: absolute;
    border: 2px solid;
    width: 6px;
    height: 12px;
    border-right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transform: perspective(10px) rotateY(30deg);
    left: -8px;
  }

  &::after {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    transform: perspective(10px) rotateY(-30deg);
    border-left: 0;
    right: -8px;
  }
}

.gg-umbrella {
  display: block;
  box-sizing: border-box;
  transform: scale(var(--ggs, 1));
  position: relative;
  width: 22px;
  height: 22px;
  background: linear-gradient(to bottom, currentColor 20px, transparent 0)
    no-repeat center 10px / 2px 8px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    width: 16px;
    height: 10px;
    left: 3px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }

  &::after {
    width: 6px;
    height: 5px;
    border-top: 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    bottom: 0;
    left: 6px;
  }
}

.gg-unavailable {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-45deg) scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 100px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 18px;
    background: currentColor;
    top: -2px;
    left: 6px;
  }
}

.gg-unblock {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(45deg) scale(var(--ggs, 1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 100%;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 7px;
    background: currentColor;
    border-radius: 5px;
    left: 6px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 7px;
    background: currentColor;
    border-radius: 5px;
    left: 6px;
    top: -2px;
  }

  &::after {
    bottom: -2px;
  }
}

.gg-undo {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 14px;
  border: 2px solid;
  border-left-color: transparent;
  border-radius: 100px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-left: 2px solid;
    top: -3px;
    left: -1px;
    transform: rotate(-68deg);
  }
}

.gg-unfold {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border-bottom: 10px solid;
}

.gg-unsplash {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 15px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 16px;
    height: 9px;
    border: 5px solid;
    border-top: 0;
    bottom: 0;
  }

  &::after {
    width: 6px;
    height: 4px;
    background: currentColor;
    top: 0;
    left: 5px;
  }
}

.gg-usb-c {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 6px;
  border: 2px solid transparent;
  border-radius: 100px;
  box-shadow: 0 0 0 2px, inset 0 0 0 10px;
}

.gg-usb {
  display: block;
  box-sizing: border-box;

  &::before {
    display: block;
    box-sizing: border-box;
    content: "";
    position: absolute;
    width: 6px;
    height: 5px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 2px solid transparent;
    box-shadow: 0 0 0 2px, inset 5px 4px 0 -4px, inset -5px 4px 0 -4px;
    top: -7px;
    left: 2px;
  }

  position: relative;
  width: 14px;
  height: 14px;
  border: 2px solid;
  transform: scale(var(--ggs, 1));
  margin-bottom: -6px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.gg-user-add {
  display: block;
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  width: 20px;
  height: 18px;
  background: linear-gradient(to left, currentColor 8px, transparent 0)
      no-repeat 14px 6px / 6px 2px,
    linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 16px 4px /
      2px 6px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    width: 8px;
    height: 8px;
    border-radius: 30px;
    top: 0;
    left: 2px;
  }

  &::after {
    width: 12px;
    height: 9px;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    top: 9px;
  }
}

.gg-user-list {
  display: block;
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  width: 20px;
  height: 18px;
  background: linear-gradient(to left, currentColor 8px, transparent 0)
      no-repeat 14px 4px / 6px 2px,
    linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 14px 8px /
      6px 2px,
    linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 14px
      12px / 6px 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    width: 8px;
    height: 8px;
    border-radius: 30px;
    top: 0;
    left: 2px;
  }

  &::after {
    width: 12px;
    height: 9px;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    top: 9px;
  }
}

.gg-user-remove {
  display: block;
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  width: 20px;
  height: 18px;
  background: linear-gradient(to left, currentColor 8px, transparent 0)
    no-repeat 14px 6px / 6px 2px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    width: 8px;
    height: 8px;
    border-radius: 30px;
    top: 0;
    left: 2px;
  }

  &::after {
    width: 12px;
    height: 9px;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    top: 9px;
  }
}

.gg-user {
  display: block;
  transform: scale(var(--ggs, 1));
  box-sizing: border-box;
  width: 12px;
  height: 18px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border: 2px solid;
    width: 8px;
    height: 8px;
    border-radius: 30px;
    top: 0;
    left: 2px;
  }

  &::after {
    width: 12px;
    height: 9px;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    top: 9px;
  }
}

.gg-userlane {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 8px;
  border-radius: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 4px solid;
  border-top-color: transparent;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    background: currentColor;
    top: -12px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    background: currentColor;
    top: -12px;
    border-radius: 20px;
    left: -4px;
  }

  &::after {
    right: -4px;
  }
}

.gg-view-cols {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 3px;
  width: 20px;
  height: 14px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 12px;
    top: -2px;
    left: 4px;
    background: currentColor;
    box-shadow: 6px 0 0;
  }
}

.gg-view-comfortable {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 3px;
  width: 20px;
  height: 14px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
  }

  &::after {
    width: 2px;
    height: 8px;
    bottom: -2px;
    left: 4px;
  }

  &::before {
    width: 20px;
    height: 2px;
    left: -2px;
    top: 4px;
  }
}

.gg-view-day {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 3px;
  width: 20px;
  height: 14px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 12px;
    top: -2px;
    left: 7px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 12px;
    top: -2px;
    left: 7px;
    background: currentColor;
    width: 20px;
    height: 2px;
    left: -2px;
    top: 4px;
  }
}

.gg-view-grid {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 3px;
  width: 20px;
  height: 14px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 14px;
    top: -2px;
    left: 4px;
    background: currentColor;
    box-shadow: 6px 0 0;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 14px;
    top: -2px;
    left: 4px;
    background: currentColor;
    box-shadow: 6px 0 0;
    width: 20px;
    height: 2px;
    left: -2px;
    top: 2px;
    box-shadow: 0 4px 0;
  }
}

.gg-view-list {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 3px;
  width: 20px;
  height: 14px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 14px;
    top: -2px;
    left: 3px;
    background: currentColor;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 14px;
    top: -2px;
    left: 3px;
    background: currentColor;
    width: 20px;
    height: 2px;
    left: -2px;
    top: 2px;
    box-shadow: 0 4px 0;
  }
}

.gg-view-month {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 3px;
  width: 20px;
  height: 14px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 14px;
    top: -2px;
    left: 3px;
    background: currentColor;
    box-shadow: 4px 0 0, 8px 0 0;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 14px;
    top: -2px;
    left: 3px;
    background: currentColor;
    box-shadow: 4px 0 0, 8px 0 0;
    width: 20px;
    height: 2px;
    left: -2px;
    top: 2px;
    box-shadow: 0 4px 0;
  }
}

.gg-view-split {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid;
  border-radius: 3px;
  width: 20px;
  height: 14px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 12px;
    top: -2px;
    left: 7px;
    background: currentColor;
  }
}

.gg-vinyl {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 8px;
  height: 8px;
  border: 3px solid transparent;
  box-shadow: 0 0 0 6px, inset 0 0 0 2px;
  border-radius: 22px;
}

.gg-voicemail-o {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  background: linear-gradient(to left, currentColor 10px, transparent 0)
    no-repeat 5px 10px / 8px 2px;
  border-radius: 30px;
  border: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-radius: 10px;
    top: 6px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-radius: 10px;
    top: 6px;
    left: 2px;
  }

  &::after {
    right: 2px;
  }
}

.gg-voicemail-r {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 21px;
  height: 14px;
  background: linear-gradient(to left, currentColor 10px, transparent 0)
    no-repeat 5px 6px / 7px 2px;
  border-radius: 3px;
  border: 2px solid;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-radius: 10px;
    top: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-radius: 10px;
    top: 2px;
    left: 2px;
  }

  &::after {
    right: 2px;
  }
}

.gg-voicemail {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 12px;
  height: 10px;
  border-bottom: 2px solid;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-radius: 10px;
    top: 0;
    left: -5px;
  }

  &::after {
    left: 7px;
  }
}

.gg-volume {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 8px;
  height: 8px;
  border: 2px solid;
  border-right: 0;
  -webkit-perspective: 12px;
  perspective: 12px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 2px;
    transform: rotateY(-90deg);
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-left: 0;
    top: -3px;
  }

  &::after {
    width: 8px;
    height: 16px;
    border: 6px double;
    border-left: 0;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    right: -14px;
    top: -6px;
  }
}

.gg-webcam {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 8px;
  height: 8px;
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px, inset 0 0 0 2px;
  border-radius: 100px;
  margin-top: -4px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 4px;
    border-right: 4px solid transparent;
    box-shadow: 0 2px 0, inset -2px 0 0;
    bottom: -6px;
    left: -3px;
  }
}

.gg-website {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 18px;
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 -1px 0;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    top: 2px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    top: 2px;
    background: currentColor;
    left: 2px;
    box-shadow: 0 4px 0, 0 8px 0;
    border-radius: 3px;
    height: 2px;
  }

  &::after {
    height: 10px;
    border: 2px solid;
    right: 2px;
    border-radius: 1px;
  }
}

.gg-windows {
  transform: scale(var(--ggs, 1));
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 17px;
  height: 15px;

  &::before {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 17px;
    height: 15px;
    content: "";
    position: absolute;
    width: 7px;
    height: 6px;
    background: currentColor;
    box-shadow: 8px 0 0, 8px 7px 0, 0 7px 0;
    transform: perspective(30px) rotateY(-30deg);
  }
}

.gg-work-alt {
  display: block;
  box-sizing: border-box;
  box-shadow: 0 0 0 2px;

  &::after {
    display: block;
    box-sizing: border-box;
    box-shadow: 0 0 0 2px;
    content: "";
    position: absolute;
    width: 6px;
    height: 1px;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    left: 4px;
    top: -3px;
  }

  position: relative;
  transform: scale(var(--ggs, 1));
  width: 14px;
  height: 10px;
  border-radius: 1px;
}

.gg-yinyang {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(95deg) scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 22px;

  &::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    top: 4px;
  }

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    top: 4px;
    border: 2px solid;
    left: 0;
  }

  &::after {
    border: 2px solid transparent;
    right: 0;
    box-shadow: inset 0 0 0 4px, 0 -3px 0 1px, -2px -4px 0 1px, -8px -5px 0 -1px,
      -11px -3px 0 -2px, -12px -1px 0 -3px, -6px -6px 0 -1px;
  }
}

.gg-youtube {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 10px;
  box-shadow: 0 0 0 2px;
  border-radius: 15px 15px 15px 15px /45px 45px 45px 45px;

  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 7px;
    top: 2px;
    border-left: 4px solid currentColor;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
  }
}

.gg-vercel {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 0px;
  height: 0px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 18px solid currentColor;
}

.gg-zoom-in {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 100%;
  background: linear-gradient(to bottom, currentColor 5px, transparent 0)
    no-repeat 2px 5px / 8px 2px;
  margin-top: -4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 2px;
    height: 8px;
    background: currentColor;
  }

  &::after {
    transform: rotate(-45deg);
    border-radius: 3px;
    top: 10px;
    left: 12px;
  }

  &::before {
    top: 2px;
    left: 5px;
  }
}

.gg-zoom-out {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 100%;
  margin-top: -4px;

  &::after,
  &::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    background: currentColor;
  }

  &::after {
    transform: rotate(-45deg);
    border-radius: 3px;
    width: 2px;
    height: 8px;
    top: 10px;
    left: 12px;
  }

  &::before {
    width: 8px;
    height: 2px;
    top: 5px;
    left: 2px;
  }
}