body {
  color: currentColor;
}

.icon {
  position: absolute;
}
.icon:before {
  content: '';
  position: absolute;
}
.icon:after {
  content: '';
  position: absolute;
}
.icon i {
  position: absolute;
}
.icon i:before {
  content: '';
  position: absolute;
}
.icon i:after {
  content: '';
  position: absolute;
}

.search.icon:before {
  content: '';
  position: absolute;
  top: 12px;
  left: 5px;
  height: 6px;
  width: 1px;
  background-color: currentColor;
}

.search.icon {
  color: #000;
  position: absolute;
  margin-top: 2px;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  border: solid 1px currentColor;
  border-radius: 100%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.search-solid.icon:after {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  width: 10px;
  height: 10px;
  background-color: currentColor;
  border-radius: 50%;
}

.search-solid.icon:before {
  content: '';
  position: absolute;
  top: 12px;
  left: 5px;
  width: 1px;
  height: 6px;
  background-color: currentColor;
}

.search-solid.icon {
  color: black;
  position: absolute;
  margin-top: 2px;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  border: solid 1px currentColor;
  border-radius: 100%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.magnify.icon:before {
  content: '';
  position: absolute;
  top: 12px;
  left: 5px;
  height: 6px;
  width: 1px;
  background-color: currentColor;
}

.magnify.icon i:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.magnify.icon i:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 1px;
  background-color: currentColor;
}

.magnify.icon i {
  position: absolute;
  left: 4px;
  top: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.magnify.icon {
  color: #000;
  position: absolute;
  margin-top: 2px;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  border: solid 1px currentColor;
  border-radius: 100%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.magnify-solid.icon:before {
  content: '';
  position: absolute;
  top: 12px;
  left: 5px;
  height: 6px;
  width: 1px;
  background-color: currentColor;
}

.magnify-solid.icon i:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 1px;
  color: white;
  background-color: currentColor;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.magnify-solid.icon i:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 1px;
  color: white;
  background-color: currentColor;
}

.magnify-solid.icon i {
  position: absolute;
  left: 4px;
  top: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.magnify-solid.icon {
  color: #000;
  position: absolute;
  margin-top: 2px;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  border: solid 1px currentColor;
  background-color: currentColor;
  border-radius: 100%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.minify.icon:before {
  content: '';
  position: absolute;
  top: 12px;
  left: 5px;
  height: 6px;
  width: 1px;
  background-color: currentColor;
}

.minify.icon i:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 1px;
  background-color: currentColor;
}

.minify.icon i {
  position: absolute;
  left: 4px;
  top: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.minify.icon {
  color: black;
  position: absolute;
  margin-top: 2px;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  border: solid 1px currentColor;
  border-radius: 100%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.minify-solid.icon:before {
  content: '';
  position: absolute;
  top: 12px;
  left: 5px;
  height: 6px;
  width: 1px;
  background-color: currentColor;
}

.minify-solid.icon i:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 1px;
  color: white;
  background-color: currentColor;
}

.minify-solid.icon i {
  position: absolute;
  left: 4px;
  top: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.minify-solid.icon {
  color: black;
  position: absolute;
  margin-top: 2px;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  border: solid 1px currentColor;
  background-color: currentColor;
  border-radius: 100%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.close.icon:after {
  content: '';
  position: absolute;
  top: 10px;
  width: 21px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.close.icon:before {
  content: '';
  position: absolute;
  top: 10px;
  width: 21px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.close.icon {
  color: #000;
  position: absolute;
  margin-top: 0;
  margin-left: 0;
  width: 21px;
  height: 21px;
}

.menu.icon:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 17px;
  height: 1px;
  background-color: currentColor;
}

.menu.icon:before {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  width: 17px;
  height: 1px;
  background-color: currentColor;
}

.menu.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 10px;
  width: 17px;
  height: 1px;
  background-color: currentColor;
}

.arrow-left.icon:before {
  content: '';
  position: absolute;
  left: 1px;
  top: -5px;
  width: 10px;
  height: 10px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.arrow-left.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 10px;
  width: 16px;
  height: 1px;
  background-color: currentColor;
}

.arrow-right.icon:before {
  content: '';
  position: absolute;
  right: 1px;
  top: -5px;
  width: 10px;
  height: 10px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.arrow-right.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 10px;
  width: 16px;
  height: 1px;
  background-color: currentColor;
}

.arrow-up.icon:before {
  content: '';
  position: absolute;
  left: -5px;
  top: 1px;
  width: 10px;
  height: 10px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.arrow-up.icon {
  color: #000;
  position: absolute;
  margin-left: 10px;
  margin-top: 3px;
  width: 1px;
  height: 16px;
  background-color: currentColor;
}

.arrow-down.icon:before {
  content: '';
  position: absolute;
  left: -5px;
  top: 3px;
  width: 10px;
  height: 10px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.arrow-down.icon {
  color: #000;
  position: absolute;
  margin-left: 10px;
  margin-top: 2px;
  width: 1px;
  height: 16px;
  background-color: currentColor;
}

.plus.icon:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.plus.icon:before {
  content: '';
  position: absolute;
  width: 15px;
  height: 1px;
  background-color: currentColor;
}

.plus.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 10px;
}

.minus.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 10px;
  width: 15px;
  height: 1px;
  background-color: currentColor;
}

.check.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 4px;
  width: 14px;
  height: 8px;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.remove.icon:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.remove.icon:before {
  content: '';
  position: absolute;
  width: 15px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.remove.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 10px;
}

.trash.icon:after {
  content: '';
  position: absolute;
  left: 0px;
  top: -5px;
  width: 7px;
  height: 2px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-radius: 4px 4px 0 0;
}

.trash.icon:before {
  content: '';
  position: absolute;
  left: -4px;
  top: -2px;
  width: 17px;
  height: 1px;
  background-color: currentColor;
}

.trash.icon {
  color: #000;
  position: absolute;
  margin-left: 5px;
  margin-top: 7px;
  width: 9px;
  height: 10px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-radius: 0 0 2px 2px;
}

.trash-solid.icon:after {
  content: '';
  position: absolute;
  left: 0px;
  top: -5px;
  width: 7px;
  height: 2px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  background-color: currentColor;
  border-radius: 4px 4px 0 0;
}

.trash-solid.icon:before {
  content: '';
  position: absolute;
  left: -4px;
  top: -2px;
  width: 17px;
  height: 1px;
  background-color: currentColor;
}

.trash-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 5px;
  margin-top: 7px;
  width: 9px;
  height: 10px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-radius: 0 0 2px 2px;
  background-color: currentColor;
}

.audio.icon:after {
  content: '';
  position: absolute;
  left: 4px;
  bottom: -4px;
  width: 1px;
  height: 4px;
  background-color: currentColor;
}

.audio.icon:before {
  content: '';
  position: absolute;
  left: 1px;
  top: -6px;
  width: 5px;
  height: 10px;
  border: solid 1px currentColor;
  border-radius: 4px;
}

.audio.icon {
  color: #000;
  position: absolute;
  margin-left: 5px;
  margin-top: 8px;
  width: 9px;
  height: 7px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-radius: 0 0 50% 50%;
}

.audio-solid.icon:after {
  content: '';
  position: absolute;
  left: 4px;
  bottom: -4px;
  width: 1px;
  height: 4px;
  background-color: currentColor;
}

.audio-solid.icon:before {
  content: '';
  position: absolute;
  left: 1px;
  top: -6px;
  width: 5px;
  height: 10px;
  border: solid 1px currentColor;
  border-radius: 4px;
  background-color: currentColor;
}

.audio-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 5px;
  margin-top: 8px;
  width: 9px;
  height: 7px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-radius: 0 0 50% 50%;
}

.pin.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 4px;
  height: 4px;
  border: solid 1px currentColor;
  border-radius: 3px;
}

.pin.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 2px;
  width: 12px;
  height: 12px;
  border: solid 1px currentColor;
  border-radius: 7px 7px 7px 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.pin-solid.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 4px;
  height: 4px;
  color: white;
  border: solid 1px currentColor;
  border-radius: 3px;
  background-color: currentColor;
}

.pin-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 2px;
  width: 12px;
  height: 12px;
  border: solid 1px currentColor;
  border-radius: 7px 7px 7px 0;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.chat.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 8px;
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: white;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.chat.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 10px;
  border: solid 1px currentColor;
  border-radius: 2px;
}

.chat-solid.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 8px;
  width: 4px;
  height: 4px;
  background-color: currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.chat-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 10px;
  border: solid 1px currentColor;
  background-color: currentColor;
  border-radius: 2px;
}

.stop.icon:before {
  content: '';
  position: absolute;
  top: 7px;
  left: -1px;
  width: 17px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.stop.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: solid 1px currentColor;
  border-radius: 8px;
}

.stop-solid.icon:before {
  content: '';
  position: absolute;
  top: 7px;
  left: -1px;
  width: 17px;
  height: 1px;
  color: white;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.stop-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: solid 1px currentColor;
  background-color: currentColor;
  border-radius: 8px;
}

.clock.icon:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 7px;
  width: 1px;
  height: 6px;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock.icon:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 5px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  position: relative;
  border: solid 1px currentColor;
  border-radius: 8px;
}

.clock-solid.icon:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 7px;
  width: 1px;
  height: 6px;
  color: white;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock-solid.icon:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 5px;
  height: 1px;
  color: white;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  background-color: currentColor;
  border: solid 1px currentColor;
  border-radius: 8px;
}

.clock-h3m30.icon:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 1px;
  height: 6px;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock-h3m30.icon:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 5px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock-h3m30.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: solid 1px currentColor;
  border-radius: 8px;
}

.clock-h3m30-solid.icon:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 1px;
  height: 6px;
  color: white;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock-h3m30-solid.icon:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 5px;
  height: 1px;
  color: white;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock-h3m30-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  background-color: currentColor;
  border: solid 1px currentColor;
  border-radius: 8px;
}

.clock-h9m0.icon:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 7px;
  width: 1px;
  height: 6px;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock-h9m0.icon:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 3px;
  width: 5px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock-h9m0.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: solid 1px currentColor;
  border-radius: 8px;
}

.clock-h9m0-solid.icon:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 7px;
  width: 1px;
  height: 6px;
  color: white;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock-h9m0-solid.icon:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 3px;
  width: 5px;
  height: 1px;
  color: white;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock-h9m0-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  background-color: currentColor;
  border: solid 1px currentColor;
  border-radius: 8px;
}

.clock-h9m30.icon:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 1px;
  height: 6px;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock-h9m30.icon:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 3px;
  width: 5px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock-h9m30.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: solid 1px currentColor;
  border-radius: 8px;
}

.clock-h9m30-solid.icon:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 1px;
  height: 6px;
  color: white;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock-h9m30-solid.icon:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 3px;
  width: 5px;
  height: 1px;
  color: white;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.clock-h9m30-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  background-color: currentColor;
  border: solid 1px currentColor;
  border-radius: 8px;
}

.profile.icon:before {
  content: '';
  position: absolute;
  left: 2px;
  top: -10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.profile.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 11px;
  width: 14px;
  height: 6px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px transparent;
  border-radius: 6px 6px 0 0;
}

.profile-solid.icon:before {
  content: '';
  position: absolute;
  left: 2px;
  top: -10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.profile-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 11px;
  width: 14px;
  height: 6px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px transparent;
  background-color: currentColor;
  border-radius: 6px 6px 0 0;
}

.bell.icon:after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: -3px;
  width: 15px;
  height: 0px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px white;
}

.bell.icon:before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 2px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.bell.icon {
  color: #000;
  position: absolute;
  margin-left: 5px;
  margin-top: 2px;
  width: 9px;
  height: 10px;
  border: solid 1px currentColor;
  border-radius: 5px 5px 0 0;
}

.bell-solid.icon:after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: -3px;
  width: 15px;
  height: 0px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px white;
}

.bell-solid.icon:before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 2px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.bell-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 5px;
  margin-top: 2px;
  width: 9px;
  height: 10px;
  border: solid 1px currentColor;
  background-color: currentColor;
  border-radius: 5px 5px 0 0;
}

.heart.icon:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 8px;
  width: 5px;
  height: 8px;
  border-radius: 0 5px 5px 0;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.heart.icon:before {
  content: '';
  position: absolute;
  top: -5px;
  left: -1px;
  width: 8px;
  height: 5px;
  border-radius: 5px 5px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.heart.icon {
  color: #000;
  position: absolute;
  margin-top: 6px;
  margin-left: 5px;
  width: 9px;
  height: 9px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.heart-solid.icon:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 8px;
  width: 5px;
  height: 8px;
  border-radius: 0 5px 5px 0;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  background-color: currentColor;
}

.heart-solid.icon:before {
  content: '';
  position: absolute;
  top: -5px;
  left: -1px;
  width: 8px;
  height: 5px;
  border-radius: 5px 5px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  background-color: currentColor;
}

.heart-solid.icon {
  color: #000;
  position: absolute;
  margin-top: 6px;
  margin-left: 5px;
  width: 9px;
  height: 9px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.print.icon:after {
  content: '';
  position: absolute;
  left: 1px;
  top: -1px;
  width: 13px;
  height: 3px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  background-color: white;
}

.print.icon:before {
  content: '';
  position: absolute;
  left: 2px;
  top: -3px;
  height: 13px;
  width: 9px;
  border: solid 1px currentColor;
  background-color: white;
}

.print.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 5px;
  width: 15px;
  height: 6px;
  border: solid 1px currentColor;
  border-radius: 1px 1px 0 0;
}

.print-solid.icon:after {
  content: '';
  position: absolute;
  left: 1px;
  top: -1px;
  width: 13px;
  height: 3px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  background-color: currentColor;
}

.print-solid.icon:before {
  content: '';
  position: absolute;
  left: 2px;
  top: -3px;
  height: 13px;
  width: 9px;
  border: solid 1px currentColor;
  background-color: white;
}

.print-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 5px;
  width: 15px;
  height: 6px;
  border-radius: 1px 1px 0 0;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.edit.icon:before {
  content: '';
  position: absolute;
  left: -12px;
  top: -1px;
  width: 0px;
  height: 0px;
  border-left: solid 5px transparent;
  border-right: solid 5px currentColor;
  border-top: solid 2px transparent;
  border-bottom: solid 2px transparent;
}

.edit.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 7px;
  width: 14px;
  height: 2px;
  border-radius: 1px;
  border: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.edit-solid.icon:before {
  content: '';
  position: absolute;
  left: -12px;
  top: -1px;
  width: 0px;
  height: 0px;
  border-left: solid 5px transparent;
  border-right: solid 5px currentColor;
  border-top: solid 2px transparent;
  border-bottom: solid 2px transparent;
}

.edit-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 7px;
  width: 14px;
  height: 2px;
  border-radius: 1px;
  border: solid 1px currentColor;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.link.icon:after {
  content: '';
  position: absolute;
  top: -3px;
  right: -7px;
  width: 8px;
  height: 5px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

.link.icon:before {
  content: '';
  position: absolute;
  top: -3px;
  left: -7px;
  width: 8px;
  height: 5px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

.link.icon {
  color: #000;
  position: absolute;
  margin-left: 8px;
  margin-top: 10px;
  width: 7px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.map.icon:after {
  content: '';
  position: absolute;
  left: 4px;
  top: -3px;
  width: 4px;
  height: 10px;
  border-radius: 1px;
  border: solid 1px currentColor;
  -webkit-transform: skewY(-40deg);
          transform: skewY(-40deg);
}

.map.icon:before {
  content: '';
  position: absolute;
  left: -6px;
  top: 1px;
  width: 4px;
  height: 10px;
  border-radius: 1px;
  border: solid 1px currentColor;
  -webkit-transform: skewY(-40deg);
          transform: skewY(-40deg);
}

.map.icon {
  color: #000;
  position: absolute;
  margin-left: 8px;
  margin-top: 4px;
  width: 4px;
  height: 10px;
  border-radius: 1px;
  border: solid 1px currentColor;
  -webkit-transform: skewY(20deg);
          transform: skewY(20deg);
}

.mail.icon:after {
  content: '';
  position: absolute;
  left: 7px;
  top: -4px;
  width: 1px;
  height: 10px;
  background-color: currentColor;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(54deg);
          transform: rotate(54deg);
}

.mail.icon:before {
  content: '';
  position: absolute;
  left: 7px;
  top: -4px;
  width: 1px;
  height: 10px;
  background-color: currentColor;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(-54deg);
          transform: rotate(-54deg);
}

.mail.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 10px;
  border-radius: 1px;
  border: solid 1px currentColor;
}

.mail-solid.icon:after {
  content: '';
  position: absolute;
  left: 7px;
  top: -4px;
  width: 1px;
  height: 10px;
  color: white;
  background-color: currentColor;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(54deg);
          transform: rotate(54deg);
}

.mail-solid.icon:before {
  content: '';
  position: absolute;
  left: 7px;
  top: -4px;
  width: 1px;
  height: 10px;
  color: white;
  background-color: currentColor;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(-54deg);
          transform: rotate(-54deg);
}

.mail-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 10px;
  border-radius: 1px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.bookmark.icon:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 1px;
  width: 7px;
  height: 7px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bookmark.icon {
  color: #000;
  position: absolute;
  margin-left: 5px;
  margin-top: 3px;
  width: 10px;
  height: 15px;
  border-radius: 1px 1px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.bookmark-solid.icon:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 1px;
  width: 7px;
  height: 7px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  background-color: white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bookmark-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 5px;
  margin-top: 3px;
  width: 10px;
  height: 15px;
  border-radius: 1px 1px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  background-color: currentColor;
}

.camera.icon:after {
  content: '';
  position: absolute;
  right: 2px;
  top: -2px;
  width: 4px;
  height: 1px;
  border-radius: 1px 1px 0 0;
  background-color: currentColor;
}

.camera.icon:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 4px;
  border-radius: 3px;
  border: solid 1px currentColor;
}

.camera.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 5px;
  width: 16px;
  height: 10px;
  border-radius: 1px;
  border: solid 1px currentColor;
}

.camera-solid.icon:after {
  content: '';
  position: absolute;
  right: 2px;
  top: -2px;
  width: 4px;
  height: 1px;
  border-radius: 1px 1px 0 0;
  background-color: currentColor;
}

.camera-solid.icon:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 4px;
  border-radius: 3px;
  color: white;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.camera-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 5px;
  width: 16px;
  height: 10px;
  border-radius: 1px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.focus.icon:after {
  content: '';
  position: absolute;
  left: 3px;
  top: -2px;
  width: 9px;
  height: 19px;
  color: white;
  background-color: currentColor;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.focus.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: -2px;
  width: 9px;
  height: 19px;
  color: white;
  background-color: currentColor;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.focus.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border-radius: 1px;
  border: solid 1px currentColor;
}

.card.icon:after {
  content: '';
  position: absolute;
  right: 1px;
  bottom: 2px;
  width: 4px;
  height: 1px;
  background-color: currentColor;
}

.card.icon:before {
  content: '';
  position: absolute;
  top: 1px;
  left: -1px;
  width: 17px;
  height: 2px;
  background-color: currentColor;
}

.card.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 10px;
  border-radius: 1px;
  border: solid 1px currentColor;
}

.card-solid.icon:after {
  content: '';
  position: absolute;
  right: 1px;
  bottom: 2px;
  width: 4px;
  height: 1px;
  color: white;
  background-color: currentColor;
}

.card-solid.icon:before {
  content: '';
  position: absolute;
  top: 1px;
  left: -1px;
  width: 17px;
  height: 2px;
  color: white;
  background-color: currentColor;
}

.card-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 10px;
  border-radius: 1px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.lock.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: -8px;
  width: 5px;
  height: 6px;
  border-radius: 4px 4px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.lock.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 10px;
  width: 13px;
  height: 6px;
  border-radius: 1px;
  border: solid 1px currentColor;
}

.lock-solid.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: -8px;
  width: 5px;
  height: 6px;
  border-radius: 4px 4px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.lock-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 10px;
  width: 13px;
  height: 6px;
  border-radius: 1px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.unlock.icon:after {
  content: '';
  position: absolute;
  left: 3px;
  top: -4px;
  width: 1px;
  height: 3px;
  background-color: currentColor;
}

.unlock.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: -8px;
  width: 5px;
  height: 3px;
  border-radius: 4px 4px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.unlock.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 10px;
  width: 13px;
  height: 6px;
  border: solid 1px currentColor;
  border-radius: 1px;
}

.unlock-solid.icon:after {
  content: '';
  position: absolute;
  left: 3px;
  top: -4px;
  width: 1px;
  height: 3px;
  background-color: currentColor;
}

.unlock-solid.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: -8px;
  width: 5px;
  height: 3px;
  border-radius: 4px 4px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.unlock-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 10px;
  width: 13px;
  height: 6px;
  border-radius: 1px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.code.icon:after {
  content: '';
  position: absolute;
  left: 8px;
  top: 2px;
  width: 8px;
  height: 8px;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.code.icon:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.code.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 6px;
  width: 19px;
  height: 13px;
}

.flag.icon:before {
  content: '';
  position: absolute;
  left: -3px;
  top: -2px;
  width: 1px;
  height: 15px;
  background-color: currentColor;
}

.flag.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 4px;
  width: 9px;
  height: 6px;
  border-radius: 1px;
  border: solid 1px currentColor;
}

.flag-solid.icon:before {
  content: '';
  position: absolute;
  left: -3px;
  top: -2px;
  width: 1px;
  height: 15px;
  background-color: currentColor;
}

.flag-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 4px;
  width: 9px;
  height: 6px;
  border-radius: 1px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.tag.icon:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: currentColor;
}

.tag.icon:before {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  width: 9px;
  height: 10px;
  border-radius: 1px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.tag.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 3px;
  width: 7px;
  height: 7px;
  border-radius: 1px 1px 1px 0;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
}

.tag-solid.icon:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.tag-solid.icon:before {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  width: 9px;
  height: 10px;
  border-radius: 1px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.tag-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 3px;
  width: 7px;
  height: 7px;
  border-radius: 1px 1px 1px 0;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  background-color: currentColor;
}

.signal.icon:after {
  content: '';
  position: absolute;
  left: -9px;
  top: -9px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border-top: solid 1px currentColor;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
  border-left: solid 1px transparent;
}

.signal.icon:before {
  content: '';
  position: absolute;
  left: -5px;
  top: -5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border-top: solid 1px currentColor;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
  border-left: solid 1px transparent;
}

.signal.icon {
  color: #000;
  position: absolute;
  margin-left: 7px;
  margin-top: 13px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border-top: solid 1px currentColor;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
  border-left: solid 1px transparent;
}

.export.icon:after {
  content: '';
  position: absolute;
  left: 3px;
  top: -5px;
  width: 4px;
  height: 4px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.export.icon:before {
  content: '';
  position: absolute;
  top: -5px;
  left: 2px;
  width: 1px;
  height: 8px;
  border-left: solid 3px white;
  border-right: solid 3px white;
  background-color: currentColor;
}

.export.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 7px;
  width: 11px;
  height: 9px;
  border-radius: 1px;
  border: solid 1px currentColor;
}

