.adsgravity-slot { width: 100%; max-width: var(--adsgravity-width, 100%); margin-inline: auto; position: relative; aspect-ratio: var(--adsgravity-ratio, auto); overflow: hidden; }
.adsgravity-loading, .adsgravity-unavailable { display: grid; place-items: center; min-height: 80px; color: #68736c; font: 13px/1.4 system-ui, sans-serif; background: #f4f6f5; }
.adsgravity-viewport { position: relative; width: 100%; overflow: hidden; }
.adsgravity-viewport[data-adsgravity-draggable="true"] { cursor: grab; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.adsgravity-viewport.is-dragging { cursor: grabbing; }
.adsgravity-viewport.is-dragging .adsgravity-link { pointer-events: none; }
.adsgravity-track { position: relative; width: 100%; }
.adsgravity-slide { position: absolute; inset: 0; width: 100%; opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(0, 0, 0); }
.adsgravity-slide.is-active { position: relative; opacity: 1; visibility: visible; pointer-events: auto; z-index: 1; }
.adsgravity-slide.is-leaving { position: absolute; opacity: 1; visibility: visible; pointer-events: none; z-index: 2; }

.adsgravity-transition-fade .adsgravity-slide { transition: opacity .5s ease, visibility .5s ease; }
.adsgravity-transition-fade.is-preparing .is-entering { opacity: 0; }
.adsgravity-transition-fade.is-animating .is-entering { opacity: 1; }
.adsgravity-transition-fade.is-animating .is-leaving { opacity: 0; }

.adsgravity-transition-slide .adsgravity-track { display: flex; will-change: transform; }
.adsgravity-transition-slide .adsgravity-track.is-animated { transition: transform .52s cubic-bezier(.22,.76,.28,1); }
.adsgravity-transition-slide .adsgravity-slide { position: relative; inset: auto; flex: 0 0 100%; width: 100%; opacity: 1; visibility: visible; transform: none; }
.adsgravity-transition-slide .adsgravity-slide.is-active { pointer-events: auto; }
.adsgravity-transition-slide .adsgravity-slide.is-clone { pointer-events: none; }

.adsgravity-transition-parallax .adsgravity-slide { transition: transform .78s cubic-bezier(.22,.72,.24,1); will-change: transform; }
.adsgravity-transition-parallax .adsgravity-slide:not(.is-active):not(.is-leaving) { transition: none; }
.adsgravity-transition-parallax.is-preparing .is-entering { transition: none; }
.adsgravity-transition-parallax.is-preparing.direction-forward .is-entering { transform: translate3d(35%, 0, 0); }
.adsgravity-transition-parallax.is-preparing.direction-backward .is-entering { transform: translate3d(-35%, 0, 0); }
.adsgravity-transition-parallax.is-animating .is-entering { transform: translate3d(0, 0, 0); }
.adsgravity-transition-parallax.is-animating.direction-forward .is-leaving { transform: translate3d(-100%, 0, 0); }
.adsgravity-transition-parallax.is-animating.direction-backward .is-leaving { transform: translate3d(100%, 0, 0); }
.adsgravity-link, .adsgravity-link picture { display: block; width: 100%; }
.adsgravity-link, .adsgravity-link img { transition: transform .34s ease, filter .34s ease; }
.adsgravity-link img { display: block; width: 100%; height: auto; object-fit: contain; }
.adsgravity-link:focus-visible { outline: 3px solid #176b48; outline-offset: -3px; }

@media (hover: hover) and (pointer: fine) {
	.adsgravity-hover-zoom .adsgravity-link:is(:hover, :focus-visible) img { transform: scale(1.045); }
	.adsgravity-hover-highlight .adsgravity-link:is(:hover, :focus-visible) img { filter: brightness(1.08) saturate(1.16) contrast(1.02); }
	.adsgravity-hover-lift .adsgravity-link:is(:hover, :focus-visible) img { transform: translate3d(0, -3px, 0) scale(1.018); filter: drop-shadow(0 9px 10px rgba(15, 24, 19, .22)); }
}
.adsgravity-controls { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
.adsgravity-arrow, .adsgravity-pause, .adsgravity-dot { pointer-events: auto; border: 0; cursor: pointer; }
.adsgravity-arrow { position: absolute; top: 50%; translate: 0 -50%; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: rgba(15, 24, 19, .78); color: #fff; font-size: 28px; line-height: 1; }
.adsgravity-previous { left: 12px; }
.adsgravity-next { right: 12px; }
.adsgravity-dots { position: absolute; left: 50%; bottom: 11px; translate: -50% 0; display: flex; gap: 7px; padding: 6px 9px; background: rgba(15, 24, 19, .58); border-radius: 20px; pointer-events: auto; }
.adsgravity-dot { width: 8px; height: 8px; padding: 0; border-radius: 50%; background: rgba(255,255,255,.5); }
.adsgravity-dot[aria-current="true"] { background: #fff; scale: 1.25; }
.adsgravity-pause { position: absolute; right: 10px; bottom: 10px; padding: 6px 9px; border-radius: 5px; background: rgba(15, 24, 19, .78); color: #fff; font: 11px/1 system-ui, sans-serif; }
.adsgravity-arrow:focus-visible, .adsgravity-pause:focus-visible, .adsgravity-dot:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
	.adsgravity-slide, .adsgravity-track, .adsgravity-link, .adsgravity-link img { transition: none !important; }
	.adsgravity-hover-zoom .adsgravity-link:is(:hover, :focus-visible) img, .adsgravity-hover-highlight .adsgravity-link:is(:hover, :focus-visible) img, .adsgravity-hover-lift .adsgravity-link:is(:hover, :focus-visible) img { transform: none !important; filter: none !important; }
}
