slot {
  pointer-events: none;
}

:host {
  width: 100%;
  height: 100%;
  contain: strict;
  display: block;
  position: relative;
}

#tilt-container {
  transition-timing-function: cubic-bezier(0.42, 0, 0, 1);
  transition-duration: 500ms;
  transform: none;
}

:host(:hover) #tilt-container  {
  transition: none;
}

#light {
  background-image: radial-gradient(ellipse at center, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 60%);
  width: 100%;
  height: 100%;
  background-blend-mode: lighten;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
  transform-origin: 0 0;
  opacity: 0;
  transition: transform 500ms ease, opacity 500ms ease;
}

:host(:hover) #light {
  opacity: 1;
  transition: none;
}