.upload.icon:after {
  content: '';
  position: absolute;
  top: -8px;
  left: 4px;
  width: 4px;
  height: 4px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.upload.icon:before {
  content: '';
  position: absolute;
  top: -8px;
  left: 6px;
  width: 1px;
  height: 9px;
  background-color: currentColor;
}

.upload.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 12px;
  width: 13px;
  height: 4px;
  border: solid 1px currentColor;
  border-top: none;
  border-radius: 1px;
}

.import.icon:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 1px;
  width: 4px;
  height: 4px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.import.icon:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 2px;
  width: 1px;
  height: 10px;
  background-color: currentColor;
  border-left: solid 3px white;
  border-right: solid 3px white;
}

.import.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 5px;
  width: 11px;
  height: 11px;
  border: solid 1px currentColor;
  border-radius: 1px;
}

.download.icon:after {
  content: '';
  position: absolute;
  left: 4px;
  top: -4px;
  width: 4px;
  height: 4px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.download.icon:before {
  content: '';
  position: absolute;
  left: 6px;
  top: -9px;
  width: 1px;
  height: 10px;
  background-color: currentColor;
}

.download.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 12px;
  width: 13px;
  height: 4px;
  border-radius: 1px;
  border: solid 1px currentColor;
  border-top: none;
}

.upload2.icon:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 3px;
  width: 4px;
  height: 4px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.upload2.icon:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 2px;
  width: 1px;
  height: 10px;
  background-color: currentColor;
  border-left: solid 3px white;
  border-right: solid 3px white;
}

.upload2.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 3px;
  width: 11px;
  height: 11px;
  border: solid 1px currentColor;
  border-radius: 1px;
}

.shutdown.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: -2px;
  width: 1px;
  height: 8px;
  border-left: solid 3px white;
  border-right: solid 3px white;
  background-color: currentColor;
}

