/**
 * MOD Sticky Effect — responsive shrink controls.
 * Loaded only when an element enables MOD Sticky Effect.
 */
.mod-sticky-ready.mod-sticky-shrink-enabled {
	--mod-sticky-shrink-scale: .8;
	--mod-sticky-shrink-duration: 300ms;
	--mod-sticky-shrink-easing: ease-out;
	--mod-sticky-shrink-origin: top center;
	box-sizing: border-box;
	transition-property: transform, opacity, height, min-height, max-height, padding, gap, row-gap, column-gap;
	transition-duration: .25s, .25s, var(--mod-sticky-shrink-duration), var(--mod-sticky-shrink-duration), var(--mod-sticky-shrink-duration), var(--mod-sticky-shrink-duration), var(--mod-sticky-shrink-duration), var(--mod-sticky-shrink-duration), var(--mod-sticky-shrink-duration);
	transition-timing-function: ease, ease, var(--mod-sticky-shrink-easing), var(--mod-sticky-shrink-easing), var(--mod-sticky-shrink-easing), var(--mod-sticky-shrink-easing), var(--mod-sticky-shrink-easing), var(--mod-sticky-shrink-easing), var(--mod-sticky-shrink-easing);
}

.mod-sticky-ready.mod-sticky-shrink-enabled .mod-sticky-shrink-target {
	transform-origin: var(--mod-sticky-shrink-origin);
	transition-property: scale;
	transition-duration: var(--mod-sticky-shrink-duration);
	transition-timing-function: var(--mod-sticky-shrink-easing);
	will-change: scale;
}

@supports (scale: 1) {
	.mod-sticky-ready.mod-sticky-shrink-enabled .mod-sticky-shrink-target {
		scale: 1;
	}

	.mod-sticky-ready.mod-sticky-shrink-enabled.is-mod-sticky-shrink .mod-sticky-shrink-target {
		scale: var(--mod-sticky-shrink-scale);
	}
}

@supports not (scale: 1) {
	.mod-sticky-ready.mod-sticky-shrink-enabled .mod-sticky-shrink-target {
		transition-property: transform;
		transform: scale(1);
	}

	.mod-sticky-ready.mod-sticky-shrink-enabled.is-mod-sticky-shrink .mod-sticky-shrink-target {
		transform: scale(var(--mod-sticky-shrink-scale));
	}
}

/* Neutralize the legacy whole-wrapper scale. The wrapper keeps its full sticky width;
 * only the selected inner targets shrink. Hide-on-scroll retains its translation. */
.mod-sticky-ready.mod-sticky-shrink-enabled.is-mod-sticky-shrink:not(.is-mod-sticky-hidden) {
	transform: none !important;
}

.mod-sticky-ready.mod-sticky-shrink-enabled.is-mod-sticky-hidden {
	transform: translateY(-120%) !important;
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
	.mod-sticky-ready.mod-sticky-shrink-enabled,
	.mod-sticky-ready.mod-sticky-shrink-enabled .mod-sticky-shrink-target {
		transition-duration: 0ms !important;
	}
}