.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%;
    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%;
    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;
    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;
    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%;
    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;
    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;
    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%;
    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;
    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%;
    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;
    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%;
    transform: rotate(-45deg);
  }
  
  .close.icon:after {
    content: '';
    position: absolute;
    top: 10px;
    width: 21px;
    height: 1px;
    background-color: currentColor;
    transform: rotate(45deg);
  }
  
  .close.icon:before {
    content: '';
    position: absolute;
    top: 10px;
    width: 21px;
    height: 1px;
    background-color: currentColor;
    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;
    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;
    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;
    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;
    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;
    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;
    transform: rotate(-45deg);
  }
  
  .remove.icon:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: currentColor;
    transform: rotate(-45deg);
  }
  
  .remove.icon:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: currentColor;
    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;
    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;
    transform: rotate(-45deg);
  }
  
  .chat.icon:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 8px;
    width: 4px;
    height: 4px;
    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;
    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;
    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;
    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;
    transform-origin: 0% 0%;
  }
  
  .clock.icon:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    width: 5px;
    height: 1px;
    background-color: currentColor;
    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;
    transform-origin: 0% 0%;
  }
  
  .clock-solid.icon:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    width: 5px;
    height: 1px;
    color: white;
    background-color: currentColor;
    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;
    transform-origin: 0% 0%;
  }
  
  .clock-h3m30.icon:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    width: 5px;
    height: 1px;
    background-color: currentColor;
    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;
    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;
    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;
    transform-origin: 0% 0%;
  }
  
  .clock-h9m0.icon:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 3px;
    width: 5px;
    height: 1px;
    background-color: currentColor;
    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;
    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;
    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;
    transform-origin: 0% 0%;
  }
  
  .clock-h9m30.icon:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 3px;
    width: 5px;
    height: 1px;
    background-color: currentColor;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    transform: rotate(-45deg);
  }
  
  .map.icon:after {
    content: '';
    position: absolute;
    left: 4px;
    top: -3px;
    width: 4px;
    height: 10px;
    border-radius: 1px;
    border: solid 1px currentColor;
    transform: skewY(-40deg);
  }
  
  .map.icon:before {
    content: '';
    position: absolute;
    left: -6px;
    top: 1px;
    width: 4px;
    height: 10px;
    border-radius: 1px;
    border: solid 1px currentColor;
    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;
    transform: skewY(20deg);
  }
  
  .mail.icon:after {
    content: '';
    position: absolute;
    left: 7px;
    top: -4px;
    width: 1px;
    height: 10px;
    background-color: currentColor;
    transform-origin: bottom;
    transform: rotate(54deg);
  }
  
  .mail.icon:before {
    content: '';
    position: absolute;
    left: 7px;
    top: -4px;
    width: 1px;
    height: 10px;
    background-color: currentColor;
    transform-origin: bottom;
    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;
    transform-origin: bottom;
    transform: rotate(54deg);
  }
  
  .mail-solid.icon:before {
    content: '';
    position: absolute;
    left: 7px;
    top: -4px;
    width: 1px;
    height: 10px;
    color: white;
    background-color: currentColor;
    transform-origin: bottom;
    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;
    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;
    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;
    transform-origin: center;
    transform: rotate(90deg);
  }
  
  .focus.icon:before {
    content: '';
    position: absolute;
    left: 3px;
    top: -2px;
    width: 9px;
    height: 19px;
    color: white;
    background-color: currentColor;
    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: 6px;
    width: 8px;
    height: 8px;
    border-bottom: solid 1px currentColor;
    border-right: solid 1px currentColor;
    transform: rotate(-45deg);
  }
  
  .code.icon:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-left: solid 1px currentColor;
    border-top: solid 1px currentColor;
    transform: rotate(-45deg);
  }
  
  .code.icon {
    color: #000;
    position: absolute;
    margin-left: 3px;
    margin-top: 6px;
  }
  
  .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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    transform-origin: left 7px;
    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;
    transform-origin: right 7px;
    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;
    transform-origin: left 5px;
    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%;
    transform-origin: right 5px;
    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;
    transform-origin: left 7px;
    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;
    transform-origin: right 7px;
    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;
    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;
    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;
    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;
    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%;
    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%;
    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;
    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;
    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;
    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;
    transform: rotate(45deg);
  }
  
  .float.icon:after {
    content: '';
    position: absolute;
    top: 7px;
    left: -1px;
    width: 17px;
    height: 1px;
    transform: rotate(45deg);
    background-color: currentColor;
  }
  
  .float.icon:before {
    content: '';
    position: absolute;
    top: 7px;
    left: -1px;
    width: 17px;
    height: 1px;
    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;
    transform: rotate(45deg);
    color: white;
    background-color: currentColor;
  }
  
  .float-solid.icon:before {
    content: '';
    position: absolute;
    top: 3px;
    left: -5px;
    width: 17px;
    height: 1px;
    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;
    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;
    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;
    transform: rotate(-45deg);
  }
  
  .wink-tougue.icon i {
    position: absolute;
    left: 4px;
    top: 10px;
    width: 8px;
    height: 1px;
    background-color: currentColor;
    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;
    transform: rotate(-45deg);
  }
  
  .tougue.icon i {
    position: absolute;
    left: 4px;
    top: 10px;
    width: 8px;
    height: 1px;
    background-color: currentColor;
    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;
    transform: rotate(-45deg);
  }
  
  .tougue-solid.icon i {
    position: absolute;
    left: 4px;
    top: 10px;
    width: 8px;
    height: 1px;
    color: white;
    background-color: currentColor;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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%;
    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%;
    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%;
    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%;
    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%;
    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;
    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%;
    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%;
    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;
    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%;
    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;
    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%;
    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;
    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%;
    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;
    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%;
    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;
    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;
    transform: rotate(-45deg);
  }
  
  .sun-raindrop.icon:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50% 0 50% 50%;
    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;
    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%;
    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;
    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;
    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;
    transform: rotate(135deg);
  }
  
  .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;
    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;
    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;
    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;
    transform-origin: left bottom;
    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;
    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;
    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;
    transform: rotate(45deg);
  }
  .circle.removeI.icon:after,
  .square.removeI.icon:after {
    left: 3px;
    top: 7px;
    width: 9px;
    height: 1px;
    background-color: currentColor;
    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;
    transform: rotate(-45deg);
    left: 4px;
    top: 4px;
  }
  .calendar.icon.removeI i:before {
    width: 8px;
    height: 1px;
    background-color: currentColor;
    left: 4px;
    top: 8px;
    transform: rotate(-45deg);
  }
  .calendar.icon.removeI i:after {
    width: 8px;
    height: 1px;
    background-color: currentColor;
    left: 4px;
    top: 8px;
    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;
    transform-origin: right top;
    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;
    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;
    transform-origin: bottom center;
    transform: rotate(33deg);
  }
  .hard-drive.icon i:after {
    top: -1px;
    right: -4px;
    width: 1px;
    height: 7px;
    border-right: solid 1px currentColor;
    transform-origin: bottom right;
    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;
    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%;
    transform: rotate(-45deg);
  }
  .infinite.icon:after {
    width: 6px;
    height: 6px;
    border: solid 1px currentColor;
    border-radius: 50% 50% 0 50%;
    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;
    transform-origin: bottom right;
    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;
    transform: rotate(60deg);
  }
  .asterisk.icon:after {
    width: 1px;
    height: 11px;
    background-color: currentColor;
    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;
    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;
    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;
    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;
    transform-origin: left bottom;
    transform: rotate(-30deg);
  }
  .share.icon i:after {
    top: 1px;
    left: 3px;
    width: 8px;
    height: 1px;
    background-color: currentColor;
    transform-origin: left top;
    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;
    transform-origin: left bottom;
    transform: rotate(-30deg);
  }
  .share-filled.icon:after {
    top: 2px;
    left: 3px;
    width: 8px;
    height: 1px;
    background-color: currentColor;
    transform-origin: left top;
    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;
    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;
    transform-origin: left bottom;
    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;
    transform-origin: left bottom;
    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;
    transform-origin: right top;
    transform: rotate(-30deg);
  }
  .back-play.icon:after {
    bottom: 0;
    transform-origin: right bottom;
    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;
    transform-origin: left top;
    transform: rotate(30deg);
  }
  .play.icon:after {
    bottom: 0;
    transform-origin: left bottom;
    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;
    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;
    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;
    transform-origin: left top;
    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;
    transform-origin: right top;
    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;
    transform-origin: right top;
    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;
    transform-origin: right top;
    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;
    transform-origin: left top;
    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;
    transform-origin: left top;
    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;
    transform-origin: right top;
    transform: rotate(-45deg);
  }
  .previous-next.icon:after {
    right: -10px;
    width: 8px;
    height: 8px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    transform-origin: left top;
    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;
    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;
    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;
    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;
    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;
    transform-origin: left bottom;
    transform: rotate(-26deg);
  }
  .cart.icon:after {
    width: 1px;
    height: 10px;
    background-color: currentColor;
    bottom: -1px;
    right: 0;
    transform-origin: right bottom;
    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;
    transform-origin: left top;
    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;
    transform-origin: right bottom;
    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;
    transform-origin: left top;
    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;
    transform-origin: right bottom;
    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;
    transform-origin: left top;
    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;
    transform-origin: bottom left;
    transform: rotate(26deg);
  }
  .flip-horizontal.icon i:after {
    width: 1px;
    height: 16px;
    background-color: currentColor;
    right: 0;
    bottom: 1px;
    transform-origin: bottom right;
    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;
    transform-origin: top left;
    transform: rotate(26deg);
  }
  .flip-vertical.icon i:after {
    width: 16px;
    height: 1px;
    background-color: currentColor;
    bottom: 0;
    left: 1px;
    transform-origin: bottom left;
    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;
    transform-origin: left bottom;
    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;
    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;
    transform-origin: right bottom;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    transform-origin: right center;
    transform: rotate(45deg);
  }
  .alarm.icon i:after {
    left: 5px;
    top: 11px;
    transform-origin: left center;
    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;
    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;
    transform-origin: center 5px;
    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;
    transform-origin: center 5px;
    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;
    transform-origin: center 10.5px;
    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;
    transform-origin: center 10.5px;
    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;
    transform-origin: center 10.5px;
    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;
    transform-origin: center 10.5px;
    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;
    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%;
    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;
    transform-origin: left bottom;
    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;
    transform-origin: right top;
    transform: skew(-21deg);
  }
  .board.icon:after {
    width: 1px;
    height: 17px;
    background-color: currentColor;
    left: 6px;
    top: -4px;
    z-index: -1;
    transform-origin: left top;
    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;
    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;
    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;
    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;
    transform-origin: center;
  }
  .volumePlus.icon:after {
    width: 6px;
    height: 1px;
    background-color: currentColor;
    transform-origin: center;
    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;
    transform-origin: center;
    transform: rotate(45deg);
  }
  .volumeMute.icon:after {
    width: 6px;
    height: 1px;
    background-color: currentColor;
    transform-origin: center;
    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;
    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;
    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 */