.figcaption-title,
.figcaption-text,
.wg-text > figure figcaption {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

/*@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);
        }
    }
}*/
.figcaption-above {
  perspective: 1000;
  backface-visibility: hidden;
}

:root {
  --sk-fcaption-font-size: 0.9rem;
  --sk-fcaption-title-weight: 600;
  --sk-fcaption-line-height: 1rem;
  --sk-fcaption-above-color: #fff;
  --sk-fcaption-above-bg-rgb: #212529;
  --sk-fcaption-above-opacity: 0.65;
  --sk-fcaption-below-color: #6c757d;
  --sk-fcaption-below-bg-color: transparent;
}

figcaption[class^=figcaption-],
figcaption[class*=" figcaption-"],
.wg-text > figure figcaption {
  padding: 0.5rem;
  font-size: var(--sk-fcaption-font-size, 0.8rem);
  line-height: var(--sk-fcaption-line-height, 1rem);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.figcaption-below,
.wg-text > figure figcaption {
  color: var(--sk-fcaption-below-color, #6c757d);
  background-color: var(--sk-fcaption-below-bg-color, transparent);
}

.figcaption-above {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  max-height: 100%;
  color: var(--sk-fcaption-above-color, #fff);
  background: var(--sk-fcaption-above-bg-color, #000);
  background: rgba(var(--sk-fcaption-above-bg-rgb, #000), var(--sk-fcaption-above-opacity, 0.65));
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transform: -o-transform 0.2s ease-out;
  -ms-transition: -ms-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}

.hidde-caption.figcaption-above {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.figcaption-title {
  font-weight: var(--sk-fcaption-title-weight, 600);
}

.figcaption-title,
.figcaption-text,
.wg-text > figure figcaption {
  width: 100%;
}

.text-white .figcaption-below {
  color: #fff;
}

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