@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:host {
  --product-tour-spotlight-padding: var(--joy-core-spacing-2);
  position: absolute;
  border-radius: var(--joy-core-radius-3);
  padding: var(--product-tour-spotlight-padding);
  box-sizing: content-box !important;
  box-shadow: 0 0 0 10000px var(--joy-color-overlay);
  z-index: var(--joy-core-z-index-backdrop);
  pointer-events: none;
  animation: fade-in var(--joy-transition-duration-default) var(--joy-transition-timing-function) forwards;
}

:host(.joy-product-tour-spotlight--no-animation) {
  animation: none;
}