/* GENERAL */
regular-icon
{
   display: block;
   width: 30px;
   height: 30px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   cursor: pointer;
}
regular-icon[disabled],
regular-icon.disabled
{
   cursor: not-allowed;
}
/* STATE */
regular-icon[type="state"][color="turkis"][state="2"]
{
   background-image: url(/images/icons/buffer.svg);
   animation: loader-state-rotation 2s infinite linear;
}
regular-icon[type="state"][color="gradient"][state="0"]
{
   background-image: url(/images/icons/play-gradient.svg);
}
regular-icon[type="state"][color="gradient"][state="1"]
{
   background-image: url(/images/icons/pause-gradient.svg);
}
regular-icon[type="state"][color="gradient"][state="2"]
{
   background-image: url(/images/icons/buffer.svg);
   animation: loader-state-rotation 2s infinite linear;
}
regular-icon[type="state"][color="purple"][state="0"]
{
   background-image: url(/images/icons/play-purple.svg);
}
regular-icon[type="state"][color="purple"][state="1"]
{
   background-image: url(/images/icons/pause-purple.svg);
}
regular-icon[type="state"][color="purple"][state="2"]
{
   background-image: url(/images/icons/buffer.svg);
   animation: loader-state-rotation 2s infinite linear;
}
/* ARROWS */
regular-icon[type="arrow-left"][color="purple"]
{
   background-image: url(/images/icons/arrow-left-purple.svg);
}
regular-icon[type="arrow-right"][color="white"]
{
   background-image: url(/images/icons/arrow-right-white.svg);
}
regular-icon[type="arrow-down"][color="black"]
{
   background-image: url(/images/icons/arrow-down-black.svg);
}
regular-icon[type="arrow-down"][color="purple"]
{
   background-image: url(/images/icons/arrow-down-purple.svg);
}
regular-icon[type="arrow-down"][color="gradient"]
{
   background-image: url(/images/icons/arrow-down-gradient.svg);
}
regular-icon[type="arrow-up"][color="gradient"]
{
   background-image: url(/images/icons/arrow-up-gradient.svg);
}
/* Vote */
regular-icon[type="like"][color="gradient"][state="0"]
{
   background-image: url(/images/icons/like-gradient.svg);
}
regular-icon[type="like"][color="gradient"][state="1"]
{
   background-image: url(/images/icons/liked-gradient.svg);
}
regular-icon[type="dislike"][color="gradient"][state="0"]
{
   background-image: url(/images/icons/dislike-gradient.svg);
}
regular-icon[type="dislike"][color="gradient"][state="1"]
{
   background-image: url(/images/icons/disliked-gradient.svg);
}
regular-icon[type="like"][color="purple"][state="0"]
{
   background-image: url(/images/icons/like-purple.svg);
}
regular-icon[type="dislike"][color="purple"][state="0"]
{
   background-image: url(/images/icons/dislike-purple.svg);
}