.mediaOverlay {
  display: block;
  position: relative;
  padding: 0.25rem;
  width: 13.375rem;
  height: auto;
}
.mediaOverlay .media {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
.mediaOverlay .image,
.mediaOverlay .textLayout {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mediaOverlay .textLayout {
  margin: 0.5rem;
}
.mediaOverlay .image {
  margin: 0.25rem;
  height: auto;
  width: auto;
}
.mediaOverlay .text {
  font-weight: 500;
}
:global(.spotlight-input-key) .mediaOverlay:global(.moonstone)[disabled]:global(.spottable):focus,
:global(.spotlight-input-mouse) .mediaOverlay:global(.moonstone)[disabled]:global(.spottable):focus {
  opacity: 0.4;
}
:global(.spotlight-input-key) .mediaOverlay:global(.moonstone)[disabled]:global(.spottable):focus .media,
:global(.spotlight-input-mouse) .mediaOverlay:global(.moonstone)[disabled]:global(.spottable):focus .media,
:global(.spotlight-input-key) .mediaOverlay:global(.moonstone)[disabled]:global(.spottable):focus .image,
:global(.spotlight-input-mouse) .mediaOverlay:global(.moonstone)[disabled]:global(.spottable):focus .image,
:global(.spotlight-input-key) .mediaOverlay:global(.moonstone)[disabled]:global(.spottable):focus .textLayout,
:global(.spotlight-input-mouse) .mediaOverlay:global(.moonstone)[disabled]:global(.spottable):focus .textLayout {
  opacity: 1;
}
:global(.spotlight-input-touch) .mediaOverlay:global(.moonstone)[disabled]:global(.spottable):active {
  opacity: 0.4;
}
:global(.spotlight-input-touch) .mediaOverlay:global(.moonstone)[disabled]:global(.spottable):active .media,
:global(.spotlight-input-touch) .mediaOverlay:global(.moonstone)[disabled]:global(.spottable):active .image,
:global(.spotlight-input-touch) .mediaOverlay:global(.moonstone)[disabled]:global(.spottable):active .textLayout {
  opacity: 1;
}
:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone.highContrast)[disabled]:global(.spottable):focus,
:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone.highContrast)[disabled]:global(.spottable):focus {
  opacity: 0.4;
}
:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone.highContrast)[disabled]:global(.spottable):focus .media,
:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone.highContrast)[disabled]:global(.spottable):focus .media,
:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone.highContrast)[disabled]:global(.spottable):focus .image,
:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone.highContrast)[disabled]:global(.spottable):focus .image,
:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone.highContrast)[disabled]:global(.spottable):focus .textLayout,
:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone.highContrast)[disabled]:global(.spottable):focus .textLayout {
  opacity: 1;
}
:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone.highContrast)[disabled]:global(.spottable):active {
  opacity: 0.4;
}
:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone.highContrast)[disabled]:global(.spottable):active .media,
:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone.highContrast)[disabled]:global(.spottable):active .image,
:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone.highContrast)[disabled]:global(.spottable):active .textLayout {
  opacity: 1;
}
:global(.spotlight-input-key) .mediaOverlay:global(.moonstone-light)[disabled]:global(.spottable):focus,
:global(.spotlight-input-mouse) .mediaOverlay:global(.moonstone-light)[disabled]:global(.spottable):focus {
  opacity: 0.4;
}
:global(.spotlight-input-key) .mediaOverlay:global(.moonstone-light)[disabled]:global(.spottable):focus .media,
:global(.spotlight-input-mouse) .mediaOverlay:global(.moonstone-light)[disabled]:global(.spottable):focus .media,
:global(.spotlight-input-key) .mediaOverlay:global(.moonstone-light)[disabled]:global(.spottable):focus .image,
:global(.spotlight-input-mouse) .mediaOverlay:global(.moonstone-light)[disabled]:global(.spottable):focus .image,
:global(.spotlight-input-key) .mediaOverlay:global(.moonstone-light)[disabled]:global(.spottable):focus .textLayout,
:global(.spotlight-input-mouse) .mediaOverlay:global(.moonstone-light)[disabled]:global(.spottable):focus .textLayout {
  opacity: 1;
}
:global(.spotlight-input-touch) .mediaOverlay:global(.moonstone-light)[disabled]:global(.spottable):active {
  opacity: 0.4;
}
:global(.spotlight-input-touch) .mediaOverlay:global(.moonstone-light)[disabled]:global(.spottable):active .media,
:global(.spotlight-input-touch) .mediaOverlay:global(.moonstone-light)[disabled]:global(.spottable):active .image,
:global(.spotlight-input-touch) .mediaOverlay:global(.moonstone-light)[disabled]:global(.spottable):active .textLayout {
  opacity: 1;
}
:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone-light.highContrast)[disabled]:global(.spottable):focus,
:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone-light.highContrast)[disabled]:global(.spottable):focus {
  opacity: 0.4;
}
:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone-light.highContrast)[disabled]:global(.spottable):focus .media,
:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone-light.highContrast)[disabled]:global(.spottable):focus .media,
:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone-light.highContrast)[disabled]:global(.spottable):focus .image,
:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone-light.highContrast)[disabled]:global(.spottable):focus .image,
:global(.spotlight-input-key) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone-light.highContrast)[disabled]:global(.spottable):focus .textLayout,
:global(.spotlight-input-mouse) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone-light.highContrast)[disabled]:global(.spottable):focus .textLayout {
  opacity: 1;
}
:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone-light.highContrast)[disabled]:global(.spottable):active {
  opacity: 0.4;
}
:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone-light.highContrast)[disabled]:global(.spottable):active .media,
:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone-light.highContrast)[disabled]:global(.spottable):active .image,
:global(.spotlight-input-touch) :global(.enact-a11y-high-contrast) .mediaOverlay:global(.moonstone-light.highContrast)[disabled]:global(.spottable):active .textLayout {
  opacity: 1;
}