.shutdown.icon {
  color: #000;
  position: absolute;
  margin-top: 3px;
  margin-left: 3px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.paperclip.icon:after {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  width: 2px;
  height: 10px;
  border-radius: 4px 4px 0 0;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
}

.paperclip.icon:before {
  content: '';
  position: absolute;
  top: 11px;
  left: -1px;
  width: 4px;
  height: 6px;
  border-radius: 0 0 3px 3px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.paperclip.icon {
  color: #000;
  position: absolute;
  margin-left: 9px;
  margin-top: 2px;
  width: 6px;
  height: 12px;
  border-radius: 4px 4px 0 0;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.retweet.icon:after {
  content: '';
  position: absolute;
  right: -3px;
  bottom: -2px;
  width: 0;
  height: 0;
  border-top: solid 3px currentColor;
  border-bottom: solid 3px white;
  border-left: solid 3px white;
  border-right: solid 3px white;
}

.retweet.icon:before {
  content: '';
  position: absolute;
  left: -3px;
  top: -2px;
  width: 0;
  height: 0;
  border-top: solid 3px white;
  border-bottom: solid 3px currentColor;
  border-left: solid 3px white;
  border-right: solid 3px white;
}

.retweet.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 5px;
  width: 13px;
  height: 9px;
  border-radius: 1px;
  border: solid 1px currentColor;
}

.key.icon:after {
  content: '';
  position: absolute;
  left: 13px;
  top: 3px;
  width: 1px;
  height: 3px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.key.icon:before {
  content: '';
  position: absolute;
  left: 7px;
  top: 3px;
  width: 11px;
  height: 1px;
  background-color: currentColor;
}

.key.icon {
  color: #000;
  position: absolute;
  margin-left: 1px;
  margin-top: 6px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.key-solid.icon:after {
  content: '';
  position: absolute;
  left: 13px;
  top: 3px;
  width: 1px;
  height: 3px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.key-solid.icon:before {
  content: '';
  position: absolute;
  left: 7px;
  top: 3px;
  width: 11px;
  height: 1px;
  background-color: currentColor;
}

.key-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 1px;
  margin-top: 6px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.key2.icon:after {
  content: '';
  position: absolute;
  left: 14px;
  top: 0px;
  width: 1px;
  height: 3px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.key2.icon:before {
  content: '';
  position: absolute;
  left: 7px;
  top: 3px;
  width: 12px;
  height: 1px;
  background-color: currentColor;
}

.key2.icon {
  color: #000;
  position: absolute;
  margin-left: 10px;
  margin-top: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: solid 1px currentColor;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.key2-solid.icon:after {
  content: '';
  position: absolute;
  left: 14px;
  top: 0px;
  width: 1px;
  height: 3px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.key2-solid.icon:before {
  content: '';
  position: absolute;
  left: 7px;
  top: 3px;
  width: 12px;
  height: 1px;
  background-color: currentColor;
}

.key2-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 10px;
  margin-top: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.refresh.icon:before {
  content: '';
  position: absolute;
  left: 1px;
  top: 10px;
  width: 3px;
  height: 3px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-22.5deg);
          transform: rotate(-22.5deg);
}

.refresh.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px currentColor;
}

.pilcrow.icon:before {
  content: '';
  position: absolute;
  left: 8px;
  top: -1px;
  height: 16px;
  width: 2px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.pilcrow.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 2px;
  width: 8px;
  height: 8px;
  border-radius: 5px 0 0 5px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.pilcrow-solid.icon:before {
  content: '';
  position: absolute;
  left: 8px;
  top: -1px;
  height: 16px;
  width: 2px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.pilcrow-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 2px;
  width: 8px;
  height: 8px;
  border-radius: 5px 0 0 5px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  background-color: currentColor;
}

.justified.icon:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 17px;
  height: 5px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.justified.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 17px;
  height: 5px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.paragraph-direction.icon:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 6px;
  width: 0;
  height: 0;
  border-left: solid 2px white;
  border-right: solid 2px currentColor;
  border-top: solid 2px white;
  border-bottom: solid 2px white;
}

.paragraph-direction.icon:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 2px;
  border-radius: 0 2px 2px 0;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.paragraph-direction.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 17px;
  height: 8px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.left-align.icon:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 11px;
  height: 5px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.left-align.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 17px;
  height: 5px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.center-align.icon:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 3px;
  width: 11px;
  height: 5px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.center-align.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 17px;
  height: 5px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.right-align.icon:before {
  content: '';
  position: absolute;
  top: 2px;
  right: 0;
  width: 11px;
  height: 5px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.right-align.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 17px;
  height: 5px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.indent.icon:after {
  content: '';
  position: absolute;
  top: 1px;
  width: 0;
  height: 0;
  border-top: solid 3px transparent;
  border-bottom: solid 3px transparent;
  border-left: solid 3px currentColor;
  border-right: solid 3px transparent;
}

.indent.icon:before {
  content: '';
  position: absolute;
  top: 2px;
  right: 0;
  width: 11px;
  height: 2px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.indent.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 17px;
  height: 8px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.outdent.icon:after {
  content: '';
  position: absolute;
  top: 1px;
  left: -3px;
  width: 0;
  height: 0;
  border-top: solid 3px transparent;
  border-bottom: solid 3px transparent;
  border-left: solid 3px transparent;
  border-right: solid 3px currentColor;
}

.outdent.icon:before {
  content: '';
  position: absolute;
  top: 2px;
  right: 0;
  width: 11px;
  height: 2px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.outdent.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 17px;
  height: 8px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.mouse.icon:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 5px;
  width: 1px;
  height: 7px;
  background-color: currentColor;
}

.mouse.icon:before {
  content: '';
  position: absolute;
  top: 6px;
  left: -1px;
  width: 13px;
  height: 1px;
  background-color: currentColor;
}

.mouse.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 1px;
  width: 11px;
  height: 17px;
  border: solid 1px currentColor;
  border-radius: 6px;
}

.mouse-solid.icon:after {
  content: '';
  position: absolute;
  left: 5px;
  top: -1px;
  width: 1px;
  height: 7px;
  color: white;
  background-color: currentColor;
}

.mouse-solid.icon:before {
  content: '';
  position: absolute;
  top: 6px;
  left: -1px;
  width: 13px;
  height: 1px;
  color: white;
  background-color: currentColor;
}

.mouse-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 1px;
  width: 11px;
  height: 17px;
  border-radius: 6px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.keyboard.icon:after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 4px;
  width: 9px;
  height: 1px;
  background-color: currentColor;
}

.keyboard.icon:before {
  content: '';
  position: absolute;
  left: 7px;
  top: 3px;
  width: 1px;
  height: 1px;
  border: 1px solid transparent;
  box-shadow: -2px 0 0 -1px currentColor,  2px 0 0 -1px currentColor,  0 -2px 0 -1px currentColor,  0 2px 0 -1px currentColor,  -6px 0 0 -1px currentColor,  6px 0 0 -1px currentColor,  -4px -2px 0 -1px currentColor,  -4px 2px 0 -1px currentColor,  4px -2px 0 -1px currentColor,  4px 2px 0 -1px currentColor;
}

.keyboard.icon {
  color: #000;
  position: absolute;
  margin-left: 1px;
  margin-top: 4px;
  width: 17px;
  height: 11px;
  border-radius: 1px;
  border: solid 1px currentColor;
}

.keyboard-solid.icon:after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 4px;
  width: 9px;
  height: 1px;
  color: white;
  background-color: currentColor;
}

.keyboard-solid.icon:before {
  content: '';
  position: absolute;
  left: 7px;
  top: 3px;
  width: 1px;
  height: 1px;
  border: 1px solid transparent;
  color: white;
  box-shadow: -2px 0 0 -1px currentColor,  2px 0 0 -1px currentColor,  0 -2px 0 -1px currentColor,  0 2px 0 -1px currentColor,  -6px 0 0 -1px currentColor,  6px 0 0 -1px currentColor,  -4px -2px 0 -1px currentColor,  -4px 2px 0 -1px currentColor,  4px -2px 0 -1px currentColor,  4px 2px 0 -1px currentColor;
}

.keyboard-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 1px;
  margin-top: 4px;
  width: 17px;
  height: 11px;
  border-radius: 1px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.left-double-quote.icon:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.left-double-quote.icon:before {
  content: '';
  position: absolute;
  top: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.left-double-quote.icon i:after {
  content: '';
  position: absolute;
  top: 0;
  left: 9px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-left: solid 1px currentColor;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.left-double-quote.icon i:before {
  content: '';
  position: absolute;
  top: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-left: solid 1px currentColor;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.left-double-quote.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 5px;
  width: 17px;
  height: 11px;
}

.left-double-quote-solid.icon:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border: solid 1px currentColor;
  background-color: currentColor;
  border-radius: 50%;
  top: 3px;
  left: 9px;
}

.left-double-quote-solid.icon:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border: solid 1px currentColor;
  background-color: currentColor;
  border-radius: 50%;
  top: 3px;
}

.left-double-quote-solid.icon i:after {
  content: '';
  position: absolute;
  top: 0;
  left: 9px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-left: solid 1px currentColor;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.left-double-quote-solid.icon i:before {
  content: '';
  position: absolute;
  top: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-left: solid 1px currentColor;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.left-double-quote-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 5px;
  width: 17px;
  height: 11px;
}

.right-double-quote.icon:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.right-double-quote.icon:before {
  content: '';
  position: absolute;
  top: 0px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.right-double-quote.icon i:after {
  content: '';
  position: absolute;
  top: -3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-left: solid 1px transparent;
  border-top: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.right-double-quote.icon i:before {
  content: '';
  position: absolute;
  left: -6px;
  top: -3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-left: solid 1px transparent;
  border-top: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.right-double-quote.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 5px;
  width: 17px;
  height: 11px;
}

.right-double-quote-solid.icon:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.right-double-quote-solid.icon:before {
  content: '';
  position: absolute;
  top: 0px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.right-double-quote-solid.icon i:after {
  content: '';
  position: absolute;
  top: -3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-left: solid 1px transparent;
  border-top: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.right-double-quote-solid.icon i:before {
  content: '';
  position: absolute;
  left: -6px;
  top: -3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-left: solid 1px transparent;
  border-top: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.right-double-quote-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 5px;
  width: 17px;
  height: 11px;
}

.left-single-quote.icon:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-left: solid 1px currentColor;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.left-single-quote.icon:before {
  content: '';
  position: absolute;
  top: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.left-single-quote.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 5px;
  width: 9px;
  height: 11px;
}

.left-single-quote-solid.icon:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-left: solid 1px currentColor;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.left-single-quote-solid.icon:before {
  content: '';
  position: absolute;
  top: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.left-single-quote-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 5px;
  width: 9px;
  height: 11px;
}

.right-single-quote.icon:after {
  content: '';
  position: absolute;
  left: -6px;
  top: -3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-right: solid 1px currentColor;
  border-top: solid 1px transparent;
  border-left: solid 1px transparent;
  border-bottom: solid 1px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.right-single-quote.icon:before {
  content: '';
  position: absolute;
  top: 0px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.right-single-quote.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 5px;
  width: 9px;
  height: 11px;
}

.right-single-quote-solid.icon:after {
  content: '';
  position: absolute;
  left: -6px;
  top: -3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-right: solid 1px currentColor;
  border-top: solid 1px transparent;
  border-left: solid 1px transparent;
  border-bottom: solid 1px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.right-single-quote-solid.icon:before {
  content: '';
  position: absolute;
  top: 0px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.right-single-quote-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 5px;
  width: 9px;
  height: 11px;
}

.mustache.icon:after {
  content: '';
  position: absolute;
  left: 13px;
  top: 4px;
  width: 7px;
  height: 4px;
  border: 0 solid transparent;
  border-bottom: 6px solid currentColor;
  border-radius: 0 0 100% 0;
  -webkit-transform-origin: left 7px;
          transform-origin: left 7px;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}

.mustache.icon:before {
  content: '';
  position: absolute;
  left: 1px;
  top: 4px;
  width: 7px;
  height: 4px;
  border-radius: 0 0 0 100%;
  border: 0 solid transparent;
  border-bottom: 6px solid currentColor;
  -webkit-transform-origin: right 7px;
          transform-origin: right 7px;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

.mustache.icon i:after {
  content: '';
  position: absolute;
  left: 13px;
  top: 6px;
  width: 6px;
  height: 3px;
  color: white;
  border: 0 solid transparent;
  border-bottom: 4px solid currentColor;
  border-radius: 0 0 100% 0;
  -webkit-transform-origin: left 5px;
          transform-origin: left 5px;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}

.mustache.icon i:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 6px;
  width: 6px;
  height: 3px;
  color: white;
  border: 0 solid transparent;
  border-bottom: 4px solid currentColor;
  border-radius: 0 0 0 100%;
  -webkit-transform-origin: right 5px;
          transform-origin: right 5px;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

.mustache.icon i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  color: white;
  box-shadow: 6px 9px 0 0 currentColor,  11px 9px 0 0 currentColor;
  position: absolute;
  z-index: 2;
}

.mustache.icon {
  color: #000;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  box-shadow: 5px 8px 0 0 currentColor,  10px 8px 0 0 currentColor;
}

.mustache-solid.icon:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 4px;
  left: 13px;
  top: 4px;
  border-radius: 0 0 100% 0;
  border: 0 solid transparent;
  border-bottom: 6px solid currentColor;
  -webkit-transform-origin: left 7px;
          transform-origin: left 7px;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}

.mustache-solid.icon:before {
  content: '';
  position: absolute;
  left: 1px;
  top: 4px;
  width: 7px;
  height: 4px;
  border-radius: 0 0 0 100%;
  border: 0 solid transparent;
  border-bottom: 6px solid currentColor;
  -webkit-transform-origin: right 7px;
          transform-origin: right 7px;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

.mustache-solid.icon {
  color: #000;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  box-shadow: 5px 8px 0 0 currentColor,  10px 8px 0 0 currentColor;
}

.eye.icon:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.eye.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 3px;
  width: 12px;
  height: 12px;
  border-radius: 70% 15%;
  border: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.eye-solid.icon:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.eye-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 3px;
  width: 12px;
  height: 12px;
  border-radius: 70% 15%;
  border: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.eye-solid2.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.eye-solid2.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 3px;
  width: 12px;
  height: 12px;
  border-radius: 70% 15%;
  border: solid 1px currentColor;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.eye-solid3.icon:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  color: white;
  border: solid 1px currentColor;
}

.eye-solid3.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 3px;
  width: 12px;
  height: 12px;
  border-radius: 70% 15%;
  border: solid 1px currentColor;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.battery-0.icon:before {
  content: '';
  position: absolute;
  right: -3px;
  top: 1px;
  width: 2px;
  height: 3px;
  border-radius: 0 2px 2px 0;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.battery-0.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 13px;
  height: 7px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

.battery-1.icon:after {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  width: 4px;
  height: 5px;
  background-color: currentColor;
}

.battery-1.icon:before {
  content: '';
  position: absolute;
  right: -3px;
  top: 1px;
  width: 2px;
  height: 3px;
  border-radius: 0 2px 2px 0;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.battery-1.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 13px;
  height: 7px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

.battery.icon:after {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  width: 8px;
  height: 5px;
  background-color: currentColor;
}

.battery.icon:before {
  content: '';
  position: absolute;
  right: -3px;
  top: 1px;
  width: 2px;
  height: 3px;
  border-radius: 0 2px 2px 0;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.battery.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 13px;
  height: 7px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

.battery-3.icon:after {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  width: 11px;
  height: 5px;
  background-color: currentColor;
}

.battery-3.icon:before {
  content: '';
  position: absolute;
  right: -3px;
  top: 1px;
  width: 2px;
  height: 3px;
  border-radius: 0 2px 2px 0;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.battery-3.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 13px;
  height: 7px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

.battery-solid-0.icon:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  height: 7px;
  width: 1px;
  color: white;
  border-radius: 1px 0 0 1px;
  background-color: currentColor;
}

.battery-solid-0.icon:before {
  content: '';
  position: absolute;
  right: -3px;
  top: 1px;
  width: 3px;
  height: 5px;
  border-radius: 0 2px 2px 0;
  background-color: currentColor;
}

.battery-solid-0.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 13px;
  height: 7px;
  border-radius: 2px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.battery-solid-1.icon:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  height: 7px;
  width: 5px;
  color: white;
  border-radius: 1px 0 0 1px;
  background-color: currentColor;
}

.battery-solid-1.icon:before {
  content: '';
  position: absolute;
  right: -3px;
  top: 1px;
  width: 3px;
  height: 5px;
  border-radius: 0 2px 2px 0;
  background-color: currentColor;
}

.battery-solid-1.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 13px;
  height: 7px;
  border-radius: 2px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.battery-solid.icon:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  height: 7px;
  width: 9px;
  color: white;
  border-radius: 1px 0 0 1px;
  background-color: currentColor;
}

.battery-solid.icon:before {
  content: '';
  position: absolute;
  right: -3px;
  top: 1px;
  width: 3px;
  height: 5px;
  border-radius: 0 2px 2px 0;
  background-color: currentColor;
}

.battery-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 13px;
  height: 7px;
  border-radius: 2px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.battery-solid-3.icon:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  height: 7px;
  width: 13px;
  color: white;
  border-radius: 1px;
  background-color: currentColor;
}

.battery-solid-3.icon:before {
  content: '';
  position: absolute;
  right: -3px;
  top: 1px;
  width: 3px;
  height: 5px;
  border-radius: 0 2px 2px 0;
  background-color: currentColor;
}

.battery-solid-3.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 13px;
  height: 7px;
  border-radius: 2px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.suitcase.icon:after {
  content: '';
  position: absolute;
  left: 3px;
  width: 7px;
  height: 10px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.suitcase.icon:before {
  content: '';
  position: absolute;
  left: 4px;
  top: -3px;
  width: 5px;
  height: 2px;
  border-radius: 3px 3px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.suitcase.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 15px;
  height: 10px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

.suitcase-1.icon:after {
  content: '';
  position: absolute;
  left: 3px;
  width: 7px;
  height: 10px;
  color: white;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.suitcase-1.icon:before {
  content: '';
  position: absolute;
  left: 4px;
  top: -3px;
  width: 5px;
  height: 2px;
  border-radius: 3px 3px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.suitcase-1.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 15px;
  height: 10px;
  border-radius: 2px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.suitcase-2.icon:after {
  content: '';
  position: absolute;
  left: 3px;
  width: 7px;
  height: 10px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  background-color: currentColor;
}

.suitcase-2.icon:before {
  content: '';
  position: absolute;
  left: 4px;
  top: -3px;
  width: 5px;
  height: 2px;
  border-radius: 3px 3px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.suitcase-2.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 15px;
  height: 10px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

.suitcase-3.icon:after {
  content: '';
  position: absolute;
  left: 4px;
  width: 7px;
  height: 10px;
  color: white;
  background-color: currentColor;
}

.suitcase-3.icon:before {
  content: '';
  position: absolute;
  left: 4px;
  top: -3px;
  width: 5px;
  height: 2px;
  border-radius: 3px 3px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.suitcase-3.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 6px;
  width: 15px;
  height: 10px;
  border-radius: 2px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.browser.icon:after {
  content: '';
  position: absolute;
  top: 7px;
  width: 15px;
  height: 1px;
  background-color: currentColor;
}

.browser.icon:before {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  width: 11px;
  height: 11px;
  border-radius: 85% 15%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border: solid 1px currentColor;
}

.browser.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.browser-solid.icon:after {
  content: '';
  position: absolute;
  top: 7px;
  width: 15px;
  height: 1px;
  color: white;
  background-color: currentColor;
}

.browser-solid.icon:before {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  width: 11px;
  height: 11px;
  border-radius: 85% 15%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  color: white;
  border: solid 1px currentColor;
}

.browser-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.tv.icon:after {
  content: '';
  position: absolute;
  left: 4px;
  bottom: -4px;
  width: 7px;
  height: 1px;
  background-color: currentColor;
}

.tv.icon:before {
  content: '';
  position: absolute;
  left: 7px;
  bottom: -4px;
  width: 1px;
  height: 3px;
  background-color: currentColor;
}

.tv.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 3px;
  width: 15px;
  height: 10px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

.tv-solid.icon:after {
  content: '';
  position: absolute;
  left: 4px;
  bottom: -4px;
  width: 7px;
  height: 1px;
  background-color: currentColor;
}

.tv-solid.icon:before {
  content: '';
  position: absolute;
  left: 7px;
  bottom: -4px;
  width: 1px;
  height: 3px;
  background-color: currentColor;
}

.tv-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 3px;
  width: 15px;
  height: 10px;
  border-radius: 2px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.laptop.icon:before {
  content: '';
  position: absolute;
  left: -4px;
  bottom: -5px;
  width: 18px;
  height: 1px;
  border-radius: 0 0 2px 2px;
  border: solid 1px currentColor;
}

.laptop.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 3px;
  width: 12px;
  height: 8px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

.laptop-solid.icon:before {
  content: '';
  position: absolute;
  left: -4px;
  bottom: -5px;
  width: 18px;
  height: 1px;
  border-radius: 0 0 2px 2px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.laptop-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 3px;
  width: 12px;
  height: 8px;
  border-radius: 2px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.mobile.icon:after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 5px;
  height: 2px;
  width: 2px;
  border-radius: 50%;
  background-color: currentColor;
}

.mobile.icon:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 1px;
  width: 2px;
  height: 1px;
  background-color: currentColor;
}

.mobile.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 0px;
  width: 12px;
  height: 19px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

.mobile-solid.icon:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 5px;
  height: 2px;
  width: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.moon-solid.icon:before {
  content: '';
  position: absolute;
  left: 8px;
  top: 3px;
  width: 8px;
  height: 10px;
  color: #fff;
  background-color: currentColor;
  border-radius: 5px 0 0 5px;
}

.mobile-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 0px;
  width: 12px;
  height: 14px;
  border-radius: 2px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-top: solid 3px currentColor;
  border-bottom: solid 4px currentColor;
}

.tablet.icon:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 6px;
  width: 3px;
  height: 1px;
  background-color: currentColor;
}

.tablet.icon:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  height: 13px;
  width: 15px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.tablet.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 1px;
  width: 15px;
  height: 17px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

.tablet-solid.icon:after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 6px;
  width: 3px;
  height: 1px;
  color: white;
  background-color: currentColor;
}

.tablet-solid.icon:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  height: 13px;
  width: 15px;
  border: none;
}

.tablet-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 1px;
  width: 15px;
  height: 14px;
  border-radius: 2px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-top: solid 2px currentColor;
  border-bottom: solid 3px currentColor;
}

.picture.icon:after {
  content: '';
  position: absolute;
  left: 2px;
  top: 9px;
  width: 12px;
  height: 8px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.picture.icon:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.picture.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

.picture-solid.icon:after {
  content: '';
  position: absolute;
  left: 2px;
  top: 9px;
  width: 12px;
  height: 8px;
  color: white;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.picture-solid.icon:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  border: solid 1px currentColor;
}

.picture-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.watch.icon:after {
  content: '';
  position: absolute;
  left: 2px;
  top: 5px;
  width: 3px;
  height: 4px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.watch.icon:before {
  content: '';
  position: absolute;
  left: -4px;
  top: 3px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: white;
}

.watch.icon {
  color: #000;
  position: absolute;
  margin-left: 7px;
  margin-top: 0px;
  width: 5px;
  height: 19px;
  border-radius: 1px;
  border: solid 1px currentColor;
}

.watch-solid.icon:after {
  content: '';
  position: absolute;
  left: 2px;
  top: 5px;
  width: 3px;
  height: 4px;
  color: white;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.watch-solid.icon:before {
  content: '';
  position: absolute;
  left: -5px;
  top: 2px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: solid 1px white;
  background-color: currentColor;
}

.watch-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 7px;
  margin-top: 0px;
  width: 5px;
  height: 19px;
  border-radius: 1px;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.target.icon:after {
  content: '';
  position: absolute;
  left: 7px;
  top: -1px;
  width: 1px;
  height: 11px;
  border-top: solid 3px currentColor;
  border-bottom: solid 3px currentColor;
}

.target.icon:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 7px;
  width: 11px;
  height: 1px;
  border-left: solid 3px currentColor;
  border-right: solid 3px currentColor;
}

.target.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.target-solid.icon:after {
  content: '';
  position: absolute;
  left: 7px;
  top: -1px;
  width: 1px;
  height: 13px;
  color: white;
  border-top: solid 2px currentColor;
  border-bottom: solid 2px currentColor;
}

.target-solid.icon:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 7px;
  width: 13px;
  height: 1px;
  color: white;
  border-left: solid 2px currentColor;
  border-right: solid 2px currentColor;
}

.target-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.navigate.icon:after {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 0;
  height: 0;
  color: white;
  border-top: solid 5px transparent;
  border-bottom: solid 5px currentColor;
  border-left: solid 7px transparent;
  border-right: solid 7px transparent;
}

.navigate.icon:before {
  content: '';
  position: absolute;
  left: 0;
  top: -17px;
  width: 0;
  height: 0;
  border-top: solid 18px transparent;
  border-bottom: solid 18px currentColor;
  border-left: solid 7px transparent;
  border-right: solid 7px transparent;
}

.navigate.icon i:after {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 0;
  height: 0;
  border-top: solid 4px transparent;
  border-bottom: solid 4px currentColor;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}

.navigate.icon i:before {
  content: '';
  position: absolute;
  left: 0;
  top: -14px;
  width: 0;
  height: 0;
  color: white;
  border-top: solid 14px transparent;
  border-bottom: solid 14px currentColor;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}

.navigate.icon i {
  position: absolute;
  width: 10px;
  height: 14px;
  left: 2px;
  top: 3px;
}

.navigate.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: -1px;
  width: 14px;
  height: 18px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.navigate-solid.icon:after {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 0;
  height: 0;
  color: white;
  border-top: solid 5px transparent;
  border-bottom: solid 5px currentColor;
  border-left: solid 7px transparent;
  border-right: solid 7px transparent;
}

.navigate-solid.icon:before {
  content: '';
  position: absolute;
  left: 0;
  top: -17px;
  width: 0;
  height: 0;
  border-top: solid 18px transparent;
  border-bottom: solid 18px currentColor;
  border-left: solid 7px transparent;
  border-right: solid 7px transparent;
}

.navigate-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: -1px;
  width: 14px;
  height: 18px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.float.icon:after {
  content: '';
  position: absolute;
  top: 7px;
  left: -1px;
  width: 17px;
  height: 1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: currentColor;
}

.float.icon:before {
  content: '';
  position: absolute;
  top: 7px;
  left: -1px;
  width: 17px;
  height: 1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: currentColor;
}

.float.icon i {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 7px;
  height: 7px;
  background-color: white;
  border-radius: 50%;
  border: solid 1px currentColor;
  z-index: 2;
}

.float.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.float-solid.icon:after {
  content: '';
  position: absolute;
  top: 3px;
  left: -5px;
  width: 17px;
  height: 1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  color: white;
  background-color: currentColor;
}

.float-solid.icon:before {
  content: '';
  position: absolute;
  top: 3px;
  left: -5px;
  width: 17px;
  height: 1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  color: white;
  background-color: currentColor;
}

.float-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: solid 5px currentColor;
}

.more.icon:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 6px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.more.icon:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -8px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.more.icon {
  color: #000;
  position: absolute;
  margin-left: 9px;
  margin-top: 9px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.more-solid.icon:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 6px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.more-solid.icon:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -8px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.more-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 9px;
  margin-top: 9px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.more-vertical.icon:after {
  content: '';
  position: absolute;
  left: -1px;
  top: 6px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.more-vertical.icon:before {
  content: '';
  position: absolute;
  left: -1px;
  top: -8px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.more-vertical.icon {
  color: #000;
  position: absolute;
  margin-left: 9px;
  margin-top: 9px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.more-vertical-solid.icon:after {
  content: '';
  position: absolute;
  left: -1px;
  top: 6px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.more-vertical-solid.icon:before {
  content: '';
  position: absolute;
  left: -1px;
  top: -8px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.more-vertical-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 9px;
  margin-top: 9px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.smile.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.smile.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.smile.icon i {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
}

.smile.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.smile-solid.icon:after {
  content: '';
  position: absolute;
  right: 4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.smile-solid.icon:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.smile-solid.icon i {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  color: white;
  border-top: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
}

.smile-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.wink.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.wink.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.wink.icon i {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
}

.wink.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.wink-tougue.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.wink-tougue.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.wink-tougue.icon i:before {
  content: '';
  position: absolute;
  top: -1px;
  right: 0px;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.wink-tougue.icon i {
  position: absolute;
  left: 4px;
  top: 10px;
  width: 8px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}

.wink-tougue.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.tougue.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.tougue.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.tougue.icon i:before {
  content: '';
  position: absolute;
  top: -1px;
  right: 0px;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.tougue.icon i {
  position: absolute;
  left: 4px;
  top: 10px;
  width: 8px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}

.tougue.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.tougue-solid.icon:after {
  content: '';
  position: absolute;
  right: 4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.tougue-solid.icon:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.tougue-solid.icon i:before {
  content: '';
  position: absolute;
  top: -1px;
  right: 0px;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  color: white;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.tougue-solid.icon i {
  position: absolute;
  left: 4px;
  top: 10px;
  width: 8px;
  height: 1px;
  color: white;
  background-color: currentColor;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}

.tougue-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.relieved.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.relieved.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.relieved.icon i {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
}

.relieved.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.relieved-solid.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  color: white;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.relieved-solid.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  color: white;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.relieved-solid.icon i {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
  color: white;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
}

.relieved-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.laugh.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.laugh.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.laugh.icon i {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 10px;
  height: 4px;
  border-radius: 0 0 6px 6px;
  border: solid 1px currentColor;
}

.laugh.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.laugh-solid.icon:after {
  content: '';
  position: absolute;
  right: 4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.laugh-solid.icon:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.laugh-solid.icon i {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 10px;
  height: 4px;
  color: white;
  border-radius: 0 0 6px 6px;
  border: solid 1px currentColor;
}

.laugh-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.wink-laugh.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.wink-laugh.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.wink-laugh.icon i {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 10px;
  height: 4px;
  border-radius: 0 0 6px 6px;
  border: solid 1px currentColor;
}

.wink-laugh.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.grin.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.grin.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.grin.icon i:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 0px;
  width: 2px;
  height: 4px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.grin.icon i {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 10px;
  height: 4px;
  border-radius: 0 0 6px 6px;
  border: solid 1px currentColor;
}

.grin.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.grin-solid.icon:after {
  content: '';
  position: absolute;
  right: 4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.grin-solid.icon:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.grin-solid.icon i:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 0px;
  width: 2px;
  height: 4px;
  color: white;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.grin-solid.icon i {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 10px;
  height: 4px;
  color: white;
  border-radius: 0 0 6px 6px;
  border: solid 1px currentColor;
}

.grin-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.grin-wink.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.grin-wink.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.grin-wink.icon i:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 0px;
  width: 2px;
  height: 4px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.grin-wink.icon i {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 10px;
  height: 4px;
  border-radius: 0 0 6px 6px;
  border: solid 1px currentColor;
}

.grin-wink.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.smiley.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.smiley.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.smiley.icon i {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 10px;
  height: 4px;
  border-radius: 0 0 6px 6px;
  border-top: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.smiley.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.smiley-solid.icon:after {
  content: '';
  position: absolute;
  right: 4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.smiley-solid.icon:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.smiley-solid.icon i {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 10px;
  height: 4px;
  color: white;
  border-radius: 0 0 6px 6px;
  border-top: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.smiley-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.wink-smiley.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.wink-smiley.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.wink-smiley.icon i {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 10px;
  height: 4px;
  border-radius: 0 0 6px 6px;
  border-top: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.wink-smiley.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.relieved-smiley.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.relieved-smiley.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.relieved-smiley.icon i {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 10px;
  height: 4px;
  border-radius: 0 0 6px 6px;
  border-top: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.relieved-smiley.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.relieved-smiley-solid.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  color: white;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.relieved-smiley-solid.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  color: white;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.relieved-smiley-solid.icon i {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 10px;
  height: 4px;
  color: white;
  border-radius: 0 0 6px 6px;
  border-top: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}

.relieved-smiley-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.sad.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.sad.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.sad.icon i {
  position: absolute;
  left: 3px;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border-bottom: solid 1px transparent;
  border-top: solid 1px currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
}

.sad.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.sad-solid.icon:after {
  content: '';
  position: absolute;
  right: 4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.sad-solid.icon:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.sad-solid.icon i {
  position: absolute;
  left: 3px;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  color: white;
  border-bottom: solid 1px transparent;
  border-top: solid 1px currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
}

.sad-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.pensive.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.pensive.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.pensive.icon i {
  position: absolute;
  left: 5px;
  top: 11px;
  width: 6px;
  height: 1px;
  background-color: currentColor;
}

.pensive.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.pensive-solid.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  color: white;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.pensive-solid.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  color: white;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.pensive-solid.icon i {
  position: absolute;
  left: 5px;
  top: 11px;
  width: 6px;
  height: 1px;
  color: white;
  background-color: currentColor;
}

.pensive-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.unamused.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.unamused.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.unamused.icon i {
  position: absolute;
  left: 3px;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border-bottom: solid 1px transparent;
  border-top: solid 1px currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
}

.unamused.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.unamused-solid.icon:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  color: white;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.unamused-solid.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  color: white;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.unamused-solid.icon i {
  position: absolute;
  left: 3px;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  color: white;
  border-bottom: solid 1px transparent;
  border-top: solid 1px currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
}

.unamused-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.cloud.icon:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 4px;
  width: 7px;
  height: 6px;
  border-bottom: solid 1px currentColor;
}

.cloud.icon:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-left: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud.icon {
  color: #000;
  position: absolute;
  margin-left: 1px;
  margin-top: 9px;
  width: 5px;
  height: 6px;
  border-radius: 4px 0 0 4px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-solid.icon:after {
  content: '';
  position: absolute;
  top: 0;
  left: 4px;
  width: 7px;
  height: 6px;
  background-color: currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-solid.icon:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 1px;
  margin-top: 9px;
  width: 5px;
  height: 6px;
  border-radius: 4px 0 0 4px;
  background-color: currentColor;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.snow.icon:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 9px;
  height: 2px;
  color: #fff;
  background-color: currentColor;
}

.snow.icon:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-left: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.snow.icon i {
  position: absolute;
  top: 4px;
  left: 7px;
  width: 2px;
  height: 2px;
  border-radius: 1px;
  background-color: currentColor;
  box-shadow: 3px -2px 0 0 currentColor, 3px 1px 0 0 currentColor, 0 3px 0 0 currentColor;
  z-index: 2;
}

.snow.icon {
  color: #000;
  position: absolute;
  margin-left: 1px;
  margin-top: 9px;
  width: 5px;
  height: 6px;
  border-radius: 4px 0 0 4px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.rain.icon:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 9px;
  height: 2px;
  color: #fff;
  background-color: currentColor;
}

.rain.icon:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-left: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.rain.icon i {
  position: absolute;
  top: 6px;
  left: 8px;
  width: 1px;
  height: 4px;
  background-color: currentColor;
  box-shadow: 3px -3px 0 0 currentColor, 3px -8px 0 0 currentColor, 0 -5px 0 0 currentColor;
  z-index: 2;
}

.rain.icon {
  color: #000;
  position: absolute;
  margin-left: 1px;
  margin-top: 9px;
  width: 5px;
  height: 6px;
  border-radius: 4px 0 0 4px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-raindrop.icon:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 9px;
  height: 2px;
  color: #fff;
  background-color: currentColor;
}

.cloud-raindrop.icon:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-left: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-raindrop.icon i {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 0 2px 2px 2px;
  background-color: currentColor;
  box-shadow: -1px -6px 0 0 currentColor;
  z-index: 2;
}

.cloud-raindrop.icon {
  color: #000;
  position: absolute;
  margin-left: 1px;
  margin-top: 9px;
  width: 5px;
  height: 6px;
  border-radius: 4px 0 0 4px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-lightning.icon:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 9px;
  height: 2px;
  color: #fff;
  background-color: currentColor;
}

.cloud-lightning.icon:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-left: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-lightning.icon i:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 4px;
  width: 0;
  height: 0;
  border-left: solid 4px currentColor;
  border-bottom: solid 7px transparent;
}

.cloud-lightning.icon i:before {
  content: '';
  position: absolute;
  top: -6px;
  left: 2px;
  width: 0;
  height: 0;
  border-right: solid 4px currentColor;
  border-top: solid 7px transparent;
}

.cloud-lightning.icon i {
  position: absolute;
  left: 5px;
  top: 4px;
  z-index: 2;
}

.cloud-lightning.icon {
  color: #000;
  position: absolute;
  margin-left: 1px;
  margin-top: 9px;
  width: 5px;
  height: 6px;
  border-radius: 4px 0 0 4px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-download.icon:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 9px;
  height: 2px;
  color: #fff;
  background-color: currentColor;
}

.cloud-download.icon:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-left: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-download.icon i:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 6px;
  width: 4px;
  height: 4px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.cloud-download.icon i:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 1px;
  width: 1px;
  height: 7px;
  background-color: currentColor;
  border-left: solid 4px #fff;
  border-right: solid 4px #fff;
}

.cloud-download.icon i {
  position: absolute;
  left: 5px;
  top: -4px;
  z-index: 2;
}

.cloud-download.icon {
  color: #000;
  position: absolute;
  margin-left: 1px;
  margin-top: 9px;
  width: 5px;
  height: 6px;
  border-radius: 4px 0 0 4px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-download-solid.icon:after {
  content: '';
  position: absolute;
  top: 0;
  left: 4px;
  width: 7px;
  height: 6px;
  background-color: currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-download-solid.icon:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-download-solid.icon i:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 6px;
  width: 4px;
  height: 4px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.cloud-download-solid.icon i:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 5px;
  width: 1px;
  height: 7px;
  background-color: currentColor;
}

.cloud-download-solid.icon i {
  position: absolute;
  left: 5px;
  top: -5px;
  color: #fff;
  z-index: 2;
}

.cloud-download-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 1px;
  margin-top: 9px;
  width: 5px;
  height: 6px;
  border-radius: 4px 0 0 4px;
  background-color: currentColor;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-upload.icon:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 9px;
  height: 2px;
  color: #fff;
  background-color: currentColor;
}

.cloud-upload.icon:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-left: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-upload.icon i:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 4px;
  width: 4px;
  height: 4px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cloud-upload.icon i:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 1px;
  width: 1px;
  height: 7px;
  background-color: currentColor;
  border-left: solid 4px #fff;
  border-right: solid 4px #fff;
}

.cloud-upload.icon i {
  position: absolute;
  left: 5px;
  top: -4px;
  z-index: 2;
}

.cloud-upload.icon {
  color: #000;
  position: absolute;
  margin-left: 1px;
  margin-top: 9px;
  width: 5px;
  height: 6px;
  border-radius: 4px 0 0 4px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-upload-solid.icon:after {
  content: '';
  position: absolute;
  top: 0;
  left: 4px;
  width: 7px;
  height: 6px;
  background-color: currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-upload-solid.icon:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.cloud-upload-solid.icon i:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 4px;
  width: 4px;
  height: 4px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cloud-upload-solid.icon i:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 5px;
  width: 1px;
  height: 7px;
  background-color: currentColor;
}

.cloud-upload-solid.icon i {
  position: absolute;
  left: 5px;
  top: -4px;
  color: #fff;
  z-index: 2;
}

.cloud-upload-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 1px;
  margin-top: 9px;
  width: 5px;
  height: 6px;
  border-radius: 4px 0 0 4px;
  background-color: currentColor;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.moon.icon:before {
  content: '';
  position: absolute;
  left: 6px;
  top: 1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px transparent;
}

.moon.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px transparent;
}

.moon.icon:before {
  content: '';
  position: absolute;
  left: 6px;
  top: 1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.moon-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: currentColor;
}

.sun.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid currentColor;
  box-shadow: -8px 0 0 -3px currentColor,  8px 0 0 -3px currentColor,  0 -8px 0 -3px currentColor,  0 8px 0 -3px currentColor,  -6px -6px 0 -3px currentColor,  -6px 6px 0 -3px currentColor,  6px -6px 0 -3px currentColor,  6px 6px 0 -3px currentColor;
}

.sun-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid currentColor;
  background-color: currentColor;
  box-shadow: -8px 0 0 -3px currentColor,  8px 0 0 -3px currentColor,  0 -8px 0 -3px currentColor,  0 8px 0 -3px currentColor,  -6px -6px 0 -3px currentColor,  -6px 6px 0 -3px currentColor,  6px -6px 0 -3px currentColor,  6px 6px 0 -3px currentColor;
}

.sun-brightness.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 6px;
  width: 3px;
  height: 6px;
  border-radius: 50%;
  border-color: currentColor;
  border-style: solid;
  border-width: 1px 4px 1px 1px;
  box-shadow: -8px 0 0 -3px currentColor,  8px 0 0 -3px currentColor,  0 -8px 0 -3px currentColor,  0 8px 0 -3px currentColor,  -6px -6px 0 -3px currentColor,  -6px 6px 0 -3px currentColor,  6px -6px 0 -3px currentColor,  6px 6px 0 -3px currentColor;
}

.sun-raindrop.icon:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 4px;
  height: 4px;
  border-radius: 50% 0 50% 50%;
  border: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.sun-raindrop.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50% 0 50% 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  color: #fff;
  background-color: currentColor;
}

.sun-raindrop.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 6px;
  width: 6px;
  height: 6px;
  border: 1px solid currentColor;
  border-radius: 50%;
  box-shadow: -8px 0 0 -3px currentColor,  8px 0 0 -3px currentColor,  0 -8px 0 -3px currentColor,  0 8px 0 -3px currentColor,  -6px -6px 0 -3px currentColor,  -6px 6px 0 -3px currentColor,  6px -6px 0 -3px currentColor,  6px 6px 0 -3px currentColor;
}

.sun-raindrop-solid.icon:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 4px;
  height: 4px;
  border-radius: 50% 0 50% 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.sun-raindrop-solid.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50% 0 50% 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  color: #fff;
  background-color: currentColor;
}

.sun-raindrop-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 6px;
  width: 6px;
  height: 6px;
  border: 1px solid currentColor;
  background-color: currentColor;
  border-radius: 50%;
  box-shadow: -8px 0 0 -3px currentColor,  8px 0 0 -3px currentColor,  0 -8px 0 -3px currentColor,  0 8px 0 -3px currentColor,  -6px -6px 0 -3px currentColor,  -6px 6px 0 -3px currentColor,  6px -6px 0 -3px currentColor,  6px 6px 0 -3px currentColor;
}

.sun-horizon.icon:before {
  content: '';
  position: absolute;
  left: -6px;
  top: 6px;
  width: 18px;
  height: 1px;
  background-color: currentColor;
}

.sun-horizon.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid currentColor;
  border-bottom: solid 1px transparent;
  box-shadow: -8px 0 0 -3px currentColor,  8px 0 0 -3px currentColor,  0 -8px 0 -3px currentColor,  -6px -6px 0 -3px currentColor,  6px -6px 0 -3px currentColor;
}

.sun-horizon-solid.icon:before {
  content: '';
  position: absolute;
  left: -6px;
  top: 5px;
  width: 18px;
  height: 1px;
  border-top: solid 1px #fff;
  background-color: currentColor;
}

.sun-horizon-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: currentColor;
  border: 1px solid currentColor;
  border-bottom: solid 1px transparent;
  box-shadow: -8px 0 0 -3px currentColor,  8px 0 0 -3px currentColor,  0 -8px 0 -3px currentColor,  -6px -6px 0 -3px currentColor,  6px -6px 0 -3px currentColor;
}

.sunrise.icon:before {
  content: '';
  position: absolute;
  left: -6px;
  top: 6px;
  width: 18px;
  height: 1px;
  background-color: currentColor;
}

.sunrise.icon i:before {
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  width: 0;
  height: 0;
  border-bottom: solid 2px currentColor;
  border-left: solid 2px transparent;
  border-right: solid 2px transparent;
}

.sunrise.icon i {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 2px;
  height: 3px;
  background-color: currentColor;
}

.sunrise.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid currentColor;
  border-bottom: solid 1px transparent;
  box-shadow: -8px 0 0 -3px currentColor,  8px 0 0 -3px currentColor,  0 -8px 0 -3px currentColor,  -6px -6px 0 -3px currentColor,  6px -6px 0 -3px currentColor;
}

.sunrise-solid.icon:before {
  content: '';
  position: absolute;
  left: -6px;
  top: 5px;
  width: 18px;
  height: 1px;
  background-color: currentColor;
  border-top: solid 1px #fff;
}

.sunrise-solid.icon i:before {
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  width: 0;
  height: 0;
  border-bottom: solid 2px currentColor;
  border-left: solid 2px transparent;
  border-right: solid 2px transparent;
}

.sunrise-solid.icon i {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 2px;
  height: 3px;
  color: #fff;
  background-color: currentColor;
}

.sunrise-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid currentColor;
  background-color: currentColor;
  border-bottom: solid 1px transparent;
  box-shadow: -8px 0 0 -3px currentColor,  8px 0 0 -3px currentColor,  0 -8px 0 -3px currentColor,  -6px -6px 0 -3px currentColor,  6px -6px 0 -3px currentColor;
}

.sunset.icon:before {
  content: '';
  position: absolute;
  left: -6px;
  top: 6px;
  width: 18px;
  height: 1px;
  background-color: currentColor;
}

.sunset.icon i:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 2px;
  width: 0;
  height: 0;
  border-top: solid 2px currentColor;
  border-left: solid 2px transparent;
  border-right: solid 2px transparent;
}

.sunset.icon i {
  position: absolute;
  left: 2px;
  top: 1px;
  width: 2px;
  height: 3px;
  background-color: currentColor;
}

.sunset.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid currentColor;
  border-bottom: solid 1px transparent;
  box-shadow: -8px 0 0 -3px currentColor,  8px 0 0 -3px currentColor,  0 -8px 0 -3px currentColor,  -6px -6px 0 -3px currentColor,  6px -6px 0 -3px currentColor;
}

.sunset-solid.icon:before {
  content: '';
  position: absolute;
  left: -6px;
  top: 6px;
  width: 18px;
  height: 1px;
  background-color: currentColor;
  border-top: solid 1px #fff;
}

.sunset-solid.icon i:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 2px;
  width: 0;
  height: 0;
  border-top: solid 2px currentColor;
  border-left: solid 2px transparent;
  border-right: solid 2px transparent;
}

.sunset-solid.icon i {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 2px;
  height: 3px;
  color: #fff;
  background-color: currentColor;
}

.sunset-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 6px;
  margin-top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid currentColor;
  background-color: currentColor;
  border-bottom: solid 1px transparent;
  box-shadow: -8px 0 0 -3px currentColor,  8px 0 0 -3px currentColor,  0 -8px 0 -3px currentColor,  -6px -6px 0 -3px currentColor,  6px -6px 0 -3px currentColor;
}

.raindrop.icon {
  color: #000;
  position: absolute;
  margin-left: 5px;
  margin-top: 5px;
  width: 10px;
  height: 10px;
  border: solid 1px currentColor;
  border-radius: 6px 6px 6px 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.raindrop-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 5px;
  margin-top: 5px;
  width: 10px;
  height: 10px;
  background-color: currentColor;
  border: solid 1px currentColor;
  border-radius: 6px 6px 6px 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.no-raindrop.icon:after {
  content: '';
  position: absolute;
  top: 5px;
  left: -5px;
  width: 19px;
  height: 1px;
  background-color: currentColor;
}

.no-raindrop.icon {
  color: #000;
  position: absolute;
  margin-left: 5px;
  margin-top: 5px;
  width: 10px;
  height: 10px;
  border: solid 1px currentColor;
  border-radius: 6px 6px 6px 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.raindrop-percent.icon {
  margin-left: 5px;
  margin-top: 5px;
  width: 12px;
  height: 12px;
}
.raindrop-percent.icon:before {
  width: 10px;
  height: 10px;
  border: solid 1px currentColor;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 0px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.raindrop-percent.icon:after {
  top: 1px;
  content: "%";
  font-family: Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
  color: currentColor;
  width: 12px;
  line-height: 12px;
  text-align: center;
}
.raindrop-percent.icon.filled:before {
  background-color: currentColor;
}
.raindrop-percent.icon.filled:after {
  color: white;
}

.umbrella.icon {
  margin-left: 3px;
  margin-top: 2px;
  width: 13px;
  height: 6px;
  border-radius: 8px 8px 0 0;
  border: solid 1px currentColor;
}
.umbrella.icon:before {
  width: 4px;
  height: 2px;
  border-radius: 0 0 3px 3px;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  left: 6px;
  top: 12px;
}
.umbrella.icon:after {
  width: 1px;
  height: 5px;
  background-color: currentColor;
  left: 6px;
  top: 7px;
}
.umbrella.icon.filled {
  background-color: currentColor;
}

.thermometer.icon {
  margin-left: 7px;
  margin-top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 4px;
  border: solid 1px currentColor;
}
.thermometer.icon:before {
  width: 2px;
  height: 10px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px white;
  border-radius: 2px 2px 0 0;
  background-color: white;
  z-index: 1;
  left: 1px;
  top: -11px;
}
.thermometer.icon.filled:after {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: currentColor;
  left: 1px;
  top: 1px;
  z-index: 2;
}

.windy.icon {
  margin-left: 2px;
  margin-top: 10px;
  width: 13px;
  height: 1px;
  background-color: currentColor;
}
.windy.icon:before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border-left: solid 1px transparent;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  top: -7px;
  right: -4px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.windy.icon:after {
  width: 10px;
  height: 1px;
  background-color: currentColor;
  top: 2px;
}
.windy.icon i {
  width: 5px;
  height: 1px;
  background-color: currentColor;
  top: -2px;
}
.windy.icon i:before {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border-left: solid 1px transparent;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  top: -5px;
  right: -3px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.windy.icon i:after {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border-left: solid 1px transparent;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  top: 4px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.lightning.icon {
  margin-left: 5px;
  margin-top: 12px;
  width: 3px;
  height: 6px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
}
.lightning.icon:before {
  left: 6px;
  top: -11px;
  width: 3px;
  height: 6px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.lightning.icon:after {
  width: 1px;
  height: 12px;
  background-color: currentColor;
  top: -13px;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: rotate(31deg);
          transform: rotate(31deg);
  box-shadow: 6px 4px 0 0 currentColor;
}

.lightning-filled.icon {
  margin-left: 5px;
  margin-top: 1px;
  width: 9px;
  height: 3px;
}
.lightning-filled.icon:before {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-right: solid 7px currentColor;
  border-top: solid 11px transparent;
}
.lightning-filled.icon:after {
  top: 8px;
  left: 4px;
  width: 0;
  height: 0;
  border-left: solid 7px currentColor;
  border-bottom: solid 11px transparent;
}

.celsius.icon {
  margin-left: 2px;
  margin-top: 3px;
  width: 17px;
  height: 15px;
}
.celsius.icon:before {
  content: "C";
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: currentColor;
}
.celsius.icon:after {
  width: 2px;
  height: 2px;
  border-radius: 2px;
  border: solid 1px currentColor;
  left: 12px;
  top: 1px;
}

.fahrenheit.icon {
  margin-left: 3px;
  margin-top: 3px;
  width: 16px;
  height: 15px;
}
.fahrenheit.icon:before {
  content: "F";
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: currentColor;
}
.fahrenheit.icon:after {
  width: 2px;
  height: 2px;
  border-radius: 2px;
  border: solid 1px currentColor;
  left: 11px;
  top: 1px;
}

.tree.icon {
  margin-left: 10px;
  margin-top: 15px;
  width: 2px;
  height: 4px;
  background-color: currentColor;
}
.tree.icon:before {
  left: -4px;
  top: -13px;
  width: 0;
  height: 0;
  border-bottom: solid 7px currentColor;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}
.tree.icon:after {
  left: -6px;
  top: -9px;
  width: 0;
  height: 0;
  border-bottom: solid 9px currentColor;
  border-left: solid 7px transparent;
  border-right: solid 7px transparent;
}

.circle.icon {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: solid 1px currentColor;
}

.square.icon {
  width: 15px;
  height: 15px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

.circle.plusI.icon,
.square.plusI.icon {
  margin-left: 2px;
  margin-top: 2px;
}
.circle.plusI.icon:before,
.square.plusI.icon:before {
  width: 7px;
  height: 1px;
  background-color: currentColor;
  left: 4px;
  top: 7px;
}
.circle.plusI.icon:after,
.square.plusI.icon:after {
  width: 7px;
  height: 1px;
  background-color: currentColor;
  left: 4px;
  top: 7px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.circle.plusI.icon.filled,
.square.plusI.icon.filled {
  background: currentColor;
}
.circle.plusI.icon.filled:before,
.square.plusI.icon.filled:before {
  background-color: white;
}
.circle.plusI.icon.filled:after,
.square.plusI.icon.filled:after {
  background-color: white;
}
.circle.minusI.icon,
.square.minusI.icon {
  margin-left: 2px;
  margin-top: 2px;
}
.circle.minusI.icon:before,
.square.minusI.icon:before {
  width: 7px;
  height: 1px;
  background-color: currentColor;
  left: 4px;
  top: 7px;
}
.circle.minusI.icon.filled,
.square.minusI.icon.filled {
  background: currentColor;
}
.circle.minusI.icon.filled:before,
.square.minusI.icon.filled:before {
  background-color: white;
}
.circle.checkI.icon,
.square.checkI.icon {
  margin-left: 2px;
  margin-top: 2px;
}
.circle.checkI.icon:before,
.square.checkI.icon:before {
  left: 4px;
  top: 4px;
  width: 7px;
  height: 4px;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.circle.checkI.icon.filled,
.square.checkI.icon.filled {
  background: currentColor;
}
.circle.checkI.icon.filled:before,
.square.checkI.icon.filled:before {
  border-color: white;
}
.circle.removeI.icon,
.square.removeI.icon {
  margin-left: 2px;
  margin-top: 2px;
}
.circle.removeI.icon:before,
.square.removeI.icon:before {
  left: 3px;
  top: 7px;
  width: 9px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.circle.removeI.icon:after,
.square.removeI.icon:after {
  left: 3px;
  top: 7px;
  width: 9px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.circle.removeI.icon.filled,
.square.removeI.icon.filled {
  background: currentColor;
}
.circle.removeI.icon.filled:before,
.square.removeI.icon.filled:before {
  background-color: white;
}
.circle.removeI.icon.filled:after,
.square.removeI.icon.filled:after {
  background-color: white;
}

.calendar3.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 16px;
  height: 13px;
  border: solid 1px currentColor;
  border-radius: 1px;
}
.calendar3.icon:before {
  left: 4px;
  top: -3px;
  width: 6px;
  height: 5px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}
.calendar3.icon:after {
  left: 6px;
  top: 0px;
  width: 2px;
  height: 1px;
  border: 1px solid transparent;
  box-shadow: 0   9px 0 -1px currentColor,  -4px 9px 0 -1px currentColor,  4px 9px 0 -1px currentColor, 0   6px 0 -1px currentColor,  -4px 6px 0 -1px currentColor,  4px 6px 0 -1px currentColor, 0   3px 0 -1px currentColor,  -4px 3px 0 -1px currentColor,  4px 3px 0 -1px currentColor;
}
.calendar3.icon.filled {
  background-color: currentColor;
}
.calendar3.icon.filled:before {
  left: 3px;
  border-left: solid 2px #333333;
  border-right: solid 2px #333333;
}
.calendar3.icon.filled:after {
  box-shadow: 0   9px 0 -1px white,  -4px 9px 0 -1px white,  4px 9px 0 -1px white, 0   6px 0 -1px white,  -4px 6px 0 -1px white,  4px 6px 0 -1px white, 0   3px 0 -1px white,  -4px 3px 0 -1px white,  4px 3px 0 -1px white;
}

.calendar2.icon {
  margin-left: 2px;
  margin-top: 3px;
  width: 16px;
  height: 14px;
  border: solid 1px currentColor;
  border-radius: 1px;
}
.calendar2.icon:before {
  left: 5px;
  top: -3px;
  width: 4px;
  height: 5px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  box-shadow: 0   12px 0 -2px currentColor,  -4px 12px 0 -2px currentColor,  4px 12px 0 -2px currentColor, 0   9px 0 -2px currentColor,  -4px 9px 0 -2px currentColor,  4px 9px 0 -2px currentColor, 0   6px 0 -2px currentColor,  -4px 6px 0 -2px currentColor,  4px 6px 0 -2px currentColor;
}
.calendar2.icon:after {
  left: -1px;
  top: 2px;
  width: 18px;
  height: 1px;
  background-color: currentColor;
}
.calendar2.icon.filled {
  background-color: currentColor;
}
.calendar2.icon.filled:before {
  box-shadow: 0   12px 0 -2px white,  -4px 12px 0 -2px white,  4px 12px 0 -2px white, 0   9px 0 -2px white,  -4px 9px 0 -2px white,  4px 9px 0 -2px white, 0   6px 0 -2px white,  -4px 6px 0 -2px white,  4px 6px 0 -2px white;
}
.calendar2.icon.filled:after {
  background-color: white;
}

.calendar.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 16px;
  height: 13px;
  border: solid 1px currentColor;
  border-radius: 1px;
}
.calendar.icon:before {
  left: 4px;
  top: -3px;
  width: 6px;
  height: 5px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}
.calendar.icon:after {
  left: -1px;
  top: 3px;
  width: 18px;
  height: 1px;
  background-color: currentColor;
}
.calendar.icon.filled {
  background-color: currentColor;
}
.calendar.icon.filled:before {
  left: 3px;
  border-left: solid 2px #333333;
  border-right: solid 2px #333333;
}
.calendar.icon.filled:after {
  top: 2px;
  background-color: white;
}
.calendar.icon.filled.checkI i {
  border-color: white;
}
.calendar.icon.filled.removeI i:before {
  background-color: white;
}
.calendar.icon.filled.removeI i:after {
  background-color: white;
}
.calendar.icon.filled.contact i:before {
  border-color: white;
}
.calendar.icon.filled.contact i:after {
  border-color: white;
}
.calendar.icon.filled.paragraph i:before {
  border-color: white;
}
.calendar.icon.filled.paragraph i:after {
  background-color: white;
}
.calendar.icon.checkI i {
  width: 7px;
  height: 4px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 4px;
  top: 4px;
}
.calendar.icon.removeI i:before {
  width: 8px;
  height: 1px;
  background-color: currentColor;
  left: 4px;
  top: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.calendar.icon.removeI i:after {
  width: 8px;
  height: 1px;
  background-color: currentColor;
  left: 4px;
  top: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.calendar.icon.contact:after {
  height: 0;
}
.calendar.icon.contact i {
  left: 5px;
  top: 3px;
}
.calendar.icon.contact i:before {
  width: 4px;
  height: 4px;
  border: solid 1px currentColor;
  border-radius: 50%;
}
.calendar.icon.contact i:after {
  left: -2px;
  top: 5px;
  width: 8px;
  height: 3px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-radius: 4px 4px 0 0;
}
.calendar.icon.paragraph i {
  left: 3px;
  top: 6px;
}
.calendar.icon.paragraph i:before {
  width: 10px;
  height: 1px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.calendar.icon.paragraph i:after {
  left: 0px;
  top: 4px;
  width: 6px;
  height: 1px;
  background-color: currentColor;
}

.cmd.icon {
  margin-left: 8px;
  margin-top: 8px;
  width: 3px;
  height: 3px;
  border: solid 1px currentColor;
}
.cmd.icon:before {
  left: -6px;
  top: -6px;
  width: 4px;
  height: 4px;
  border: solid 1px currentColor;
  border-radius: 50% 50% 0 50%;
}
.cmd.icon:after {
  left: 3px;
  top: -6px;
  width: 4px;
  height: 4px;
  border: solid 1px currentColor;
  border-radius: 50% 50% 50% 0;
}
.cmd.icon i:before {
  left: -6px;
  top: 3px;
  width: 4px;
  height: 4px;
  border: solid 1px currentColor;
  border-radius: 50% 0 50% 50%;
}
.cmd.icon i:after {
  left: 3px;
  top: 3px;
  width: 4px;
  height: 4px;
  border: solid 1px currentColor;
  border-radius: 0 50% 50% 50%;
}

.option.icon {
  margin-left: 3px;
  margin-top: 3px;
  width: 5px;
  height: 1px;
  background-color: currentColor;
  box-shadow: 9px 0 0 0 currentColor, 10px 14px 0 0 currentColor;
}
.option.icon:before {
  height: 16px;
  width: 1px;
  background-color: currentColor;
  left: 4px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: rotate(-22.4deg);
          transform: rotate(-22.4deg);
}

.shift.icon {
  margin-left: 6px;
  margin-top: 10px;
  width: 7px;
  height: 7px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
}
.shift.icon:before {
  left: -2px;
  top: -5px;
  width: 10px;
  height: 10px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.shift.icon:after {
  width: 4px;
  height: 1px;
  background-color: currentColor;
  left: -4px;
  box-shadow: 11px 0 0 0 currentColor;
}

.hard-drive.icon {
  margin-left: 2px;
  margin-top: 10px;
  width: 15px;
  height: 6px;
  border-radius: 0 0 2px 2px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.hard-drive.icon:before {
  left: 4px;
  top: 0px;
  width: 5px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.hard-drive.icon:after {
  top: 0px;
  width: 5px;
  height: 1px;
  background-color: currentColor;
  box-shadow: 10px 0 0 0 currentColor;
}
.hard-drive.icon i {
  width: 9px;
  height: 1px;
  background: currentColor;
  left: 3px;
  top: -6px;
}
.hard-drive.icon i:before {
  top: -1px;
  left: -5px;
  width: 1px;
  height: 7px;
  border-right: solid 1px currentColor;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-transform: rotate(33deg);
          transform: rotate(33deg);
}
.hard-drive.icon i:after {
  top: -1px;
  right: -4px;
  width: 1px;
  height: 7px;
  border-right: solid 1px currentColor;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: rotate(-33deg);
          transform: rotate(-33deg);
}
.hard-drive.icon.filled {
  background-color: currentColor;
}
.hard-drive.icon.filled:before {
  background-color: white;
}

.terminal.icon {
  margin-left: 2px;
  margin-top: 3px;
  width: 15px;
  height: 13px;
  border: solid 1px currentColor;
  border-radius: 1px;
}
.terminal.icon:before {
  top: 4px;
  left: 1px;
  width: 4px;
  height: 4px;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.terminal.icon:after {
  width: 4px;
  height: 1px;
  background-color: currentColor;
  left: 8px;
  top: 9px;
}
.terminal.icon.filled {
  background-color: currentColor;
}
.terminal.icon.filled:before {
  border-color: white;
}
.terminal.icon.filled:after {
  background-color: white;
}

.coffee-cup.icon {
  margin-left: 4px;
  margin-top: 5px;
  width: 11px;
  height: 8px;
  border: solid 1px currentColor;
  border-radius: 0 0 3px 3px;
}
.coffee-cup.icon:before {
  top: 1px;
  right: -4px;
  width: 3px;
  height: 3px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-radius: 0 3px 3px 0;
}
.coffee-cup.icon:after {
  width: 15px;
  height: 1px;
  border-radius: 0 0 1px 1px;
  background-color: currentColor;
  bottom: -3px;
  left: -2px;
}
.coffee-cup.icon.filled {
  background-color: currentColor;
}

.value-slider.icon {
  margin-top: 3px;
  margin-left: 13px;
  height: 13px;
  width: 1px;
  background-color: currentColor;
  border-top: solid 1px currentColor;
  border-right: solid 1px white;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px white;
}
.value-slider.icon:before {
  top: 3px;
  left: -12px;
  width: 15px;
  height: 5px;
  border: solid 1px currentColor;
}
.value-slider.icon:after {
  left: -10px;
  top: 5px;
  width: 9px;
  height: 3px;
  background-color: currentColor;
}
.value-slider.icon.filled:after {
  left: 1px;
  top: 4px;
  width: 3px;
  height: 5px;
}

.headphone.icon {
  margin-left: 4px;
  margin-top: 4px;
  width: 11px;
  height: 7px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-radius: 6px 6px 0 0;
}
.headphone.icon:before {
  top: 6px;
  left: -3px;
  width: 2px;
  height: 4px;
  border: solid 1px currentColor;
  border-radius: 2px 1px 1px 3px;
}
.headphone.icon:after {
  top: 6px;
  right: -3px;
  width: 2px;
  height: 4px;
  border: solid 1px currentColor;
  border-radius: 1px 2px 3px 1px;
}
.headphone.icon.filled:before {
  background-color: currentColor;
}
.headphone.icon.filled:after {
  background-color: currentColor;
}

.infinite.icon {
  margin-left: 1px;
  margin-top: 7px;
  width: 18px;
  height: 7px;
}
.infinite.icon:before {
  width: 6px;
  height: 6px;
  border: solid 1px currentColor;
  border-radius: 50% 50% 0 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.infinite.icon:after {
  width: 6px;
  height: 6px;
  border: solid 1px currentColor;
  border-radius: 50% 50% 0 50%;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  right: 0px;
}

.crop.icon {
  margin-left: 5px;
  margin-top: 3px;
  width: 11px;
  height: 11px;
  border-left: solid 2px currentColor;
  border-bottom: solid 2px currentColor;
}
.crop.icon:before {
  left: -4px;
  top: 2px;
  width: 11px;
  height: 11px;
  border-right: solid 2px currentColor;
  border-top: solid 2px currentColor;
}
.crop.icon:after {
  width: 1px;
  height: 15px;
  background-color: currentColor;
  bottom: -1px;
  left: -1px;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.asterisk.icon {
  margin-left: 10px;
  margin-top: 5px;
  width: 1px;
  height: 11px;
  background-color: currentColor;
}
.asterisk.icon:before {
  width: 1px;
  height: 11px;
  background-color: currentColor;
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.asterisk.icon:after {
  width: 1px;
  height: 11px;
  background-color: currentColor;
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
}

.pie-chart.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: solid 1px currentColor;
  border-radius: 50%;
}
.pie-chart.icon:before {
  left: 7px;
  top: -1px;
  width: 8px;
  height: 8px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.pie-chart.icon.filled {
  background-color: currentColor;
}
.pie-chart.icon.filled:before {
  border-color: white;
}

.bar-chart.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 16px;
  height: 12px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.bar-chart.icon:before {
  left: 1px;
  bottom: 1px;
  width: 1px;
  height: 4px;
  border: solid 1px currentColor;
}
.bar-chart.icon:after {
  left: 5px;
  bottom: 1px;
  width: 1px;
  height: 8px;
  border: solid 1px currentColor;
}
.bar-chart.icon i {
  top: 11px;
  left: 8px;
}
.bar-chart.icon i:before {
  left: 1px;
  bottom: 0;
  width: 1px;
  height: 4px;
  border: solid 1px currentColor;
}
.bar-chart.icon i:after {
  left: 5px;
  bottom: 0;
  width: 1px;
  height: 8px;
  border: solid 1px currentColor;
}

.bar-chart-filled.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 16px;
  height: 12px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.bar-chart-filled.icon:before {
  left: 1px;
  bottom: 1px;
  width: 3px;
  height: 6px;
  background-color: currentColor;
  box-shadow: 8px 0 0 0 currentColor;
}
.bar-chart-filled.icon:after {
  left: 5px;
  bottom: 1px;
  width: 3px;
  height: 10px;
  background-color: currentColor;
  box-shadow: 8px 0 0 0 currentColor;
}

.line-chart.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 16px;
  height: 12px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.line-chart.icon:before {
  left: 1px;
  bottom: 1px;
  width: 0;
  height: 0;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  border-bottom: solid 6px currentColor;
}
.line-chart.icon:after {
  right: 0;
  bottom: 1px;
  width: 0;
  height: 0;
  border-left: solid 4px transparent;
  border-right: solid 4px transparent;
  border-bottom: solid 11px currentColor;
}

.toggle-button.icon {
  margin-left: 1px;
  margin-top: 5px;
  width: 17px;
  height: 10px;
  border-radius: 6px;
  border: solid 1px currentColor;
}
.toggle-button.icon:before {
  left: 1px;
  top: 1px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: currentColor;
}
.toggle-button.icon.filled {
  background-color: currentColor;
}
.toggle-button.icon.filled:before {
  background-color: white;
}

.filter.icon {
  margin-left: 3px;
  margin-top: 3px;
  width: 1px;
  height: 0;
  border-left: solid 7px transparent;
  border-right: solid 7px transparent;
  border-top: solid 7px currentColor;
}
.filter.icon:before {
  left: -1px;
  top: -5px;
  height: 7px;
  width: 0;
  border-top: solid 3px transparent;
  border-left: solid 3px currentColor;
  border-bottom: solid 3px transparent;
}

.play-button.icon {
  margin-left: 1px;
  margin-top: 5px;
  width: 17px;
  height: 10px;
  border-radius: 5px;
  border: solid 1px currentColor;
}
.play-button.icon:before {
  left: 7px;
  top: 2px;
  height: 0;
  width: 0;
  border-top: solid 3px transparent;
  border-left: solid 5px currentColor;
  border-bottom: solid 3px transparent;
}
.play-button.icon.filled {
  background-color: currentColor;
}
.play-button.icon.filled:before {
  border-left: solid 5px white;
}

.folder.icon {
  margin-left: 2px;
  margin-top: 6px;
  width: 15px;
  height: 10px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-radius: 0 1px 1px 1px;
}
.folder.icon:before {
  left: -1px;
  top: -3px;
  width: 6px;
  height: 2px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-radius: 2px 3px 0 0;
}
.folder.icon:after {
  top: -1px;
  right: -1px;
  width: 9px;
  height: 1px;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-radius: 0 2px 0 0;
}
.folder.icon.filled {
  background-color: currentColor;
}
.folder.icon.filled:before {
  background-color: currentColor;
}

.square-pin.icon {
  margin-left: 5px;
  margin-top: 3px;
  width: 11px;
  height: 8px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.square-pin.icon:before {
  left: 2px;
  width: 5px;
  height: 8px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}
.square-pin.icon:after {
  top: 9px;
  left: 5px;
  width: 1px;
  height: 5px;
  background-color: currentColor;
}
.square-pin.icon.filled:before {
  background-color: currentColor;
}

.ruler.icon {
  margin-top: 7px;
  width: 19px;
  height: 5px;
  border-radius: 1px;
  border: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.ruler.icon:before {
  top: -1px;
  left: 1px;
  width: 1px;
  height: 3px;
  background-color: currentColor;
  box-shadow: 4px 0 0 0 currentColor, 8px 0 0 0 currentColor, 12px 0 0 0 currentColor, 16px 0 0 0 currentColor;
}
.ruler.icon:after {
  top: -1px;
  left: 3px;
  width: 1px;
  height: 4px;
  background-color: currentColor;
  box-shadow: 4px 0 0 0 currentColor, 8px 0 0 0 currentColor, 12px 0 0 0 currentColor;
}
.ruler.icon.filled {
  background-color: currentColor;
}
.ruler.icon.filled:before {
  height: 2px;
  background-color: white;
  box-shadow: 4px 0 0 0 white, 8px 0 0 0 white, 12px 0 0 0 white, 16px 0 0 0 white;
}
.ruler.icon.filled:after {
  height: 3px;
  background-color: white;
  box-shadow: 4px 0 0 0 white, 8px 0 0 0 white, 12px 0 0 0 white;
}

.piano.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 3px;
  height: 15px;
  border-radius: 0 0 2px 2px;
  border: solid 1px currentColor;
}
.piano.icon:before, .piano.icon:after {
  width: 3px;
  height: 15px;
  border-radius: 0 0 2px 2px;
  border: solid 1px currentColor;
}
.piano.icon:before {
  left: 3px;
  top: -1px;
}
.piano.icon:after {
  left: 7px;
  top: -1px;
}
.piano.icon i {
  left: 11px;
  top: -1px;
  width: 3px;
  height: 15px;
  border-radius: 0 0 2px 2px;
  border: solid 1px currentColor;
  z-index: 1;
}
.piano.icon i:before {
  left: -2px;
  width: 3px;
  height: 8px;
  background-color: currentColor;
  box-shadow: -4px 0 0 0 currentColor, -8px 0 0 0 currentColor;
}
.piano.icon i:after {
  left: -1px;
  width: 1px;
  height: 7px;
  background-color: white;
  box-shadow: -4px 0 0 0 white, -8px 0 0 0 white;
}
.piano.icon.filled i:after {
  display: none;
}

.film.icon {
  margin-left: 4px;
  margin-top: 4px;
  width: 11px;
  height: 12px;
  border: solid 1px currentColor;
}
.film.icon:before {
  left: -4px;
  top: -1px;
  width: 2px;
  height: 2px;
  background-color: currentColor;
  box-shadow: 0 3px 0 0 currentColor, 0 6px 0 0 currentColor, 0 9px 0 0 currentColor, 0 12px 0 0 currentColor, 17px 0px 0 0 currentColor, 17px 3px 0 0 currentColor, 17px 6px 0 0 currentColor, 17px 9px 0 0 currentColor, 17px 12px 0 0 currentColor;
}
.film.icon:after {
  left: 3px;
  top: 3px;
  width: 0;
  height: 0;
  border-left: solid 5px currentColor;
  border-top: solid 3px transparent;
  border-bottom: solid 3px transparent;
}
.film.icon.filled {
  background-color: currentColor;
}
.film.icon.filled:after {
  border-left: solid 5px white;
}

.eyedropper.icon {
  margin-left: 8px;
  width: 2px;
  height: 19px;
  border: solid 1px currentColor;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.eyedropper.icon:before {
  left: -1px;
  top: -1px;
  width: 4px;
  height: 7px;
  border-radius: 2px 2px 0 0;
  background-color: currentColor;
}
.eyedropper.icon:after {
  left: -3px;
  top: 5px;
  width: 8px;
  height: 1px;
  background-color: currentColor;
}

.shop2.icon {
  margin-left: 4px;
  margin-top: 12px;
  width: 11px;
  height: 4px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.shop2.icon:before, .shop2.icon:after {
  top: -7px;
  width: 1px;
  height: 4px;
  border: solid 1px currentColor;
}
.shop2.icon:before {
  left: -2px;
  border-radius: 4px 0 2px 2px;
}
.shop2.icon:after {
  right: -2px;
  border-radius: 0 4px 2px 2px;
}
.shop2.icon i {
  left: 3px;
  border: solid 1px currentColor;
  width: 3px;
  height: 3px;
}
.shop2.icon i:before, .shop2.icon i:after {
  top: -10px;
  width: 1px;
  height: 6px;
  border: solid 1px currentColor;
}
.shop2.icon i:before {
  left: -2px;
  border-radius: 3px 0 2px 2px;
}
.shop2.icon i:after {
  right: -2px;
  border-radius: 0 3px 2px 2px;
}
.shop2.icon.filled:before, .shop2.icon.filled:after,
.shop2.icon.filled i:before,
.shop2.icon.filled i:after {
  background-color: currentColor;
}

.shop.icon {
  margin-left: 4px;
  margin-top: 12px;
  width: 11px;
  height: 4px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.shop.icon:before, .shop.icon:after {
  top: -8px;
  width: 1px;
  height: 5px;
  border: solid 1px currentColor;
}
.shop.icon:before {
  left: -2px;
  border-radius: 0 0 2px 2px;
}
.shop.icon:after {
  right: -2px;
  border-radius: 0 0 2px 2px;
}
.shop.icon i {
  left: 3px;
  border: solid 1px currentColor;
  width: 3px;
  height: 3px;
}
.shop.icon i:before, .shop.icon i:after {
  top: -9px;
  width: 1px;
  height: 5px;
  border: solid 1px currentColor;
}
.shop.icon i:before {
  left: -2px;
  border-radius: 0 0 2px 2px;
}
.shop.icon i:after {
  right: -2px;
  border-radius: 0 0 2px 2px;
}

.shop-filled.icon {
  margin-left: 4px;
  margin-top: 12px;
  width: 11px;
  height: 4px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.shop-filled.icon:before {
  top: -8px;
  width: 3px;
  height: 7px;
  background-color: currentColor;
  left: -2px;
  border-radius: 0 0 2px 2px;
  box-shadow: 4px 0 0 0 currentColor, 8px 0 0 0 currentColor, 12px 0 0 0 currentColor;
}
.shop-filled.icon:after {
  left: 3px;
  border: solid 1px currentColor;
  width: 3px;
  height: 3px;
}

.music-note.icon {
  margin-left: 7px;
  margin-top: 4px;
  width: 9px;
  height: 8px;
  border-top: solid 3px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: skewY(-11deg);
          transform: skewY(-11deg);
}
.music-note.icon:before, .music-note.icon:after {
  width: 5px;
  height: 4px;
  background-color: currentColor;
  border-radius: 50%;
}
.music-note.icon:before {
  left: -5px;
  top: 6px;
}
.music-note.icon:after {
  left: 5px;
  top: 6px;
}

.share.icon {
  margin-left: 4px;
  margin-top: 9px;
  width: 2px;
  height: 2px;
  border: solid 1px currentColor;
  border-radius: 2px;
}
.share.icon:before, .share.icon:after {
  left: 9px;
  width: 2px;
  height: 2px;
  border: solid 1px currentColor;
  border-radius: 2px;
}
.share.icon:before {
  top: -6px;
}
.share.icon:after {
  top: 4px;
}
.share.icon i:before {
  left: 3px;
  width: 8px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.share.icon i:after {
  top: 1px;
  left: 3px;
  width: 8px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.share-filled.icon {
  margin-left: 4px;
  margin-top: 9px;
  width: 4px;
  height: 4px;
  background-color: currentColor;
  border-radius: 2px;
  box-shadow: 9px -5px 0 0 currentColor, 9px 5px 0 0 currentColor;
}
.share-filled.icon:before {
  top: 1px;
  left: 3px;
  width: 8px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.share-filled.icon:after {
  top: 2px;
  left: 3px;
  width: 8px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.house.icon {
  margin-left: 4px;
  margin-top: 9px;
  width: 11px;
  height: 9px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.house.icon:before {
  width: 3px;
  height: 5px;
  border: solid 1px currentColor;
  left: 3px;
  top: 3px;
}
.house.icon:after {
  left: -1px;
  top: -4px;
  width: 12px;
  height: 12px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.house.icon.filled:before {
  background-color: currentColor;
}

.insert2.icon {
  margin-left: 3px;
  margin-top: 3px;
  width: 14px;
  height: 14px;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
}
.insert2.icon:before {
  width: 4px;
  height: 1px;
  background-color: currentColor;
}
.insert2.icon:after {
  width: 1px;
  height: 4px;
  background-color: currentColor;
  right: 0;
  bottom: 0;
}
.insert2.icon i {
  width: 2px;
  height: 2px;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  left: 3px;
  bottom: 3px;
}
.insert2.icon i:before {
  width: 2px;
  height: 10px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  bottom: 2px;
  left: -1px;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.insert2.icon.filled i {
  width: 3px;
  height: 3px;
  background-color: currentColor;
  left: 3px;
  bottom: 3px;
  border: none;
}
.insert2.icon.filled i:before {
  width: 4px;
  height: 11px;
  background-color: currentColor;
  bottom: 3px;
  left: 0;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: none;
}

.equalizer.icon {
  margin-left: 4px;
  margin-top: 3px;
  width: 1px;
  height: 15px;
  background-color: currentColor;
  box-shadow: 6px 0 0 0 currentColor, 12px 0 0 0 currentColor;
}
.equalizer.icon:before {
  left: -1px;
  top: 2px;
  width: 3px;
  height: 3px;
  border-radius: 1px;
  background-color: currentColor;
  box-shadow: 6px 8px 0 0 currentColor, 12px 4px 0 0 currentColor;
}
.equalizer.icon:after {
  top: 3px;
  width: 1px;
  height: 1px;
  background-color: white;
  box-shadow: 6px 8px 0 0 white, 12px 4px 0 0 white;
}
.equalizer.icon.filled:after {
  display: none;
}

.video-camera.icon {
  margin-left: 1px;
  margin-top: 6px;
  width: 12px;
  height: 9px;
  border: solid 1px currentColor;
  border-radius: 2px;
}
.video-camera.icon:before {
  right: -6px;
  width: 0;
  height: 1px;
  border-top: solid 4px transparent;
  border-bottom: solid 4px transparent;
  border-right: solid 6px currentColor;
}
.video-camera.icon.filled {
  background-color: currentColor;
}

.back-play.icon {
  margin-left: 15px;
  margin-top: 4px;
  width: 1px;
  height: 13px;
  background-color: currentColor;
}
.back-play.icon:before, .back-play.icon:after {
  left: -12px;
  width: 12px;
  height: 1px;
  background-color: currentColor;
}
.back-play.icon:before {
  top: 0;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.back-play.icon:after {
  bottom: 0;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.back-play-filled.icon {
  margin-left: 5px;
  margin-top: 3px;
  width: 0;
  height: 0;
  border-right: solid 11px currentColor;
  border-top: solid 7px transparent;
  border-bottom: solid 7px transparent;
}

.play.icon {
  margin-left: 5px;
  margin-top: 4px;
  width: 1px;
  height: 13px;
  background-color: currentColor;
}
.play.icon:before, .play.icon:after {
  left: 1px;
  width: 12px;
  height: 1px;
  background-color: currentColor;
}
.play.icon:before {
  top: 0;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.play.icon:after {
  bottom: 0;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}

.play-filled.icon {
  margin-left: 5px;
  margin-top: 3px;
  width: 0;
  height: 0;
  border-left: solid 11px currentColor;
  border-top: solid 7px transparent;
  border-bottom: solid 7px transparent;
}

.pause.icon {
  margin-left: 4px;
  margin-top: 4px;
  width: 13px;
  height: 13px;
}
.pause.icon:before, .pause.icon:after {
  width: 3px;
  height: 11px;
  border: solid 1px currentColor;
  border-radius: 1px;
}
.pause.icon:after {
  right: 0;
}
.pause.icon.filled:before, .pause.icon.filled:after {
  background-color: currentColor;
}

.stop-music.icon {
  margin-left: 4px;
  margin-top: 4px;
  width: 11px;
  height: 11px;
  border: solid 1px currentColor;
  border-radius: 1px;
}
.stop-music.icon.filled {
  background-color: currentColor;
}

.backward.icon {
  margin-left: 4px;
  margin-top: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.backward.icon:before, .backward.icon:after {
  width: 9px;
  height: 9px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-radius: 1px 0 0 0;
}
.backward.icon:after {
  left: 3px;
  top: 3px;
}

.backward-filled.icon {
  margin-left: 3px;
  margin-top: 4px;
  width: 14px;
  height: 14px;
}
.backward-filled.icon:before, .backward-filled.icon:after {
  width: 0;
  height: 0;
  border-right: solid 7px currentColor;
  border-top: solid 7px transparent;
  border-bottom: solid 7px transparent;
}
.backward-filled.icon:after {
  left: 7px;
}

.forward.icon {
  margin-left: -1px;
  margin-top: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.forward.icon:before, .forward.icon:after {
  width: 9px;
  height: 9px;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-radius: 0 0 1px 0;
}
.forward.icon:after {
  left: 3px;
  top: 3px;
}

.forward-filled.icon {
  margin-left: 4px;
  margin-top: 4px;
  width: 14px;
  height: 14px;
}
.forward-filled.icon:before, .forward-filled.icon:after {
  width: 0;
  height: 0;
  border-left: solid 7px currentColor;
  border-top: solid 7px transparent;
  border-bottom: solid 7px transparent;
}
.forward-filled.icon:after {
  left: 7px;
}

.next.icon {
  margin-left: 6px;
  margin-top: 4px;
}
.next.icon:before {
  width: 9px;
  height: 9px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-radius: 0 1px 0 0;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.next.icon:after {
  left: 9px;
  top: 0px;
  width: 1px;
  height: 14px;
  background-color: currentColor;
}

.next-filled.icon {
  margin-left: 6px;
  margin-top: 4px;
  width: 14px;
  height: 14px;
}
.next-filled.icon:before {
  width: 0;
  height: 0;
  border-left: solid 7px currentColor;
  border-top: solid 7px transparent;
  border-bottom: solid 7px transparent;
}
.next-filled.icon:after {
  left: 7px;
  width: 3px;
  height: 14px;
  background-color: currentColor;
}

.previous.icon {
  margin-left: 5px;
  margin-top: 4px;
}
.previous.icon:before {
  width: 9px;
  height: 9px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-radius: 1px 0 0 0;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.previous.icon:after {
  left: 0;
  top: 0;
  width: 1px;
  height: 14px;
  background-color: currentColor;
}

.previous-filled.icon {
  margin-left: 5px;
  margin-top: 4px;
  width: 14px;
  height: 14px;
}
.previous-filled.icon:before {
  left: 3px;
  width: 0;
  height: 0;
  border-right: solid 7px currentColor;
  border-top: solid 7px transparent;
  border-bottom: solid 7px transparent;
}
.previous-filled.icon:after {
  left: 0;
  width: 3px;
  height: 14px;
  background-color: currentColor;
}

.first.icon {
  margin-left: 3px;
  margin-top: 4px;
  width: 1px;
  height: 14px;
  background-color: currentColor;
}
.first.icon:before {
  left: 0;
  width: 9px;
  height: 9px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-radius: 1px 0 0 0;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.first.icon:after {
  left: 4px;
  width: 9px;
  height: 9px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-radius: 1px 0 0 0;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.first-filled.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 3px;
  height: 14px;
  background-color: currentColor;
}
.first-filled.icon:before, .first-filled.icon:after {
  left: 3px;
  width: 0;
  height: 0;
  border-right: solid 7px currentColor;
  border-top: solid 7px transparent;
  border-bottom: solid 7px transparent;
}
.first-filled.icon:after {
  left: 10px;
}

.last.icon {
  margin-left: 17px;
  margin-top: 4px;
  width: 1px;
  height: 14px;
  background-color: currentColor;
}
.last.icon:before {
  left: -9px;
  width: 9px;
  height: 9px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-radius: 0 1px 0 0;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.last.icon:after {
  left: -13px;
  width: 9px;
  height: 9px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-radius: 0 1px 0 0;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.last-filled.icon {
  margin-left: 16px;
  margin-top: 4px;
  width: 3px;
  height: 14px;
  background-color: currentColor;
}
.last-filled.icon:before, .last-filled.icon:after {
  left: -7px;
  width: 0;
  height: 0;
  border-left: solid 7px currentColor;
  border-top: solid 7px transparent;
  border-bottom: solid 7px transparent;
}
.last-filled.icon:after {
  left: -14px;
}

.record-video.icon {
  margin-left: 4px;
  margin-top: 4px;
  width: 11px;
  height: 11px;
  border: solid 1px currentColor;
  border-radius: 50%;
}
.record-video.icon.filled {
  background-color: currentColor;
}

.previous-next.icon {
  margin-left: 8px;
  margin-top: 4px;
  width: 3px;
  height: 13px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}
.previous-next.icon:before {
  left: -10px;
  width: 8px;
  height: 8px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.previous-next.icon:after {
  right: -10px;
  width: 8px;
  height: 8px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.previous-next-filled.icon {
  margin-left: 2px;
  margin-top: 3px;
  width: 17px;
  height: 14px;
}
.previous-next-filled.icon:before {
  width: 0;
  height: 0;
  border-top: solid 7px transparent;
  border-bottom: solid 7px transparent;
  border-right: solid 7px currentColor;
}
.previous-next-filled.icon:after {
  left: 10px;
  width: 0;
  height: 0;
  border-top: solid 7px transparent;
  border-bottom: solid 7px transparent;
  border-left: solid 7px currentColor;
}

.note-tree.icon {
  margin-left: 4px;
  margin-top: 10px;
  width: 11px;
  height: 5px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}
.note-tree.icon:before {
  left: 5px;
  top: -6px;
  width: 1px;
  height: 11px;
  background-color: currentColor;
}
.note-tree.icon:after {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: currentColor;
  left: -2px;
  top: 3px;
  box-shadow: 6px 0 0 0 currentColor, 6px -10px 0 0 currentColor, 12px 0 0 0 currentColor;
}

.layout-right-column.icon {
  margin-top: 2px;
  margin-left: 2px;
  width: 15px;
  height: 15px;
  border: solid 1px currentColor;
  border-radius: 2px;
}
.layout-right-column.icon:before {
  left: -1px;
  top: 4px;
  width: 17px;
  height: 1px;
  background-color: currentColor;
}
.layout-right-column.icon:after {
  left: 10px;
  top: 4px;
  width: 1px;
  height: 11px;
  background-color: currentColor;
}

.layout-right-column-filled.icon {
  margin-top: 2px;
  margin-left: 2px;
  width: 17px;
  height: 5px;
  background-color: currentColor;
  border-radius: 2px 2px 0 0;
}
.layout-right-column-filled.icon:before {
  left: 0;
  top: 6px;
  width: 11px;
  height: 11px;
  border-radius: 0 0 0 2px;
  background-color: currentColor;
}
.layout-right-column-filled.icon:after {
  left: 12px;
  top: 6px;
  width: 5px;
  height: 11px;
  background-color: currentColor;
  border-radius: 0 0 2px 0;
}

.layout-left-column.icon {
  margin-top: 2px;
  margin-left: 2px;
  width: 15px;
  height: 15px;
  border: solid 1px currentColor;
  border-radius: 2px;
}
.layout-left-column.icon:before {
  left: -1px;
  top: 4px;
  width: 17px;
  height: 1px;
  background-color: currentColor;
}
.layout-left-column.icon:after {
  left: 4px;
  top: 4px;
  width: 1px;
  height: 11px;
  background-color: currentColor;
}

.layout-left-column-filled.icon {
  margin-top: 2px;
  margin-left: 2px;
  width: 17px;
  height: 5px;
  background-color: currentColor;
  border-radius: 2px 2px 0 0;
}
.layout-left-column-filled.icon:before {
  left: 0;
  top: 6px;
  width: 5px;
  height: 11px;
  border-radius: 0 0 0 2px;
  background-color: currentColor;
}
.layout-left-column-filled.icon:after {
  left: 6px;
  top: 6px;
  width: 11px;
  height: 11px;
  background-color: currentColor;
  border-radius: 0 0 2px 0;
}

.layout-three-column.icon {
  margin-top: 4px;
  margin-left: 1px;
  width: 17px;
  height: 11px;
  border: solid 1px currentColor;
  border-radius: 2px;
}
.layout-three-column.icon:before {
  top: -1px;
  left: 4px;
  width: 1px;
  height: 13px;
  background-color: currentColor;
}
.layout-three-column.icon:after {
  top: -1px;
  right: 4px;
  width: 1px;
  height: 13px;
  background-color: currentColor;
}

.layout-three-column-filled.icon {
  margin-top: 4px;
  margin-left: 7px;
  width: 7px;
  height: 13px;
  background-color: currentColor;
}
.layout-three-column-filled.icon:before, .layout-three-column-filled.icon:after {
  top: 0;
  width: 5px;
  height: 13px;
  background-color: currentColor;
}
.layout-three-column-filled.icon:before {
  left: -6px;
  border-radius: 2px 0 0 2px;
}
.layout-three-column-filled.icon:after {
  right: -6px;
  border-radius: 0 2px 2px 0;
}

.layout-1.icon {
  margin-left: 11px;
  margin-top: 2px;
  width: 6px;
  height: 15px;
  border-radius: 1px;
  border: solid 1px currentColor;
}
.layout-1.icon:before, .layout-1.icon:after {
  left: -10px;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  border: solid 1px currentColor;
}
.layout-1.icon:before {
  top: -1px;
}
.layout-1.icon:after {
  bottom: -1px;
}
.layout-1.icon.filled {
  background-color: currentColor;
}
.layout-1.icon.filled:before, .layout-1.icon.filled:after {
  background-color: currentColor;
}

.layout-2.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 6px;
  height: 15px;
  border-radius: 1px;
  border: solid 1px currentColor;
}
.layout-2.icon:before, .layout-2.icon:after {
  right: -10px;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  border: solid 1px currentColor;
}
.layout-2.icon:before {
  top: -1px;
}
.layout-2.icon:after {
  bottom: -1px;
}
.layout-2.icon.filled {
  background-color: currentColor;
}
.layout-2.icon.filled:before, .layout-2.icon.filled:after {
  background-color: currentColor;
}

.layout-3.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 6px;
  border-radius: 1px;
  border: solid 1px currentColor;
}
.layout-3.icon:before, .layout-3.icon:after {
  bottom: -10px;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  border: solid 1px currentColor;
}
.layout-3.icon:before {
  left: -1px;
}
.layout-3.icon:after {
  right: -1px;
}
.layout-3.icon.filled {
  background-color: currentColor;
}
.layout-3.icon.filled:before, .layout-3.icon.filled:after {
  background-color: currentColor;
}

.layout-4.icon {
  margin-left: 2px;
  margin-top: 11px;
  width: 15px;
  height: 6px;
  border-radius: 1px;
  border: solid 1px currentColor;
}
.layout-4.icon:before, .layout-4.icon:after {
  top: -10px;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  border: solid 1px currentColor;
}
.layout-4.icon:before {
  left: -1px;
}
.layout-4.icon:after {
  right: -1px;
}
.layout-4.icon.filled {
  background-color: currentColor;
}
.layout-4.icon.filled:before, .layout-4.icon.filled:after {
  background-color: currentColor;
}

.trophy.icon {
  margin-left: 3px;
  margin-top: 3px;
  width: 15px;
  height: 15px;
}
.trophy.icon:before {
  left: 3px;
  width: 7px;
  height: 9px;
  border: solid 1px currentColor;
  border-radius: 0 0 5px 5px;
}
.trophy.icon:after {
  top: 11px;
  left: 7px;
  width: 1px;
  height: 4px;
  background-color: currentColor;
}
.trophy.icon i {
  top: 14px;
  left: 4px;
  width: 7px;
  height: 1px;
  background-color: currentColor;
}
.trophy.icon i:before {
  top: -12px;
  left: -4px;
  width: 2px;
  height: 4px;
  border: solid 1px currentColor;
  border-radius: 0 0 0 3px;
}
.trophy.icon i:after {
  top: -12px;
  right: -4px;
  width: 2px;
  height: 4px;
  border: solid 1px currentColor;
  border-radius: 0 0 3px 0;
}
.trophy.icon.filled:before {
  background-color: currentColor;
}

.speedmeter.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 9px;
  border-radius: 8px 8px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}
.speedmeter.icon:before {
  left: 5px;
  top: 7px;
  width: 3px;
  height: 3px;
  border: solid 1px currentColor;
  border-radius: 50%;
}
.speedmeter.icon:after {
  left: 7px;
  top: 3px;
  width: 1px;
  height: 5px;
  background-color: currentColor;
}
.speedmeter.icon.filled:before {
  background-color: currentColor;
}

.shooting-target.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: solid 1px currentColor;
  border-radius: 50%;
}
.shooting-target.icon:before {
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  border: solid 1px currentColor;
  border-radius: 50%;
}
.shooting-target.icon:after {
  top: 5px;
  left: 5px;
  width: 3px;
  height: 3px;
  border: solid 1px currentColor;
  border-radius: 50%;
}
.shooting-target.icon.filled {
  width: 13px;
  height: 13px;
  border: solid 2px currentColor;
}
.shooting-target.icon.filled:before {
  left: 1px;
  top: 1px;
  width: 7px;
  height: 7px;
  border: solid 2px currentColor;
}
.shooting-target.icon.filled:after {
  left: 4px;
  top: 4px;
  width: 5px;
  height: 5px;
  background-color: currentColor;
  border: none;
}

.clipboard.icon {
  margin-top: 4px;
  margin-left: 4px;
  width: 11px;
  height: 13px;
  border: solid 1px currentColor;
  border-top: none;
  border-radius: 1px;
}
.clipboard.icon:before {
  top: -1px;
  left: 2px;
  width: 5px;
  height: 1px;
  border: solid 1px currentColor;
  border-radius: 1px;
}
.clipboard.icon:after {
  width: 3px;
  height: 1px;
  background-color: currentColor;
  box-shadow: 8px 0 0 0 currentColor;
}
.clipboard.icon.filled {
  background-color: currentColor;
}
.clipboard.icon.filled:before {
  background-color: white;
}

.airplay.icon {
  margin-top: 4px;
  margin-left: 3px;
  width: 14px;
  height: 10px;
  border: solid 1px currentColor;
  border-bottom: none;
  border-radius: 1px;
}
.airplay.icon:before {
  top: 7px;
  left: 3px;
  width: 0;
  height: 0;
  border-left: solid 4px transparent;
  border-right: solid 4px transparent;
  border-bottom: solid 5px currentColor;
}
.airplay.icon:after {
  top: 9px;
  width: 3px;
  height: 1px;
  background-color: currentColor;
  box-shadow: 11px 0 0 0 currentColor;
}
.airplay.icon.filled {
  background-color: currentColor;
}
.airplay.icon.filled:before {
  background-color: white;
}

.reply.icon {
  margin-left: 5px;
  margin-top: 9px;
  width: 11px;
  height: 7px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-radius: 0 6px 0 0;
}
.reply.icon:before {
  top: -4px;
  width: 6px;
  height: 6px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.reply-all.icon {
  margin-left: 8px;
  margin-top: 9px;
  width: 8px;
  height: 7px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-radius: 0 6px 0 0;
}
.reply-all.icon:before, .reply-all.icon:after {
  top: -4px;
  width: 6px;
  height: 6px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.reply-all.icon:after {
  left: -3px;
}

.reply-all-reflect.icon {
  margin-left: 4px;
  margin-top: 9px;
  width: 8px;
  height: 7px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-radius: 6px 0 0 0;
}
.reply-all-reflect.icon:before, .reply-all-reflect.icon:after {
  left: 1px;
  top: -4px;
  width: 6px;
  height: 6px;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.reply-all-reflect.icon:after {
  left: 4px;
}

.forward-email.icon {
  margin-left: 4px;
  margin-top: 9px;
  width: 11px;
  height: 7px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-radius: 6px 0 0 0;
}
.forward-email.icon:before {
  left: 4px;
  top: -4px;
  width: 6px;
  height: 6px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.control.icon {
  margin-left: 9px;
  margin-top: 6px;
  width: 8px;
  height: 1px;
  background-color: currentColor;
  box-shadow: -5px 8px 0 0 currentColor;
}
.control.icon:before, .control.icon:after {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  border: solid 1px currentColor;
}
.control.icon:before {
  left: -6px;
  top: -3px;
}
.control.icon:after {
  right: -1px;
  top: 5px;
}
.control.icon.filled:before, .control.icon.filled:after {
  background-color: currentColor;
}

.cart.icon {
  margin-left: 5px;
  margin-top: 6px;
  width: 8px;
  height: 5px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.cart.icon:before {
  width: 1px;
  height: 7px;
  background-color: currentColor;
  bottom: -1px;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: rotate(-26deg);
          transform: rotate(-26deg);
}
.cart.icon:after {
  width: 1px;
  height: 10px;
  background-color: currentColor;
  bottom: -1px;
  right: 0;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: rotate(23deg);
          transform: rotate(23deg);
}
.cart.icon i {
  width: 3px;
  height: 1px;
  background-color: currentColor;
  top: -1px;
  left: -3px;
  box-shadow: 10px 0 0 0 currentColor, 14px -3px 0 0 currentColor;
}
.cart.icon i:before, .cart.icon i:after {
  top: 8px;
  left: 1px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}
.cart.icon i:after {
  left: 9px;
}

.cart-filled {
  margin-left: 2px;
  margin-top: 6px;
  width: 7px;
  height: 0;
  border-left: solid 3px transparent;
  border-right: solid 3px transparent;
  border-top: solid 7px currentColor;
}
.cart-filled:before, .cart-filled:after {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: currentColor;
  top: 1px;
}
.cart-filled:before {
  left: -2px;
}
.cart-filled:after {
  left: 5px;
}
.cart-filled i {
  width: 3px;
  height: 1px;
  background-color: currentColor;
  top: -10px;
  left: 10px;
}
.cart-filled i:before {
  height: 4px;
  width: 1px;
  background-color: currentColor;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: rotate(21deg);
          transform: rotate(21deg);
}

.allBorders {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: solid 1px currentColor;
}
.allBorders:before {
  left: 7px;
  width: 0;
  height: 100%;
  border-left: solid 1px currentColor;
}
.allBorders:after {
  top: 7px;
  width: 100%;
  height: 0;
  border-top: solid 1px currentColor;
}

.outsideBorders {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: solid 1px currentColor;
}
.outsideBorders:before {
  left: 7px;
  top: -1px;
  width: 0;
  height: 17px;
  border-left: dotted 1px currentColor;
}
.outsideBorders:after {
  top: 7px;
  left: -1px;
  width: 17px;
  height: 0;
  border-top: dotted 1px currentColor;
}

.insideBorders {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: dotted 1px currentColor;
}
.insideBorders:before {
  left: 7px;
  top: -1px;
  width: 0;
  height: 17px;
  border-left: solid 1px currentColor;
}
.insideBorders:after {
  top: 7px;
  left: -1px;
  width: 17px;
  height: 0;
  border-top: solid 1px currentColor;
}

.noBorder {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: dotted 1px currentColor;
}
.noBorder:before {
  left: 7px;
  top: -1px;
  width: 0;
  height: 17px;
  border-left: dotted 1px currentColor;
}
.noBorder:after {
  top: 7px;
  left: -1px;
  width: 17px;
  height: 0;
  border-top: dotted 1px currentColor;
}

.leftBorder {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: dotted 1px currentColor;
  border-left-style: solid;
}
.leftBorder:before {
  left: 7px;
  top: -1px;
  width: 0;
  height: 17px;
  border-left: dotted 1px currentColor;
}
.leftBorder:after {
  top: 7px;
  left: -1px;
  width: 17px;
  height: 0;
  border-top: dotted 1px currentColor;
}

.rightBorder {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: dotted 1px currentColor;
  border-right-style: solid;
}
.rightBorder:before {
  left: 7px;
  top: -1px;
  width: 0;
  height: 17px;
  border-left: dotted 1px currentColor;
}
.rightBorder:after {
  top: 7px;
  left: -1px;
  width: 17px;
  height: 0;
  border-top: dotted 1px currentColor;
}

.topBorder {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: dotted 1px currentColor;
  border-top-style: solid;
}
.topBorder:before {
  left: 7px;
  top: -1px;
  width: 0;
  height: 17px;
  border-left: dotted 1px currentColor;
}
.topBorder:after {
  top: 7px;
  left: -1px;
  width: 17px;
  height: 0;
  border-top: dotted 1px currentColor;
}

.bottomBorder {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: dotted 1px currentColor;
  border-bottom-style: solid;
}
.bottomBorder:before {
  left: 7px;
  top: -1px;
  width: 0;
  height: 17px;
  border-left: dotted 1px currentColor;
}
.bottomBorder:after {
  top: 7px;
  left: -1px;
  width: 17px;
  height: 0;
  border-top: dotted 1px currentColor;
}

.verticalCenterBorders {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: dotted 1px currentColor;
}
.verticalCenterBorders:before {
  left: 7px;
  top: -1px;
  width: 0;
  height: 17px;
  border-left: dotted 1px currentColor;
}
.verticalCenterBorders:after {
  top: 7px;
  left: -1px;
  width: 17px;
  height: 0;
  border-top: solid 1px currentColor;
}

.horizontalCenterBorders {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: dotted 1px currentColor;
}
.horizontalCenterBorders:before {
  left: 7px;
  top: -1px;
  width: 0;
  height: 17px;
  border-left: solid 1px currentColor;
}
.horizontalCenterBorders:after {
  top: 7px;
  left: -1px;
  width: 17px;
  height: 0;
  border-top: dotted 1px currentColor;
}

.globe.icon {
  margin-left: 5px;
  margin-top: 3px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: solid 1px currentColor;
}
.globe.icon:before {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border-left: solid 1px transparent;
  border-top: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  left: -3px;
  top: -3px;
}
.globe.icon:after {
  top: 14px;
  left: 1px;
  width: 7px;
  height: 8px;
  border-top: solid 1px currentColor;
  box-shadow: 0 -5px 0 -3px currentColor;
}
.globe.icon.filled {
  background-color: currentColor;
}

.wine-glass.icon {
  margin-left: 5px;
  margin-top: 8px;
  width: 9px;
  height: 4px;
  border-radius: 0 0 5px 5px;
  border: solid 1px currentColor;
  background-color: currentColor;
}
.wine-glass.icon:before {
  left: -1px;
  top: -6px;
  width: 9px;
  height: 0;
  border-bottom: solid 5px currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
}
.wine-glass.icon:after {
  top: 8px;
  left: 1px;
  width: 7px;
  height: 8px;
  border-top: solid 1px currentColor;
  box-shadow: 0 -6px 0 -3px currentColor;
}
.wine-glass.icon.filled {
  background-color: transparent;
}

.cocktail-glass.icon {
  margin-left: 3px;
  margin-top: 3px;
  width: 1px;
  height: 0;
  border-left: solid 7px transparent;
  border-right: solid 7px transparent;
  border-top: solid 9px currentColor;
}
.cocktail-glass.icon:before {
  top: 5px;
  left: -3px;
  width: 7px;
  height: 10px;
  border-top: solid 1px currentColor;
  box-shadow: 0 -8px 0 -3px currentColor;
}
.cocktail-glass.icon.filled:after {
  top: -4px;
  width: 2px;
  height: 2px;
  border-radius: 1px;
  background-color: white;
  box-shadow: -2px -2px 0 0 white;
}

.plug.icon {
  margin-left: 4px;
  margin-top: 6px;
  width: 11px;
  height: 7px;
  border: solid 1px currentColor;
  border-radius: 0 0 6px 6px;
}
.plug.icon:before {
  left: 2px;
  top: -5px;
  width: 3px;
  height: 4px;
  border-left: solid 2px currentColor;
  border-right: solid 2px currentColor;
}
.plug.icon:after {
  width: 3px;
  height: 4px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-radius: 0 0 2px 2px;
  top: 7px;
  left: 3px;
}
.plug.icon.filled {
  background-color: currentColor;
}
.plug.icon.filled:after {
  background-color: currentColor;
}

.mirror-horizontal.icon {
  margin-left: 10px;
  margin-top: 4px;
  width: 0;
  height: 14px;
  border-left: dotted 1px currentColor;
  box-shadow: -9px 0 0 0 currentColor, 9px 0 0 0 currentColor;
}
.mirror-horizontal.icon:before {
  left: -12px;
  top: -3px;
  width: 9px;
  height: 9px;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mirror-horizontal.icon:after {
  left: 1px;
  top: 7px;
  width: 9px;
  height: 9px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.mirror-horizontal-filled.icon {
  margin-top: 3px;
  margin-left: 2px;
  width: 3px;
  height: 0;
  border-top: solid 7px transparent;
  border-bottom: solid 7px transparent;
  border-left: solid 7px currentColor;
  border-right: solid 7px currentColor;
}
.mirror-horizontal-filled.icon:before {
  left: 1px;
  top: -7px;
  width: 0;
  height: 15px;
  border-left: dotted 1px currentColor;
}

.mirror-vertical.icon {
  margin-left: 4px;
  margin-top: 10px;
  width: 14px;
  height: 0;
  border-top: dotted 1px currentColor;
  box-shadow: 0 -9px 0 0 currentColor, 0 9px 0 0 currentColor;
}
.mirror-vertical.icon:before {
  left: -3px;
  top: -12px;
  width: 9px;
  height: 9px;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mirror-vertical.icon:after {
  left: 7px;
  top: 1px;
  width: 9px;
  height: 9px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.mirror-vertical-filled.icon {
  margin-top: 2px;
  margin-left: 3px;
  width: 0;
  height: 3px;
  border-top: solid 7px currentColor;
  border-bottom: solid 7px currentColor;
  border-left: solid 7px transparent;
  border-right: solid 7px transparent;
}
.mirror-vertical-filled.icon:before {
  left: -7px;
  top: 1px;
  width: 15px;
  height: 0;
  border-top: dotted 1px currentColor;
}

.flip-horizontal.icon {
  margin-top: 3px;
  margin-left: 2px;
  width: 17px;
  height: 15px;
}
.flip-horizontal.icon:before {
  width: 7px;
  height: 14px;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
}
.flip-horizontal.icon:after {
  left: 9px;
  width: 7px;
  height: 14px;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
}
.flip-horizontal.icon i {
  width: 17px;
  height: 15px;
}
.flip-horizontal.icon i:before {
  width: 1px;
  height: 16px;
  background-color: currentColor;
  bottom: 1px;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(26deg);
          transform: rotate(26deg);
}
.flip-horizontal.icon i:after {
  width: 1px;
  height: 16px;
  background-color: currentColor;
  right: 0;
  bottom: 1px;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: rotate(-26deg);
          transform: rotate(-26deg);
}

.flip-vertical.icon {
  margin-top: 2px;
  margin-left: 3px;
  width: 15px;
  height: 17px;
}
.flip-vertical.icon:before {
  width: 14px;
  height: 7px;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
}
.flip-vertical.icon:after {
  top: 9px;
  width: 14px;
  height: 7px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
}
.flip-vertical.icon i {
  width: 15px;
  height: 17px;
}
.flip-vertical.icon i:before {
  width: 16px;
  height: 1px;
  background-color: currentColor;
  left: 1px;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: rotate(26deg);
          transform: rotate(26deg);
}
.flip-vertical.icon i:after {
  width: 16px;
  height: 1px;
  background-color: currentColor;
  bottom: 0;
  left: 1px;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(-26deg);
          transform: rotate(-26deg);
}

.flip-horizontal-filled.icon {
  margin-left: 2px;
  margin-top: 3px;
  width: 17px;
  height: 15px;
}
.flip-horizontal-filled.icon:before {
  width: 0;
  height: 0;
  border-bottom: 15px solid currentColor;
  border-left: 8px solid transparent;
}
.flip-horizontal-filled.icon:after {
  left: 9px;
  width: 0;
  height: 0;
  border-bottom: 15px solid currentColor;
  border-right: 8px solid transparent;
}

.flip-vertical-filled.icon {
  margin-left: 3px;
  margin-top: 2px;
  width: 15px;
  height: 17px;
}
.flip-vertical-filled.icon:before {
  width: 0;
  height: 0;
  border-left: 15px solid currentColor;
  border-top: 8px solid transparent;
}
.flip-vertical-filled.icon:after {
  left: 0;
  top: 9px;
  width: 0;
  height: 0;
  border-left: 15px solid currentColor;
  border-bottom: 8px solid transparent;
}

.record.icon {
  margin-left: 5px;
  margin-top: 14px;
  width: 11px;
  height: 1px;
  background-color: currentColor;
}
.record.icon:before {
  left: -4px;
  top: -7px;
  width: 6px;
  height: 6px;
  border: solid 1px currentColor;
  border-radius: 50%;
}
.record.icon:after {
  right: -4px;
  top: -7px;
  width: 6px;
  height: 6px;
  border: solid 1px currentColor;
  border-radius: 50%;
}
.record.icon.filled:before {
  background-color: currentColor;
}
.record.icon.filled:after {
  background-color: currentColor;
}

.anchor.icon {
  margin-left: 2px;
  margin-top: 10px;
  width: 15px;
  height: 8px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-radius: 0 0 8px 8px;
}
.anchor.icon:before {
  width: 1px;
  height: 10px;
  background-color: currentColor;
  left: 7px;
  top: -2px;
}
.anchor.icon:after {
  width: 5px;
  height: 5px;
  border: solid 1px currentColor;
  border-radius: 50%;
  left: 4px;
  top: -8px;
}

.contrast.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}
.contrast.icon:before {
  left: 8px;
  top: 1px;
  width: 5px;
  height: 12px;
  border: solid 1px currentColor;
  border-radius: 0 7px 7px 0;
}
.contrast.icon.filled:before {
  background-color: currentColor;
}

.alert-square.icon {
  margin-left: 3px;
  margin-top: 3px;
  width: 14px;
  height: 14px;
  border: solid 1px currentColor;
  border-radius: 2px;
}
.alert-square.icon:before {
  top: 2px;
  left: 6px;
  width: 2px;
  height: 7px;
  background-color: currentColor;
}
.alert-square.icon:after {
  top: 10px;
  left: 6px;
  width: 2px;
  height: 2px;
  background-color: currentColor;
}
.alert-square.icon.filled {
  background-color: currentColor;
}
.alert-square.icon.filled:before, .alert-square.icon.filled:after {
  background-color: white;
}

.alert-circle.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
}
.alert-circle.icon:before {
  top: 3px;
  left: 7px;
  width: 2px;
  height: 7px;
  background-color: currentColor;
}
.alert-circle.icon:after {
  top: 11px;
  left: 7px;
  width: 2px;
  height: 2px;
  background-color: currentColor;
}
.alert-circle.icon.filled {
  background-color: currentColor;
}
.alert-circle.icon.filled:before, .alert-circle.icon.filled:after {
  background-color: white;
}

.flash-drive.icon {
  margin-left: 4px;
  margin-top: 8px;
  width: 11px;
  height: 10px;
  border: solid 1px currentColor;
  border-radius: 2px;
}
.flash-drive.icon:before {
  left: 1px;
  top: -8px;
  width: 7px;
  height: 6px;
  border: solid 1px currentColor;
  border-radius: 1px 1px 0 0;
}
.flash-drive.icon:after {
  left: 3px;
  top: -4px;
  height: 2px;
  width: 3px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}
.flash-drive.icon.filled {
  background-color: currentColor;
}

.rotate-clockwise.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: solid 1px currentColor;
}
.rotate-clockwise.icon:before {
  left: 7px;
  top: 3px;
  width: 8px;
  height: 5px;
  background-color: white;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.rotate-clockwise.icon:after {
  right: -2px;
  top: 6px;
  width: 0;
  height: 0;
  border-top: solid 3px transparent;
  border-left: solid 3px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.rotate-counter-clockwise.icon {
  margin-left: 3px;
  margin-top: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: solid 1px currentColor;
}
.rotate-counter-clockwise.icon:before {
  left: -1px;
  top: 3px;
  width: 8px;
  height: 5px;
  background-color: white;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.rotate-counter-clockwise.icon:after {
  left: -2px;
  top: 6px;
  width: 0;
  height: 0;
  border-top: solid 3px transparent;
  border-left: solid 3px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.rotate-square-clockwise.icon {
  margin-left: 2px;
  margin-top: 5px;
  width: 15px;
  height: 10px;
  border: solid 1px currentColor;
  border-top: none;
  border-radius: 1px;
}
.rotate-square-clockwise.icon:before {
  width: 5px;
  height: 1px;
  background-color: currentColor;
  box-shadow: 10px 0 0 0 currentColor;
}
.rotate-square-clockwise.icon:after {
  left: 3px;
  top: -1px;
  width: 0;
  height: 0;
  border-bottom: solid 3px transparent;
  border-right: solid 3px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.rotate-square-counter-clockwise.icon {
  margin-left: 2px;
  margin-top: 5px;
  width: 15px;
  height: 10px;
  border: solid 1px currentColor;
  border-top: none;
  border-radius: 1px;
}
.rotate-square-counter-clockwise.icon:before {
  width: 5px;
  height: 1px;
  background-color: currentColor;
  box-shadow: 10px 0 0 0 currentColor;
}
.rotate-square-counter-clockwise.icon:after {
  left: 9px;
  top: -1px;
  width: 0;
  height: 0;
  border-top: solid 3px transparent;
  border-left: solid 3px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.refresh-clockwise.icon {
  margin-left: 3px;
  margin-top: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
}
.refresh-clockwise.icon:before {
  left: 10px;
  width: 0;
  height: 0;
  border-left: solid 3px transparent;
  border-bottom: solid 3px currentColor;
}
.refresh-clockwise.icon:after {
  top: 11px;
  left: 1px;
  width: 0;
  height: 0;
  border-right: solid 3px transparent;
  border-top: solid 3px currentColor;
}

.refresh-counter-clockwise.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
}
.refresh-counter-clockwise.icon:before {
  left: 1px;
  width: 0;
  height: 0;
  border-right: solid 3px transparent;
  border-bottom: solid 3px currentColor;
}
.refresh-counter-clockwise.icon:after {
  top: 11px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: solid 3px transparent;
  border-top: solid 3px currentColor;
}

.connection.icon {
  margin-left: 5px;
  margin-top: 7px;
  width: 1px;
  height: 2px;
  box-shadow: 0 -2px 0 0 currentColor, 10px 7px 0 0 currentColor;
}
.connection.icon:before {
  width: 4px;
  height: 10px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-radius: 0 0 3px 3px;
}
.connection.icon:after {
  top: -3px;
  left: 5px;
  width: 4px;
  height: 10px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-radius: 3px 3px 0 0;
}
.connection.icon i:before {
  left: -1px;
  top: -2px;
  width: 0;
  height: 0;
  border-left: solid 3px currentColor;
  border-bottom: solid 3px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.connection.icon i:after {
  left: 9px;
  top: 7px;
  width: 0;
  height: 0;
  border-right: solid 3px currentColor;
  border-top: solid 3px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.connection2.icon {
  margin-left: 5px;
  margin-top: 4px;
  width: 1px;
  height: 2px;
  box-shadow: 0 10px 0 0 currentColor, 10px 1px 0 0 currentColor;
}
.connection2.icon:before {
  width: 4px;
  height: 10px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-radius: 3px 3px 0 0;
}
.connection2.icon:after {
  top: 3px;
  left: 5px;
  width: 4px;
  height: 10px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-radius: 0 0 3px 3px;
}
.connection2.icon i:before {
  left: -1px;
  top: 10px;
  width: 0;
  height: 0;
  border-right: solid 3px currentColor;
  border-top: solid 3px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.connection2.icon i:after {
  left: 9px;
  top: 1px;
  width: 0;
  height: 0;
  border-left: solid 3px currentColor;
  border-bottom: solid 3px transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.sign-in.icon {
  margin-left: 8px;
  margin-top: 3px;
  width: 7px;
  height: 13px;
  border-radius: 0 1px 1px 0;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
}
.sign-in.icon:before {
  top: 3px;
  left: -6px;
  width: 6px;
  height: 6px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.sign-out.icon {
  margin-left: 5px;
  margin-top: 3px;
  width: 7px;
  height: 13px;
  border-radius: 1px 0 0 1px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
}
.sign-out.icon:before {
  top: 3px;
  left: 2px;
  width: 6px;
  height: 6px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.grid-4.icon {
  margin-top: 3px;
  margin-left: 3px;
  width: 15px;
  height: 15px;
}
.grid-4.icon:before {
  width: 5px;
  height: 5px;
  border: solid 1px currentColor;
  border-radius: 1px;
  box-shadow: 8px 0 0 0 currentColor, 0 8px 0 0 currentColor, 8px 8px 0 0 currentColor;
}
.grid-4.icon:after {
  top: 1px;
  left: 9px;
  width: 5px;
  height: 5px;
  background-color: white;
  box-shadow: 0 8px 0 0 white, -8px 8px 0 0 white;
}
.grid-4.icon.filled:before {
  background: currentColor;
}
.grid-4.icon.filled:after {
  display: none;
}

.grid-9.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 17px;
  height: 17px;
}
.grid-9.icon:before {
  width: 3px;
  height: 3px;
  border: solid 1px currentColor;
  border-radius: 1px;
  background-color: currentColor;
  box-shadow: 6px 0 0 0 currentColor, 12px 0 0 0 currentColor, 0 6px 0 0 currentColor, 6px 6px 0 0 currentColor, 12px 6px 0 0 currentColor, 0px 12px 0 0 currentColor, 6px 12px 0 0 currentColor, 12px 12px 0 0 currentColor;
}
.grid-9.icon:after {
  left: 1px;
  top: 1px;
  width: 3px;
  height: 3px;
  background-color: white;
  box-shadow: 6px 0 0 0 white, 12px 0 0 0 white, 0 6px 0 0 white, 6px 6px 0 0 white, 12px 6px 0 0 white, 0px 12px 0 0 white, 6px 12px 0 0 white, 12px 12px 0 0 white;
}
.grid-9.icon.filled:after {
  display: none;
}

.dial.icon {
  margin-top: 1px;
  margin-left: 4px;
}
.dial.icon:before {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: currentColor;
  border: solid 1px currentColor;
  box-shadow: 5px 0 0 0 currentColor, 10px 0 0 0 currentColor, 0 5px 0 0 currentColor, 5px 5px 0 0 currentColor, 10px 5px 0 0 currentColor, 0 10px 0 0 currentColor, 5px 10px 0 0 currentColor, 10px 10px 0 0 currentColor, 5px 15px 0 0 currentColor;
}
.dial.icon:after {
  left: 1px;
  top: 1px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: white;
  box-shadow: 5px 0 0 0 white, 10px 0 0 0 white, 0 5px 0 0 white, 5px 5px 0 0 white, 10px 5px 0 0 white, 0 10px 0 0 white, 5px 10px 0 0 white, 10px 10px 0 0 white, 5px 15px 0 0 white;
}
.dial.icon.filled:after {
  display: none;
}

.list.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 2px;
  border: solid 1px currentColor;
  border-radius: 1px;
}
.list.icon:before, .list.icon:after {
  left: -1px;
  width: 15px;
  height: 2px;
  border: solid 1px currentColor;
  border-radius: 1px;
}
.list.icon:before {
  top: 4px;
}
.list.icon:after {
  top: 9px;
}
.list.icon.filled {
  background-color: currentColor;
}
.list.icon.filled:before, .list.icon.filled:after {
  background-color: currentColor;
}

.list-circle.icon {
  margin-top: 4px;
  margin-left: 2px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}
.list-circle.icon:before, .list-circle.icon:after {
  left: -1px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px currentColor;
}
.list-circle.icon:before {
  top: 4px;
}
.list-circle.icon:after {
  top: 9px;
}
.list-circle.icon i {
  top: -1px;
  left: 4px;
  width: 10px;
  height: 2px;
  border-radius: 1px;
  border: solid 1px currentColor;
}
.list-circle.icon i:before, .list-circle.icon i:after {
  left: -1px;
  width: 10px;
  height: 2px;
  border-radius: 1px;
  border: solid 1px currentColor;
}
.list-circle.icon i:before {
  top: 4px;
}
.list-circle.icon i:after {
  top: 9px;
}

.list-circle-filled.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 17px;
  height: 14px;
}
.list-circle-filled.icon:before {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: currentColor;
  border: solid 1px currentColor;
  box-shadow: 0 5px 0 0 currentColor, 0 10px 0 0 currentColor;
}
.list-circle-filled.icon:after {
  left: 5px;
  width: 10px;
  height: 2px;
  border-radius: 1px;
  background-color: currentColor;
  border: solid 1px currentColor;
  box-shadow: 0 5px 0 0 currentColor, 0 10px 0 0 currentColor;
}

.list-square.icon {
  margin-top: 4px;
  margin-left: 2px;
  width: 2px;
  height: 2px;
  border-radius: 1px;
  border: solid 1px currentColor;
}
.list-square.icon:before, .list-square.icon:after {
  left: -1px;
  width: 2px;
  height: 2px;
  border-radius: 1px;
  border: solid 1px currentColor;
}
.list-square.icon:before {
  top: 4px;
}
.list-square.icon:after {
  top: 9px;
}
.list-square.icon i {
  top: -1px;
  left: 4px;
  width: 10px;
  height: 2px;
  border-radius: 1px;
  border: solid 1px currentColor;
}
.list-square.icon i:before, .list-square.icon i:after {
  left: -1px;
  width: 10px;
  height: 2px;
  border-radius: 1px;
  border: solid 1px currentColor;
}
.list-square.icon i:before {
  top: 4px;
}
.list-square.icon i:after {
  top: 9px;
}

.list-square-filled.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 17px;
  height: 14px;
}
.list-square-filled.icon:before {
  width: 2px;
  height: 2px;
  border-radius: 1px;
  background-color: currentColor;
  border: solid 1px currentColor;
  box-shadow: 0 5px 0 0 currentColor, 0 10px 0 0 currentColor;
}
.list-square-filled.icon:after {
  left: 5px;
  width: 10px;
  height: 2px;
  border-radius: 1px;
  background-color: currentColor;
  border: solid 1px currentColor;
  box-shadow: 0 5px 0 0 currentColor, 0 10px 0 0 currentColor;
}

.sync1.icon {
  margin: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: white;
}
.sync1.icon:before, .sync1.icon:after {
  width: 4px;
  height: 1px;
  background-color: currentColor;
  z-index: 1;
}
.sync1.icon:before {
  top: 5px;
  left: -4px;
}
.sync1.icon:after {
  top: 6px;
  right: -4px;
}
.sync1.icon i {
  width: 16px;
  height: 6px;
  background-color: white;
  left: -2px;
  top: 3px;
  -webkit-transform: rotate(-22.5deg);
          transform: rotate(-22.5deg);
}
.sync1.icon i:before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
  left: 4px;
  top: -1px;
}
.sync1.icon.filled i:before {
  background-color: currentColor;
}

.sync2.icon {
  margin: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: white;
}
.sync2.icon:before, .sync2.icon:after {
  width: 4px;
  height: 1px;
  background-color: currentColor;
  z-index: 1;
}
.sync2.icon:before {
  top: 6px;
  left: -4px;
}
.sync2.icon:after {
  top: 5px;
  right: -4px;
}
.sync2.icon i {
  width: 16px;
  height: 6px;
  background-color: white;
  left: -2px;
  top: 3px;
  -webkit-transform: rotate(22.5deg);
          transform: rotate(22.5deg);
}
.sync2.icon i:before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
  left: 4px;
  top: -1px;
}
.sync2.icon.filled i:before {
  background-color: currentColor;
}

.barcode.icon {
  width: 21px;
  height: 21px;
}
.barcode.icon:before {
  width: 1px;
  height: 11px;
  left: 1px;
  top: 5px;
  background-color: currentColor;
  box-shadow: 6px 0 0 0 currentColor,  12px 0 0 0 currentColor,  14px 0 0 0 currentColor;
}
.barcode.icon:after {
  width: 2px;
  height: 11px;
  left: 3px;
  top: 5px;
  background-color: currentColor;
  box-shadow: 6px 0 0 0 currentColor,  15px 0 0 0 currentColor;
}

.barcode2.icon {
  width: 21px;
  height: 21px;
}
.barcode2.icon:before {
  width: 1px;
  height: 8px;
  left: 1px;
  top: 5px;
  background-color: currentColor;
  box-shadow: 2px 0 0 0 currentColor,  3px 0 0 0 currentColor,  6px 0 0 0 currentColor,  8px 0 0 0 currentColor,  9px 0 0 0 currentColor,  12px 0 0 0 currentColor,  14px 0 0 0 currentColor,  17px 0 0 0 currentColor,  18px 0 0 0 currentColor;
}
.barcode2.icon:after {
  width: 1px;
  height: 2px;
  left: 1px;
  top: 14px;
  background-color: currentColor;
  box-shadow: 2px 0 0 0 currentColor,  3px 0 0 0 currentColor,  6px 0 0 0 currentColor,  8px 0 0 0 currentColor,  9px 0 0 0 currentColor,  12px 0 0 0 currentColor,  14px 0 0 0 currentColor,  17px 0 0 0 currentColor,  18px 0 0 0 currentColor;
}

.pill.icon {
  margin: 1px 6px;
  width: 7px;
  height: 17px;
  border-radius: 4px;
  border: solid 1px currentColor;
}
.pill.icon:before {
  width: 7px;
  height: 9px;
  border-radius: 3px 3px 0 0;
  background-color: currentColor;
}

.pill2.icon {
  margin: 1px 6px;
  width: 7px;
  height: 17px;
  border-radius: 4px;
  border: solid 1px currentColor;
}
.pill2.icon:before {
  width: 7px;
  height: 9px;
  top: 8px;
  border-radius: 0 0 3px 3px;
  background-color: currentColor;
}

.alarm.icon {
  width: 13px;
  height: 13px;
  border: solid 1px currentColor;
  border-radius: 50%;
  margin: 3px;
}
.alarm.icon:before, .alarm.icon:after {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  top: -2px;
}
.alarm.icon:before {
  left: -2px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
}
.alarm.icon:after {
  right: -2px;
  border-left: solid 1px transparent;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px transparent;
}
.alarm.icon i {
  width: 3px;
  height: 4px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  top: 2px;
  left: 6px;
}
.alarm.icon i:before, .alarm.icon i:after {
  width: 1px;
  height: 3px;
  background-color: currentColor;
}
.alarm.icon i:before {
  left: -7px;
  top: 11px;
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.alarm.icon i:after {
  left: 5px;
  top: 11px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.alarm.icon.filled {
  background-color: currentColor;
}
.alarm.icon.filled i {
  border-color: white;
}

.syringe {
  width: 5px;
  height: 12px;
  border: solid 1px currentColor;
  border-radius: 0 0 3px 3px;
  margin: 4px 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.syringe:before {
  width: 1px;
  height: 4px;
  background-color: currentColor;
  left: 2px;
  bottom: -5px;
}
.syringe i {
  width: 3px;
  height: 3px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  top: -4px;
}
.syringe i:before {
  width: 7px;
  height: 1px;
  background-color: currentColor;
  left: -2px;
  top: -1px;
}
.syringe i:after {
  width: 11px;
  height: 1px;
  background-color: currentColor;
  left: -4px;
  bottom: -1px;
}
.syringe.filled {
  background-color: currentColor;
}

.minusFront.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 10px;
  height: 10px;
  border: solid 1px currentColor;
}
.minusFront.icon:before {
  width: 10px;
  height: 10px;
  border: dotted 1px currentColor;
  left: 4px;
  top: 4px;
}
.minusFront.icon:after {
  width: 6px;
  height: 6px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  background-color: white;
  right: -1px;
  bottom: -1px;
}
.minusFront.icon.filled {
  background-color: currentColor;
}

.unite.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 10px;
  height: 10px;
  border: solid 1px currentColor;
}
.unite.icon:before {
  width: 10px;
  height: 10px;
  border: solid 1px currentColor;
  left: 4px;
  top: 4px;
}
.unite.icon:after {
  width: 5px;
  height: 5px;
  border: solid 1px white;
  right: -1px;
  bottom: -1px;
}
.unite.icon.filled {
  background-color: currentColor;
}
.unite.icon.filled:before, .unite.icon.filled:after {
  background-color: currentColor;
}
.unite.icon.filled:after {
  border: solid 1px currentColor;
}

.intersect.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 10px;
  height: 10px;
  border: dotted 1px currentColor;
}
.intersect.icon:before {
  width: 10px;
  height: 10px;
  border: dotted 1px currentColor;
  left: 4px;
  top: 4px;
}
.intersect.icon:after {
  width: 5px;
  height: 5px;
  border: solid 1px currentColor;
  right: -1px;
  bottom: -1px;
}
.intersect.icon.filled:after {
  background-color: currentColor;
}

.exclude.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 10px;
  height: 10px;
  border: solid 1px currentColor;
}
.exclude.icon:before {
  width: 10px;
  height: 10px;
  border: solid 1px currentColor;
  left: 4px;
  top: 4px;
}
.exclude.icon:after {
  width: 5px;
  height: 5px;
  background-color: white;
  border: dotted 1px currentColor;
  right: -1px;
  bottom: -1px;
}
.exclude.icon.filled {
  background-color: currentColor;
}
.exclude.icon.filled:before {
  background-color: currentColor;
}
.exclude.icon.filled:after {
  background-color: white;
}

.glasses.icon {
  margin-left: 8px;
  margin-top: 9px;
  width: 3px;
  height: 3px;
  border-top: solid 1px currentColor;
  border-radius: 50%;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
  border-left: solid 1px transparent;
}
.glasses.icon:before, .glasses.icon:after {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px currentColor;
  top: -3px;
}
.glasses.icon:before {
  left: -7px;
  box-shadow: -4px 0 0 -3.5px currentColor,  -4.5px 0 0 -3.5px currentColor,  -5px 0 0 -3.5px currentColor;
}
.glasses.icon:after {
  right: -7px;
  box-shadow: 4px 0 0 -3.5px currentColor,  4.5px 0 0 -3.5px currentColor,  5px 0 0 -3.5px currentColor;
}
.glasses.icon.filled:before, .glasses.icon.filled:after {
  background-color: currentColor;
}

.sunGlasses.icon {
  margin-left: 9px;
  margin-top: 8px;
  width: 3px;
  height: 1px;
  background-color: currentColor;
}
.sunGlasses.icon:before, .sunGlasses.icon:after {
  width: 8px;
  height: 6px;
  border: solid 1px currentColor;
  top: -1px;
}
.sunGlasses.icon:before {
  border-radius: 3px 2px 6px 4px;
  left: -9px;
}
.sunGlasses.icon:after {
  border-radius: 2px 3px 4px 6px;
  right: -9px;
}
.sunGlasses.icon.filled:before, .sunGlasses.icon.filled:after {
  background-color: currentColor;
}

.bowTie.icon {
  margin-left: 1px;
  margin-top: 5px;
  width: 19px;
  height: 11px;
}
.bowTie.icon:before {
  width: 5px;
  height: 5px;
  border-left: solid 7px currentColor;
  border-right: solid 7px currentColor;
  border-top: solid 3px transparent;
  border-bottom: solid 3px transparent;
}
.bowTie.icon:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 5px;
  border: solid 1px currentColor;
  border-radius: 50%;
  background-color: white;
}
.bowTie.icon.filled:after {
  background-color: currentColor;
}

.tie.icon {
  margin-left: 7px;
  margin-top: 1px;
  width: 4px;
  height: 1px;
  border-top: solid 4px currentColor;
  border-right: solid 2px transparent;
  border-bottom: solid 11px currentColor;
  border-left: solid 2px transparent;
}
.tie.icon:before {
  top: 12px;
  left: -2px;
  width: 0;
  height: 0;
  border-top: solid 3px currentColor;
  border-right: solid 4px transparent;
  border-bottom: solid 0px transparent;
  border-left: solid 4px transparent;
}
.tie.icon i {
  left: 0px;
  top: -3px;
  width: 2px;
  height: 0;
  border-top: solid 2px white;
  border-right: solid 1px transparent;
  border-left: solid 1px transparent;
}
.tie.icon i:before {
  left: -2px;
  top: 3px;
  width: 2px;
  height: 0;
  border-bottom: solid 10px white;
  border-right: solid 2px transparent;
  border-left: solid 2px transparent;
}
.tie.icon i:after {
  left: -2px;
  top: 13px;
  width: 0;
  height: 0;
  border-top: solid 2px white;
  border-right: solid 3px transparent;
  border-left: solid 3px transparent;
}

.tieFilled.icon {
  margin-left: 7px;
  margin-top: 1px;
  width: 4px;
  height: 1px;
  border-top: solid 4px currentColor;
  border-right: solid 2px transparent;
  border-bottom: solid 11px currentColor;
  border-left: solid 2px transparent;
}
.tieFilled.icon:before {
  top: 12px;
  left: -2px;
  width: 0;
  height: 0;
  border-top: solid 3px currentColor;
  border-right: solid 4px transparent;
  border-bottom: solid 0px transparent;
  border-left: solid 4px transparent;
}

.shirt.icon {
  margin-left: 1px;
  margin-top: 3px;
  width: 17px;
  height: 4px;
  border: solid 1px currentColor;
  border-radius: 1px;
}
.shirt.icon:before {
  top: -1px;
  left: 5px;
  width: 5px;
  height: 3px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-radius: 0 0 3px 3px;
  background-color: white;
}
.shirt.icon:after {
  left: 3px;
  top: 4px;
  width: 9px;
  height: 9px;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-radius: 0 0 1px 1px;
  background-color: white;
}
.shirt.icon.filled {
  background-color: currentColor;
}
.shirt.icon.filled:after {
  background-color: currentColor;
}

.clothesButton.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 11px;
  height: 11px;
  border: double 3px currentColor;
  border-radius: 50%;
}
.clothesButton.icon:before, .clothesButton.icon:after {
  width: 1px;
  height: 1px;
  border-radius: 50%;
  border: solid 1px currentColor;
}
.clothesButton.icon:before {
  left: 2px;
  top: 2px;
}
.clothesButton.icon:after {
  left: 6px;
  top: 6px;
}
.clothesButton.icon.filled {
  margin-left: 1px;
  margin-top: 1px;
  width: 13px;
  height: 13px;
  border: double 3px white;
  background-color: currentColor;
}
.clothesButton.icon.filled:before, .clothesButton.icon.filled:after {
  border: solid 1px white;
}
.clothesButton.icon.filled:before {
  left: 3px;
  top: 3px;
}
.clothesButton.icon.filled:after {
  left: 7px;
  top: 7px;
}

.bankNote.icon {
  margin-left: 2px;
  margin-top: 8px;
  width: 15px;
  height: 8px;
  border: solid 1px currentColor;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 8px;
  color: currentColor;
  line-height: 10px;
  text-align: center;
}
.bankNote.icon:before {
  left: 1px;
  top: -3px;
  width: 13px;
  height: 1px;
  background-color: currentColor;
}
.bankNote.icon:after {
  left: 3px;
  top: -5px;
  width: 9px;
  height: 1px;
  background-color: currentColor;
}
.bankNote.icon.filled {
  background-color: currentColor;
  color: white;
}

.dashboard.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 11px;
  border-radius: 8px 8px 4px 4px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.dashboard.icon:before {
  width: 1px;
  height: 4px;
  background-color: currentColor;
  left: 7px;
  top: 3px;
}
.dashboard.icon:after {
  width: 1px;
  height: 1px;
  border: solid 1px currentColor;
  border-radius: 50%;
  left: 6px;
  top: 6px;
  box-shadow: -7px 0 0 -1px currentColor,  0 -7px 0 -1px currentColor,  7px 0 0 -1px currentColor;
}
.dashboard.icon.filled {
  background-color: currentColor;
}
.dashboard.icon.filled:before {
  background-color: white;
}
.dashboard.icon.filled:after {
  border-color: white;
  box-shadow: -7px 0 0 -1px white,  -8px 0 0 -1px white,  0 -7px 0 -1px white,  0 -8px 0 -1px white,  7px 0 0 -1px white, 8px 0 0 -1px white;
}

.dashboardLow.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 11px;
  border-radius: 8px 8px 4px 4px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.dashboardLow.icon:before {
  width: 1px;
  height: 4px;
  background-color: currentColor;
  left: 7px;
  top: 3px;
  -webkit-transform-origin: center 5px;
          transform-origin: center 5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.dashboardLow.icon:after {
  width: 1px;
  height: 1px;
  border: solid 1px currentColor;
  border-radius: 50%;
  left: 6px;
  top: 6px;
  box-shadow: -7px 0 0 -1px currentColor,  0 -7px 0 -1px currentColor,  7px 0 0 -1px currentColor;
}
.dashboardLow.icon.filled {
  background-color: currentColor;
}
.dashboardLow.icon.filled:before {
  background-color: white;
}
.dashboardLow.icon.filled:after {
  border-color: white;
  box-shadow: -7px 0 0 -1px white,  -8px 0 0 -1px white,  0 -7px 0 -1px white,  0 -8px 0 -1px white,  7px 0 0 -1px white, 8px 0 0 -1px white;
}

.dashboardHigh.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 11px;
  border-radius: 8px 8px 4px 4px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.dashboardHigh.icon:before {
  width: 1px;
  height: 4px;
  background-color: currentColor;
  left: 7px;
  top: 3px;
  -webkit-transform-origin: center 5px;
          transform-origin: center 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.dashboardHigh.icon:after {
  width: 1px;
  height: 1px;
  border: solid 1px currentColor;
  border-radius: 50%;
  left: 6px;
  top: 6px;
  box-shadow: -7px 0 0 -1px currentColor,  0 -7px 0 -1px currentColor,  7px 0 0 -1px currentColor;
}
.dashboardHigh.icon.filled {
  background-color: currentColor;
}
.dashboardHigh.icon.filled:before {
  background-color: white;
}
.dashboardHigh.icon.filled:after {
  border-color: white;
  box-shadow: -7px 0 0 -1px white,  -8px 0 0 -1px white,  0 -7px 0 -1px white,  0 -8px 0 -1px white,  7px 0 0 -1px white, 8px 0 0 -1px white;
}

.verticalAlignCenter.icon {
  margin-left: 2px;
  margin-top: 10px;
  width: 17px;
  height: 1px;
  background-color: currentColor;
}
.verticalAlignCenter.icon:before {
  width: 4px;
  height: 13px;
  border: solid 1px currentColor;
  left: 2px;
  top: -7px;
  border-radius: 1px;
}
.verticalAlignCenter.icon:after {
  width: 4px;
  height: 9px;
  border: solid 1px currentColor;
  right: 2px;
  top: -5px;
  border-radius: 1px;
}
.verticalAlignCenter.icon.halfFilled:after {
  background-color: currentColor;
}
.verticalAlignCenter.icon.filled:before {
  background-color: currentColor;
}
.verticalAlignCenter.icon.filled:after {
  background-color: currentColor;
}

.verticalAlignTop.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 17px;
  height: 1px;
  background-color: currentColor;
}
.verticalAlignTop.icon:before {
  width: 4px;
  height: 13px;
  border: solid 1px currentColor;
  left: 2px;
  top: 2px;
  border-radius: 1px;
}
.verticalAlignTop.icon:after {
  width: 4px;
  height: 9px;
  border: solid 1px currentColor;
  right: 2px;
  top: 2px;
  border-radius: 1px;
}
.verticalAlignTop.icon.halfFilled:after {
  background-color: currentColor;
}
.verticalAlignTop.icon.filled:before {
  background-color: currentColor;
}
.verticalAlignTop.icon.filled:after {
  background-color: currentColor;
}

.verticalAlignBottom.icon {
  margin-left: 2px;
  margin-top: 18px;
  width: 17px;
  height: 1px;
  background-color: currentColor;
}
.verticalAlignBottom.icon:before {
  width: 4px;
  height: 13px;
  border: solid 1px currentColor;
  left: 2px;
  bottom: 2px;
  border-radius: 1px;
}
.verticalAlignBottom.icon:after {
  width: 4px;
  height: 9px;
  border: solid 1px currentColor;
  right: 2px;
  bottom: 2px;
  border-radius: 1px;
}
.verticalAlignBottom.icon.halfFilled:after {
  background-color: currentColor;
}
.verticalAlignBottom.icon.filled:before {
  background-color: currentColor;
}
.verticalAlignBottom.icon.filled:after {
  background-color: currentColor;
}

.horizontalAlignCenter.icon {
  margin-left: 10px;
  margin-top: 2px;
  width: 1px;
  height: 17px;
  background-color: currentColor;
}
.horizontalAlignCenter.icon:before {
  width: 13px;
  height: 4px;
  border: solid 1px currentColor;
  left: -7px;
  bottom: 2px;
  border-radius: 1px;
}
.horizontalAlignCenter.icon:after {
  width: 9px;
  height: 4px;
  border: solid 1px currentColor;
  left: -5px;
  top: 2px;
  border-radius: 1px;
}
.horizontalAlignCenter.icon.halfFilled:after {
  background-color: currentColor;
}
.horizontalAlignCenter.icon.filled:before {
  background-color: currentColor;
}
.horizontalAlignCenter.icon.filled:after {
  background-color: currentColor;
}

.horizontalAlignLeft.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 1px;
  height: 17px;
  background-color: currentColor;
}
.horizontalAlignLeft.icon:before {
  width: 13px;
  height: 4px;
  border: solid 1px currentColor;
  left: 2px;
  bottom: 2px;
  border-radius: 1px;
}
.horizontalAlignLeft.icon:after {
  width: 9px;
  height: 4px;
  border: solid 1px currentColor;
  left: 2px;
  top: 2px;
  border-radius: 1px;
}
.horizontalAlignLeft.icon.halfFilled:after {
  background-color: currentColor;
}
.horizontalAlignLeft.icon.filled:before {
  background-color: currentColor;
}
.horizontalAlignLeft.icon.filled:after {
  background-color: currentColor;
}

.horizontalAlignRight.icon {
  margin-left: 18px;
  margin-top: 2px;
  width: 1px;
  height: 17px;
  background-color: currentColor;
}
.horizontalAlignRight.icon:before {
  width: 13px;
  height: 4px;
  border: solid 1px currentColor;
  right: 2px;
  bottom: 2px;
  border-radius: 1px;
}
.horizontalAlignRight.icon:after {
  width: 9px;
  height: 4px;
  border: solid 1px currentColor;
  right: 2px;
  top: 2px;
  border-radius: 1px;
}
.horizontalAlignRight.icon.halfFilled:after {
  background-color: currentColor;
}
.horizontalAlignRight.icon.filled:before {
  background-color: currentColor;
}
.horizontalAlignRight.icon.filled:after {
  background-color: currentColor;
}

.hammerFilled.icon {
  margin-left: 4px;
  margin-top: 0px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: currentColor;
  -webkit-transform-origin: center 10.5px;
          transform-origin: center 10.5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.hammerFilled.icon:before {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  left: -13px;
  box-shadow: 13px -9px 0 0 white, 13px 9px 0 0 white;
}
.hammerFilled.icon:after {
  width: 3px;
  height: 21px;
  border-radius: 1px;
  background-color: currentColor;
  left: 5px;
}

.hammer.icon {
  margin-left: 4px;
  margin-top: 0px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border-left: solid 1px currentColor;
  border-top: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px transparent;
  -webkit-transform-origin: center 10.5px;
          transform-origin: center 10.5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.hammer.icon:before {
  left: -1px;
  top: -9px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border-left: solid 1px transparent;
  border-top: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: solid 1px currentColor;
}
.hammer.icon:after {
  left: -1px;
  top: 7px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border-left: solid 1px transparent;
  border-top: solid 1px currentColor;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
}
.hammer.icon i {
  width: 1px;
  height: 4px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-radius: 1px 1px 0 0;
  left: 4px;
  top: -1px;
}
.hammer.icon i:after {
  width: 1px;
  height: 11px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-radius: 0 0 1px 1px;
  left: -1px;
  top: 8px;
}

.wrenchFilled.icon {
  margin-left: 5px;
  margin-top: 0px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: currentColor;
  -webkit-transform-origin: center 10.5px;
          transform-origin: center 10.5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.wrenchFilled.icon:after {
  width: 0;
  height: 0;
  border-radius: 0 0 1px 1px;
  background-color: currentColor;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
  border-top: solid 1px white;
  border-bottom: solid 1px transparent;
  left: 4px;
  top: 4px;
}
.wrenchFilled.icon:before {
  width: 2px;
  height: 5px;
  background-color: white;
  left: 4px;
  border-radius: 0 0 1px 1px;
  box-shadow: 0 15px 0px 1px currentColor, 0 11px 0px 1px currentColor, 0 8px 0px 1px currentColor;
}

.wrench.icon {
  margin-left: 5px;
  margin-top: 0px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: solid 1px currentColor;
  -webkit-transform-origin: center 10.5px;
          transform-origin: center 10.5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.wrench.icon:before {
  top: -1px;
  left: 2px;
  width: 2px;
  height: 5px;
  background-color: white;
  border-radius: 1px 1px 2px 2px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}
.wrench.icon:after {
  top: 8px;
  left: 2px;
  width: 2px;
  height: 11px;
  background-color: white;
  border-radius: 0 0 2px 2px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

.sorting.icon {
  margin-left: 10px;
  margin-top: 2px;
  height: 17px;
  width: 8px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 8px;
  color: currentColor;
  word-wrap: break-word;
  text-align: center;
  line-height: 9px;
}
.sorting.icon:before {
  width: 1px;
  height: 15px;
  background-color: currentColor;
  left: -5px;
  top: 1px;
}
.sorting.icon:after {
  width: 2px;
  height: 2px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  left: -6px;
  top: 13px;
}

.compass.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 14px;
  height: 14px;
  border: solid 1px currentColor;
  border-radius: 50%;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.compass.icon:before {
  left: 4px;
  border-left: solid 3px transparent;
  border-bottom: solid 7px currentColor;
  border-right: solid 3px transparent;
}
.compass.icon:after {
  left: 5px;
  top: 2px;
  border-left: solid 2px transparent;
  border-bottom: solid 5px white;
  border-right: solid 2px transparent;
}
.compass.icon i {
  left: 4px;
  top: 7px;
  border-left: solid 3px transparent;
  border-top: solid 7px currentColor;
  border-right: solid 3px transparent;
  z-index: 2;
}
.compass.icon.filled {
  background-color: currentColor;
}
.compass.icon.filled:before {
  border-bottom: solid 7px white;
}
.compass.icon.filled:after {
  border-bottom: solid 5px currentColor;
}
.compass.icon.filled i {
  border-top: solid 7px white;
}

.moveDown {
  margin-left: 2px;
  margin-top: 17px;
  width: 16px;
  height: 2px;
  background-color: currentColor;
}
.moveDown:before {
  width: 2px;
  height: 11px;
  top: -15px;
  left: 7px;
  background-color: currentColor;
}
.moveDown:after {
  width: 0;
  height: 0;
  left: 5px;
  top: -5px;
  border-top: solid 3px currentColor;
  border-right: solid 3px transparent;
  border-bottom: solid 3px transparent;
  border-left: solid 3px transparent;
}

.moveUp {
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 2px;
  background-color: currentColor;
}
.moveUp:before {
  width: 2px;
  height: 11px;
  top: 6px;
  left: 7px;
  background-color: currentColor;
}
.moveUp:after {
  width: 0;
  height: 0;
  left: 5px;
  top: 1px;
  border-top: solid 3px transparent;
  border-right: solid 3px transparent;
  border-bottom: solid 3px currentColor;
  border-left: solid 3px transparent;
}

.moveLeft {
  margin-left: 2px;
  margin-top: 2px;
  width: 2px;
  height: 16px;
  background-color: currentColor;
}
.moveLeft:before {
  width: 11px;
  height: 2px;
  top: 7px;
  left: 6px;
  background-color: currentColor;
}
.moveLeft:after {
  width: 0;
  height: 0;
  left: 1px;
  top: 5px;
  border-top: solid 3px transparent;
  border-right: solid 3px currentColor;
  border-bottom: solid 3px transparent;
  border-left: solid 3px transparent;
}

.moveRight {
  margin-left: 17px;
  margin-top: 2px;
  width: 2px;
  height: 16px;
  background-color: currentColor;
}
.moveRight:before {
  width: 11px;
  height: 2px;
  top: 7px;
  left: -15px;
  background-color: currentColor;
}
.moveRight:after {
  width: 0;
  height: 0;
  left: -5px;
  top: 5px;
  border-top: solid 3px transparent;
  border-right: solid 3px transparent;
  border-bottom: solid 3px transparent;
  border-left: solid 3px currentColor;
}

.moveHorizontalCenter {
  margin-left: 9px;
  margin-top: 2px;
  width: 2px;
  height: 16px;
  background-color: currentColor;
}
.moveHorizontalCenter:before {
  width: 12px;
  height: 2px;
  top: 7px;
  left: -8px;
  border-left: solid 3px currentColor;
  border-right: solid 3px currentColor;
}
.moveHorizontalCenter:after {
  width: 6px;
  height: 0;
  left: -5px;
  top: 5px;
  border-top: solid 3px transparent;
  border-right: solid 3px currentColor;
  border-bottom: solid 3px transparent;
  border-left: solid 3px currentColor;
}

.moveVerticalCenter {
  margin-left: 2px;
  margin-top: 9px;
  width: 16px;
  height: 2px;
  background-color: currentColor;
}
.moveVerticalCenter:before {
  width: 2px;
  height: 12px;
  top: -8px;
  left: 7px;
  border-top: solid 3px currentColor;
  border-bottom: solid 3px currentColor;
}
.moveVerticalCenter:after {
  width: 0;
  height: 6px;
  left: 5px;
  top: -5px;
  border-top: solid 3px currentColor;
  border-right: solid 3px transparent;
  border-bottom: solid 3px currentColor;
  border-left: solid 3px transparent;
}

.insertPages.icon {
  margin-left: 3px;
  margin-top: 2px;
  width: 13px;
  height: 6px;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-radius: 0 0 1px 1px;
}
.insertPages.icon:before {
  left: -1px;
  top: 10px;
  width: 13px;
  height: 6px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-radius: 1px 1px 0 0;
}
.insertPages.icon:after {
  width: 17px;
  height: 0;
  left: -2px;
  top: 8px;
  border-top: dotted 1px currentColor;
}
.insertPages.icon.filled {
  background-color: currentColor;
}
.insertPages.icon.filled:before {
  background-color: currentColor;
}

.insert {
  margin-left: 4px;
  margin-top: 18px;
  width: 14px;
  height: 1px;
  background-color: currentColor;
}
.insert:before {
  width: 4px;
  height: 4px;
  border-left: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  top: -7px;
}
.insert:after {
  width: 5px;
  height: 12px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  top: -20px;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.insert.filled:before {
  background-color: currentColor;
}
.insert.filled:after {
  background-color: currentColor;
}

.board.icon {
  margin-left: 3px;
  margin-top: 5px;
  width: 13px;
  height: 8px;
  border-radius: 2px;
  border: solid 1px currentColor;
  background-color: white;
}
.board.icon:before {
  width: 1px;
  height: 17px;
  background-color: currentColor;
  left: 6px;
  top: -4px;
  z-index: -1;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: skew(-21deg);
          transform: skew(-21deg);
}
.board.icon:after {
  width: 1px;
  height: 17px;
  background-color: currentColor;
  left: 6px;
  top: -4px;
  z-index: -1;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: skew(21deg);
          transform: skew(21deg);
}
.board.icon.filled {
  background-color: currentColor;
  border: solid 1px white;
}

.podium.icon {
  margin-left: 7px;
  margin-top: 3px;
  width: 5px;
  height: 13px;
  border: solid 1px currentColor;
}
.podium.icon:before {
  left: -7px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid 1px currentColor;
}
.podium.icon:after {
  left: 5px;
  top: 5px;
  width: 5px;
  height: 7px;
  border: solid 1px currentColor;
}
.podium.icon.filled {
  margin-left: 8px;
  margin-top: 4px;
  background-color: currentColor;
  border: none;
}
.podium.icon.filled:before {
  top: 4px;
  left: -6px;
  background-color: currentColor;
  border: none;
}
.podium.icon.filled:after {
  top: 6px;
  left: 6px;
  background-color: currentColor;
  border: none;
}

.socket.icon {
  margin-left: 1px;
  margin-top: 3px;
  width: 17px;
  height: 13px;
  border: solid 1px currentColor;
  border-radius: 7px;
}
.socket.icon:before {
  left: 4px;
  top: 3px;
  width: 5px;
  height: 3px;
  border-left: solid 2px currentColor;
  border-right: solid 2px currentColor;
}
.socket.icon:after {
  left: 7px;
  top: 8px;
  width: 3px;
  height: 3px;
  background-color: currentColor;
  border-radius: 50% 50% 0 0;
}
.socket.icon.filled {
  background-color: currentColor;
}
.socket.icon.filled:before {
  width: 7px;
  left: 4px;
  border-left: solid 1px white;
  border-right: solid 1px white;
}
.socket.icon.filled:after {
  background-color: white;
}

.barbell {
  margin-left: 1px;
  margin-top: 10px;
  width: 19px;
  height: 1px;
  background-color: currentColor;
}
.barbell:before {
  left: 4px;
  top: -6px;
  height: 11px;
  width: 1px;
  border-radius: 2px;
  border: solid 1px currentColor;
  background-color: white;
}
.barbell:after {
  right: 4px;
  top: -6px;
  height: 11px;
  width: 1px;
  border-radius: 2px;
  border: solid 1px currentColor;
  background-color: white;
}
.barbell i {
  width: 19px;
}
.barbell i:before {
  left: 2px;
  top: -4px;
  height: 7px;
  width: 1px;
  border-radius: 2px;
  border: solid 1px currentColor;
  background-color: white;
}
.barbell i:after {
  right: 2px;
  top: -4px;
  height: 7px;
  width: 1px;
  border-radius: 2px;
  border: solid 1px currentColor;
  background-color: white;
}
.barbell.filled:before {
  width: 0;
}
.barbell.filled:after {
  width: 0;
}
.barbell.filled i:before {
  width: 0;
}
.barbell.filled i:after {
  width: 0;
}

.detail {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: solid 1px currentColor;
  border-radius: 8px 8px 1px 8px;
}
.detail:before {
  width: 9px;
  height: 9px;
  border: solid 1px currentColor;
  border-radius: 50%;
  left: 2px;
  top: 2px;
}
.detail.filled {
  background-color: currentColor;
}
.detail.filled:before {
  background-color: white;
  border: solid 1px white;
}
.detail.plus i {
  top: 7px;
  left: 5px;
  width: 5px;
  height: 1px;
  background-color: currentColor;
}
.detail.plus i:before {
  width: 5px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.detail.minus i {
  top: 7px;
  left: 5px;
  width: 5px;
  height: 1px;
  background-color: currentColor;
}

.volume.icon {
  margin-left: 11px;
  margin-top: 3px;
  width: 1px;
  height: 15px;
  background-color: currentColor;
}
.volume.icon:before {
  width: 10px;
  height: 10px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: -5px;
  top: 2px;
}
.volume.icon:after {
  width: 4px;
  height: 5px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  border-radius: 1px;
  background-color: white;
  left: -8px;
  top: 4px;
}
.volume.icon.filled {
  width: 0;
}
.volume.icon.filled:before {
  width: 0;
  height: 7px;
  border-top: solid 4px transparent;
  border-right: solid 5px currentColor;
  border-bottom: solid 4px transparent;
  border-left: solid 5px transparent;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: -9px;
  top: 0px;
}
.volume.icon.filled:after {
  background-color: currentColor;
}

.volumePlus.icon {
  margin-left: 2px;
  margin-top: 7px;
}
.volumePlus.icon:before {
  width: 6px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.volumePlus.icon:after {
  width: 6px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.volumeMinus.icon {
  margin-left: 2px;
  margin-top: 7px;
}
.volumeMinus.icon:before {
  width: 6px;
  height: 1px;
  background-color: currentColor;
}

.volumeMute.icon {
  margin-left: 2px;
  margin-top: 7px;
}
.volumeMute.icon:before {
  width: 6px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.volumeMute.icon:after {
  width: 6px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.volumeOne.icon {
  margin-left: -2px;
  margin-top: 5px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px transparent;
  border-left: solid 1px transparent;
}

.volumeTwo.icon {
  margin-left: -4px;
  margin-top: 3px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border-top: double 3px transparent;
  border-right: double 3px currentColor;
  border-bottom: double 3px transparent;
  border-left: double 3px transparent;
}

.volumeThree.icon {
  margin-left: -4px;
  margin-top: 3px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border-top: double 3px transparent;
  border-right: double 3px currentColor;
  border-bottom: double 3px transparent;
  border-left: double 3px transparent;
}
.volumeThree.icon:after {
  left: -5px;
  top: -5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-top: solid 1px transparent;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px transparent;
  border-left: solid 1px transparent;
}

.shut.icon {
  position: absolute;
  margin-top: 4px;
  margin-left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: solid 1px currentColor;
}
.shut.icon:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 8px;
  border-left: solid 4px white;
  border-right: solid 4px white;
  background-color: currentColor;
  left: -3px;
  top: -2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.shut.icon:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  left: -2px;
  top: -2px;
}

.shut-right.icon {
  position: absolute;
  margin-top: 4px;
  margin-left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: solid 1px currentColor;
}
.shut-right.icon:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 8px;
  border-left: solid 4px white;
  border-right: solid 4px white;
  background-color: currentColor;
  right: -3px;
  top: -2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.shut-right.icon:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  right: -2px;
  top: -2px;
}

/*# sourceMappingURL=icons.css.map */