.rw-image-trail--yes {
  isolation: isolate;
  overflow: visible;
  position: relative;
}
.rw-image-trail-cursor--yes {
  cursor: crosshair;
}
.rw-image-trail-layer {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
}
.rw-image-trail-position--front > .rw-image-trail-layer {
  z-index: var(--rw-trail-z, 30);
}
.rw-image-trail-position--behind > .rw-image-trail-layer {
  z-index: 0;
}
.rw-image-trail-position--behind
  > :not(.rw-image-trail-layer):not(.rw-film-layer):not(
    .rw-spotlight-layer
  ):not(.rw-spotlight-dot):not(.rw-background-pattern):not(
    .rw-animated-grid-canvas
  ):not(.rw-animated-path-layer):not(.rw-depth-world):not(
    .rw-magnetic-layer
  ):not(.rw-magnetic-cursor):not(.rw-shape-divider) {
  position: relative;
  z-index: 1;
}
.rw-trail-item {
  aspect-ratio: 4/5;
  border: var(--rw-trail-border-width, 1px) solid
    var(--rw-trail-border-color, rgba(255, 255, 255, 0.58));
  border-radius: var(--rw-trail-radius, 18px);
  box-shadow:
    0 22px 50px rgba(16, 38, 35, 0.15),
    0 3px 10px rgba(16, 38, 35, 0.08);
  left: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: var(--rw-trail-width, 140px);
  will-change: transform, opacity, filter;
}
.rw-image-trail-ratio--square .rw-trail-item {
  aspect-ratio: 1;
}
.rw-image-trail-ratio--portrait .rw-trail-item {
  aspect-ratio: 4/5;
}
.rw-image-trail-ratio--landscape .rw-trail-item {
  aspect-ratio: 4/3;
}
.rw-image-trail-ratio--wide .rw-trail-item {
  aspect-ratio: 16/9;
}
.rw-trail-item img {
  display: block;
  height: 100% !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: cover !important;
  transform: scale(1.08);
  width: 100% !important;
}
@media (prefers-reduced-motion: reduce) {
  .rw-image-trail--yes {
    cursor: default;
  }
  .rw-image-trail-layer {
    display: none;
  }
}
@media (hover: none) {
  .rw-image-trail-cursor--yes {
    cursor: default;
  }
}
