.primary-black[data-v-884d1f5d] {
  display: inline;
}
.secondary-white[data-v-884d1f5d] {
  display: none;
}
@media screen and (-ms-high-contrast: white-on-black) {
.primary-black[data-v-884d1f5d] {
    display: none;
}
.secondary-white[data-v-884d1f5d] {
    display: inline;
}
}
.primary-white[data-v-884d1f5d] {
  display: inline;
}
.secondary-black[data-v-884d1f5d] {
  display: none;
}
@media screen and (-ms-high-contrast: black-on-white) {
.primary-white[data-v-884d1f5d] {
    display: none;
}
.secondary-black[data-v-884d1f5d] {
    display: inline;
}
}
.learning-object-thumb-image[data-v-884d1f5d] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.learning-object-thumb-image__image-container[data-v-884d1f5d] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  padding-bottom: 56.25%;
}
.learning-object-thumb-image__blurred[data-v-884d1f5d] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: inherit;
  object-fit: fill;
  filter: blur(30px);
  transform: translate3d(0, 0, 0);
  z-index: 800;
}
.learning-object-thumb-image__image[data-v-884d1f5d] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
  box-shadow: 0 32px 64px rgba(0, 0, 0, 0.1876), 0 2px 21px rgba(0, 0, 0, 0.1474);
  transform: translate3d(-50%, -50%, 0);
  z-index: 900;
}
.learning-object-thumb-image__default[data-v-884d1f5d] {
  border-radius: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
  box-shadow: 0 32px 64px rgba(0, 0, 0, 0.1876), 0 2px 21px rgba(0, 0, 0, 0.1474);
}
.learning-object-thumb-image__overlay[data-v-884d1f5d] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(244, 244, 244, 0.1);
  background-blend-mode: exclusion;
}