.tw-overlay-shooting-star {
  --tw-overlay-shooting-star-core-glow: rgba(255, 255, 255, 0.34);
  --tw-overlay-shooting-star-edge-glow: rgba(182, 211, 255, 0.22);
  --tw-overlay-shooting-star-core-glow-size: 1.2px;
  --tw-overlay-shooting-star-soft-glow-size: 8px;
  --tw-overlay-shooting-star-alpha: 1;
  display: block;
  color: #ffffff;
  pointer-events: none;
  opacity: var(--tw-overlay-shooting-star-alpha);
  visibility: hidden;
  isolation: isolate;
}

.tw-overlay-shooting-star__viewport {
  position: relative;
  aspect-ratio: 290 / 270;
}

.tw-overlay-shooting-star__svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.tw-overlay-shooting-star__svg mask {
  mask-type: alpha;
}

.tw-overlay-shooting-star__meteor {
  transform-box: view-box;
  transform-origin: center;
}

.tw-overlay-shooting-star__tail {
  mix-blend-mode: screen;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: var(--meteor-width, 2.7);
  filter:
    drop-shadow(0 0 var(--tw-overlay-shooting-star-core-glow-size) var(--tw-overlay-shooting-star-core-glow))
    drop-shadow(0 0 var(--tw-overlay-shooting-star-soft-glow-size) var(--tw-overlay-shooting-star-edge-glow));
}

.tw-overlay-shooting-star__mask-line {
  fill: none;
  stroke: #ffffff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: var(--meteor-mask-width, 14);
  stroke-dasharray: var(--meteor-mask-dash, 220);
  stroke-dashoffset: var(--meteor-mask-dash, 220);
}

.tw-overlay-shooting-star__meteor--a {
  --meteor-width: 2.15;
}

.tw-overlay-shooting-star__meteor--b {
  --meteor-width: 2.15;
}

.tw-overlay-shooting-star__meteor--c {
  --meteor-width: 2.85;
}

.tw-overlay-shooting-star__meteor--d {
  --meteor-width: 1.45;
}

.tw-overlay-shooting-star__mask-line--a {
  --meteor-delay: 0ms;
  --meteor-duration: 1400ms;
  --meteor-mask-width: 15;
  --meteor-mask-dash: 229;
}

.tw-overlay-shooting-star__mask-line--b {
  --meteor-delay: 210ms;
  --meteor-duration: 1380ms;
  --meteor-mask-width: 14;
  --meteor-mask-dash: 229;
}

.tw-overlay-shooting-star__mask-line--c {
  --meteor-delay: 420ms;
  --meteor-duration: 1500ms;
  --meteor-mask-width: 17;
  --meteor-mask-dash: 156;
}

.tw-overlay-shooting-star__mask-line--d {
  --meteor-delay: 650ms;
  --meteor-duration: 1540ms;
  --meteor-mask-width: 10;
  --meteor-mask-dash: 301;
}

.story-deco--shooting-left .tw-overlay-shooting-star__mask-line--a {
  --meteor-duration: 1900ms;
}

.story-deco--shooting-left .tw-overlay-shooting-star__mask-line--b {
  --meteor-duration: 1880ms;
}

.story-deco--shooting-right .tw-overlay-shooting-star__mask-line--a {
  --meteor-duration: 2200ms;
}

.story-deco--shooting-right .tw-overlay-shooting-star__mask-line--b {
  --meteor-duration: 2180ms;
}

.story-deco--shooting-right .tw-overlay-shooting-star__mask-line--c {
  --meteor-duration: 2300ms;
}

.story-deco--shooting-right .tw-overlay-shooting-star__mask-line--d {
  --meteor-duration: 2340ms;
}

.tw-overlay-shooting-star.is-active {
  visibility: visible;
}

.tw-overlay-shooting-star.is-active .tw-overlay-shooting-star__mask-line {
  animation: twOverlayShootingStarMaskReveal var(--meteor-duration) cubic-bezier(0.19, 0.01, 0.2, 1) var(--meteor-delay) 1 both;
}

@keyframes twOverlayShootingStarMaskReveal {
  0% {
    stroke-dashoffset: var(--meteor-mask-dash, 220);
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tw-overlay-shooting-star.is-active .tw-overlay-shooting-star__mask-line {
    animation: none;
    stroke-dashoffset: 0;
  }
}