/*@mixin radial-spin () {

    // explanation http://davidwalsh.name/css-circles 
    @-webkit-keyframes spin {
        from {
            -webkit-transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(360deg);
        }
    }

    @-moz-keyframes spin {
        from {
            -moz-transform: rotate(0deg);
        }

        to {
            -moz-transform: rotate(360deg);
        }
    }

    @-ms-keyframes spin {
        from {
            -ms-transform: rotate(0deg);
        }

        to {
            -ms-transform: rotate(360deg);
        }
    }
}*/
.wg-logo img {
  perspective: 1000;
  backface-visibility: hidden;
}

:root {
  --sk-logo-opacity: 1;
  --sk-logo-filter-sepia: 0%;
  --sk-logo-filter-saturate: 0%;
  --sk-logo-filter-huerotate: 0deg;
}

.wg-logo img {
  -moz-opacity: var(--sk-logo-opacity, 1);
  -o-opacity: var(--sk-logo-opacity, 1);
  -webkit-opacity: var(--sk-logo-opacity, 1);
  opacity: var(--sk-logo-opacity, 1);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.wg-logo .stretched-link:hover + img {
  -moz-opacity: 1;
  -o-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
}
.wg-logo.filter-gray img {
  -webkit-filter: grayscale(1) sepia(var(--sk-logo-filter-sepia, 0%)) saturate(var(--sk-logo-filter-saturate, 0%)) hue-rotate(var(--sk-logo-filter-huerotate, 0deg));
  filter: grayscale(1) sepia(var(--sk-logo-filter-sepia, 0%)) saturate(var(--sk-logo-filter-saturate, 0%)) hue-rotate(var(--sk-logo-filter-huerotate, 0deg));
}
.wg-logo.filter-gray .stretched-link:hover + img {
  -webkit-filter: none;
  filter: none;
}

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