.fotogrids-collection[data-fg-hover] {
--fg-hover-zoom-scale: 1.08;
--fg-hover-zoom-scale-soft: 1.04;
--fg-hover-lift-distance: -5px;
--fg-hover-tilt-angle: -2deg;
--fg-hover-duration: 250ms;
--fg-hover-ease: ease;
--fg-hover-frame-color: rgba(0, 0, 0, 0.4);
--fg-hover-frame-caption-scale: 0.9;
--fg-hover-tint-color: rgba(0, 0, 0, 0.4);
--fg-hover-caption-shift: 12px; --fg-hover-filter: ;
}
.fotogrids-collection[data-fg-hover] .fg-item-media {
line-height: 0;
}
.fotogrids-collection[data-fg-hover] .fg-item,
.fotogrids-collection[data-fg-hover] .fg-item-media,
.fotogrids-collection[data-fg-hover] .fg-caption,
.fotogrids-collection[data-fg-hover] .fg-caption-bg,
.fotogrids-collection[data-fg-hover] .fg-caption-content {
transition-timing-function: var(--fg-hover-ease);
transition-duration: var(--fg-hover-duration);
}
.fotogrids-collection[data-fg-hover] .fg-item-media,
.fotogrids-collection[data-fg-hover] .fg-item {
will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
.fotogrids-collection[data-fg-hover] .fg-item,
.fotogrids-collection[data-fg-hover] .fg-item-media,
.fotogrids-collection[data-fg-hover] .fg-caption {
transition: none !important;
animation: none !important;
}
}