react-motion-gallery 2.0.4 → 2.0.6

package/dist/index.css

@@ -1,708 +1 @@
-/* src/Gallery/slider/Slider.module.css */
-.rtl {
-}
-.track {
-  position: relative;
-  left: 0;
-}
-.rtl .track {
-  left: auto;
-  right: 0;
-}
-.slider_container,
-.fade_container {
-  height: var(--rmg-slider-height);
-  cursor: grab;
-}
-.viewport {
-  overflow: hidden;
-  height: 100%;
-  width: 100%;
-  position: relative;
-}
-.track {
-  position: relative;
-  height: 100%;
-  width: 100%;
-  will-change: transform;
-  transform: translate3d(0, 0, 0);
-  backface-visibility: hidden;
-}
-.fadeInStart {
-  opacity: 0;
-}
-.fadeInActive {
-  opacity: 1;
-  transition: opacity var(--rmg-intro-duration, 420ms) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));
-}
-.shimmerOverlay {
-  position: absolute;
-  inset: 0;
-  border-radius: var(--rmg-shimmer-radius, 10px);
-  overflow: hidden;
-  background:
-    linear-gradient(
-      90deg,
-      var(--rmg-shimmer-c1, #f0f2f5) 25%,
-      var(--rmg-shimmer-c2, #e6e9ef) 37%,
-      var(--rmg-shimmer-c3, #f0f2f5) 63%);
-  background-size: var(--rmg-shimmer-size, 400% 100%);
-  animation: rmgShimmer var(--rmg-shimmer-duration, 1.2s) infinite var(--rmg-shimmer-timing, linear);
-}
-@keyframes rmgShimmer {
-  0% {
-    background-position: 200% 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .fadeInActive {
-    transition: none;
-  }
-  .shimmerOverlay {
-    animation: none;
-  }
-}
-.pagination_dot {
-  position: relative;
-  width: 14px;
-  height: 14px;
-  overflow: hidden;
-  border-radius: 50%;
-  margin: 5px 5px 5px 5px;
-  cursor: pointer;
-  transition:
-    transform 0.2s ease,
-    background-color 0.3s ease,
-    box-shadow 0.3s ease;
-}
-.pagination_dot:hover {
-  transform: scale(1.2);
-}
-.pagination_dot.active {
-  background-color: rgb(80, 163, 255);
-  box-shadow: 0 0 8px rgba(80, 163, 255, 0.6);
-}
-.pagination_dot.inactive {
-  background-color: lightgray;
-}
-.ripple {
-  position: absolute;
-  border-radius: 50%;
-  transform: scale(0);
-  animation: ripple 600ms linear;
-  background-color: rgba(0, 0, 0, 0.3);
-  pointer-events: none;
-}
-@keyframes ripple {
-  to {
-    transform: scale(4);
-    opacity: 0;
-  }
-}
-.fullscreenOverlay {
-  position: fixed;
-  inset: 0;
-  opacity: 0;
-  pointer-events: none;
-  background-color: rgba(0, 0, 0, 0.8);
-  transition: opacity 300ms cubic-bezier(.4, 0, .22, 1);
-  will-change: opacity;
-  z-index: 8999;
-  transform: translateZ(0);
-  backface-visibility: hidden;
-  contain: paint;
-}
-.open {
-  opacity: 1;
-  pointer-events: auto;
-}
-.duplicateImg {
-  position: fixed;
-  display: none;
-  transform-origin: top left;
-  transition: transform 0.3s cubic-bezier(.4, 0, .22, 1);
-  z-index: 9998;
-  will-change: transform;
-}
-.closeBtn,
-.leftChevron,
-.rightChevron,
-.counter {
-  position: fixed;
-  display: none;
-  opacity: 0;
-  transition: opacity 0.3s cubic-bezier(.4, 0, .22, 1);
-  z-index: 2147483602;
-}
-.closeBtn.open,
-.leftChevron.open,
-.rightChevron.open,
-.counter.open {
-  display: block;
-  opacity: 1;
-}
-.closeBtn {
-  top: 12px;
-  right: 12px;
-  background: transparent;
-  border: none;
-  padding: 0;
-  width: 35px;
-  height: 35px;
-  cursor: pointer;
-}
-.leftChevron,
-.rightChevron {
-  top: 45.5%;
-  width: 50px;
-  height: 50px;
-  cursor: pointer;
-  background-color: transparent;
-  border: none;
-}
-.leftChevron {
-  left: 0;
-  transform: rotate(180deg);
-}
-.rightChevron {
-  right: 0;
-}
-.counter {
-  top: 15px;
-  left: 16px;
-  color: #fff;
-  font-size: 14px;
-  line-height: 32px;
-  user-select: none;
-  text-shadow: 1px 1px 3px #4f4f4f;
-}
-.fsOverlayCaption {
-  position: fixed;
-  padding: 1rem 1.5rem;
-  color: #fff;
-  font-size: 0.875rem;
-  pointer-events: none;
-  opacity: 0;
-  transform: translateY(8px);
-  transition: opacity 300ms cubic-bezier(.4, 0, .22, 1), transform 300ms cubic-bezier(.4, 0, .22, 1);
-  z-index: 9999;
-}
-.fsOverlayCaption.open {
-  opacity: 1;
-  transform: translateY(0);
-}
-.sliderSkeletonOverlay {
-  position: absolute;
-  inset: 0;
-  z-index: 5;
-  pointer-events: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 1rem;
-}
-.sliderSkeletonRow {
-  display: flex;
-  width: 100%;
-  gap: 0.75rem;
-  height: var(--rmg-slider-height, 320px);
-}
-.sliderSkeleton {
-  flex: 1 1 0;
-  height: 100%;
-  border-radius: var(--rmg-shimmer-radius, 10px);
-  overflow: hidden;
-  position: relative;
-  background:
-    linear-gradient(
-      90deg,
-      var(--rmg-shimmer-c1, #f0f2f5) 25%,
-      var(--rmg-shimmer-c2, #e6e9ef) 37%,
-      var(--rmg-shimmer-c3, #f0f2f5) 63%);
-  background-size: var(--rmg-shimmer-size, 400% 100%);
-  animation: rmgShimmer var(--rmg-shimmer-duration, 1.2s) infinite var(--rmg-shimmer-timing, linear);
-}
-.fade_container [data-rmg-idx] > * {
-  opacity: 0;
-  transform: translateY(var(--rmg-intro-offset, 10px));
-  transition: opacity var(--rmg-intro-duration, 300) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1)), transform var(--rmg-intro-duration, 300) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));
-  transition-delay: calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));
-  will-change: opacity, transform;
-}
-.fade_container.fadeInActive [data-rmg-idx] > * {
-  opacity: 1;
-  transform: translateY(0);
-}
-
-/* src/Gallery/index.module.css */
-.gridRoot {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(var(--rmg-grid-min, 160px), 1fr));
-  gap: var(--rmg-grid-gap, 8px);
-}
-.grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(var(--rmg-grid-min, 160px), 1fr));
-  gap: var(--rmg-grid-gap, 8px);
-}
-.gridItem {
-  position: relative;
-  display: block;
-  cursor: pointer;
-}
-.gridItem img,
-.gridItem video {
-  display: block;
-  width: 100%;
-  height: auto;
-  object-fit: cover;
-}
-.masonryRoot {
-  display: flex;
-  align-items: flex-start;
-  width: 100%;
-  column-gap: var(--rmg-masonry-gap, 8px);
-}
-.masonryCol {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-}
-.masonryItem {
-  position: relative;
-  display: block;
-  cursor: pointer;
-}
-.masonryItem img,
-.masonryItem video {
-  display: block;
-  width: 100%;
-  object-fit: cover;
-}
-.introContainer {
-  opacity: 0;
-}
-.introActive {
-  opacity: 1;
-  transition: opacity var(--rmg-intro-duration, 420ms) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));
-}
-.introContainer [data-rmg-idx] {
-  opacity: 0;
-  transform: var(--rmg-intro-transform, translateY(10px) scale(0.99));
-  transition: opacity 300ms cubic-bezier(.4, 0, .22, 1), transform 300ms cubic-bezier(.4, 0, .22, 1);
-  transition-delay: calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));
-  will-change: opacity, transform;
-}
-.introContainer.introActive [data-rmg-idx] {
-  opacity: 1;
-  transform: none;
-}
-.gridSkeletonOverlay {
-  position: relative;
-  width: 100%;
-}
-.gridSkeletonGrid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(var(--rmg-grid-min, 160px), 1fr));
-  gap: var(--rmg-grid-gap, 8px);
-}
-.gridSkeletonItem {
-  position: relative;
-  width: 100%;
-  padding-bottom: 66.666%;
-  border-radius: var(--rmg-shimmer-radius, 8px);
-  overflow: hidden;
-  --rmg-shimmer-c1: #f0f2f5;
-  --rmg-shimmer-c2: #e6e9ef;
-  --rmg-shimmer-c3: #f0f2f5;
-  --rmg-shimmer-size: 400% 100%;
-  --rmg-shimmer-duration: 1.2s;
-  --rmg-shimmer-timing: linear;
-  background:
-    linear-gradient(
-      90deg,
-      var(--rmg-shimmer-c1) 25%,
-      var(--rmg-shimmer-c2) 37%,
-      var(--rmg-shimmer-c3) 63%);
-  background-size: var(--rmg-shimmer-size);
-  animation: rmgShimmer var(--rmg-shimmer-duration) infinite var(--rmg-shimmer-timing);
-}
-@keyframes rmgShimmer {
-  0% {
-    background-position: -200% 0;
-  }
-  100% {
-    background-position: 200% 0;
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .gridSkeletonItem {
-    animation: none;
-  }
-}
-.fullscreenOverlay {
-  position: fixed;
-  inset: 0;
-  opacity: 0;
-  pointer-events: none;
-  background-color: rgba(0, 0, 0, 0.8);
-  transition: opacity 300ms cubic-bezier(.4, 0, .22, 1);
-  will-change: opacity;
-  z-index: 8999;
-  transform: translateZ(0);
-  backface-visibility: hidden;
-  contain: paint;
-}
-.open {
-  opacity: 1;
-  pointer-events: auto;
-}
-.duplicateImg {
-  position: fixed;
-  display: none;
-  transform-origin: top left;
-  transition: transform 0.3s cubic-bezier(.4, 0, .22, 1);
-  z-index: 9998;
-  will-change: transform;
-}
-.closeBtn,
-.leftChevron,
-.rightChevron,
-.counter {
-  position: fixed;
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.3s cubic-bezier(.4, 0, .22, 1);
-  z-index: 2147483602;
-}
-.closeBtn.open,
-.leftChevron.open,
-.rightChevron.open,
-.counter.open {
-  opacity: 1;
-  pointer-events: auto;
-}
-.closeBtn {
-  top: 12px;
-  right: 12px;
-  background: transparent;
-  border: none;
-  padding: 0;
-  width: 35px;
-  height: 35px;
-  cursor: pointer;
-}
-.leftChevron,
-.rightChevron {
-  top: 45.5%;
-  width: 50px;
-  height: 50px;
-  cursor: pointer;
-  background-color: transparent;
-  border: none;
-}
-.leftChevron {
-  left: 0;
-  transform: rotate(180deg);
-}
-.rightChevron {
-  right: 0;
-}
-.counter {
-  top: 15px;
-  left: 16px;
-  color: #fff;
-  font-size: 14px;
-  line-height: 32px;
-  user-select: none;
-  text-shadow: 1px 1px 3px #4f4f4f;
-}
-.fsOverlayCaption {
-  position: fixed;
-  padding: 1rem 1.5rem;
-  color: #fff;
-  font-size: 0.875rem;
-  pointer-events: none;
-  opacity: 0;
-  transform: translateY(8px);
-  transition: opacity 300ms cubic-bezier(.4, 0, .22, 1), transform 300ms cubic-bezier(.4, 0, .22, 1);
-  z-index: 9999;
-}
-.fsOverlayCaption.open {
-  opacity: 1;
-  transform: translateY(0);
-}
-.entryRow {
-  position: relative;
-}
-.entrySkeletonWrap {
-  display: block;
-  opacity: 1;
-  transition: opacity 150ms linear;
-}
-.entryInner {
-  position: absolute;
-  inset: 0;
-  opacity: 0;
-  transform: var(--rmg-entry-intro-transform, translateY(30px) scale(0.99));
-  will-change: opacity, transform;
-  pointer-events: none;
-}
-.entryRow[data-rmg-entry-ready="1"] .entrySkeletonWrap {
-  position: absolute;
-  inset: 0;
-  opacity: 0;
-  pointer-events: none;
-}
-.entryRow[data-rmg-entry-ready="1"] .entryInner {
-  position: relative;
-  inset: auto;
-  opacity: 1;
-  transform: none;
-  pointer-events: auto;
-  transition: opacity var(--rmg-entry-intro-duration, 700ms) var(--rmg-entry-intro-easing, cubic-bezier(.4,0,.22,1)), transform var(--rmg-entry-intro-duration, 700ms) var(--rmg-entry-intro-easing, cubic-bezier(.4,0,.22,1));
-  transition-delay: calc(var(--rmg-entry-intro-index, 0) * var(--rmg-entry-intro-stagger, 200ms));
-}
-.entryList {
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
-}
-.entryText {
-}
-.entryMedia {
-}
-.entryMediaSlider {
-  display: flex;
-  gap: 0.75rem;
-  overflow-x: auto;
-  padding-bottom: 0.25rem;
-}
-.gridEntryRoot {
-  display: grid;
-  gap: var(--rmg-grid-gap, 8px);
-  grid-template-columns: repeat(auto-fit, minmax(var(--rmg-grid-min, 160px), 1fr));
-}
-.gridEntryItem {
-  position: relative;
-  display: block;
-  width: 100%;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  border-radius: 12px;
-  overflow: hidden;
-  cursor: pointer;
-  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
-  border: 1px solid rgba(0, 0, 0, 0.08);
-}
-.gridEntryItem img,
-.gridEntryItem video {
-  display: block;
-  width: 100%;
-  object-fit: cover;
-  background: rgba(0, 0, 0, 0.04);
-}
-.entryMasonry img {
-  cursor: pointer;
-}
-.entryMediaItem img {
-  display: block;
-  width: 100%;
-  height: auto;
-  border-radius: 0.5rem;
-}
-.entrySkeletonShimmer {
-  position: relative;
-  overflow: hidden;
-  border-radius: inherit;
-  --rmg-shimmer-c1: #f0f2f5;
-  --rmg-shimmer-c2: #e6e9ef;
-  --rmg-shimmer-c3: #f0f2f5;
-  --rmg-shimmer-size: 400% 100%;
-  --rmg-shimmer-duration: 1.2s;
-  --rmg-shimmer-timing: linear;
-  background:
-    linear-gradient(
-      90deg,
-      var(--rmg-shimmer-c1) 25%,
-      var(--rmg-shimmer-c2) 37%,
-      var(--rmg-shimmer-c3) 63%);
-  background-size: var(--rmg-shimmer-size);
-  animation: rmgShimmer var(--rmg-shimmer-duration) infinite var(--rmg-shimmer-timing);
-}
-.entrySkeletonList {
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
-  padding: 0.75rem 0;
-}
-.entrySkeletonCard {
-  position: relative;
-  overflow: hidden;
-  border-radius: 12px;
-  padding: 1rem 1.25rem;
-  background: var(--rmg-skel-bg, rgba(255, 255, 255, 0.03));
-}
-.entrySkeletonHeader {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  margin-bottom: 0.75rem;
-}
-.entrySkeletonLines {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 0.35rem;
-}
-.entrySkeletonAvatar {
-  width: 40px;
-  height: 40px;
-  border-radius: 999px;
-}
-.entrySkeletonLineShort,
-.entrySkeletonLineLong,
-.entrySkeletonLineMedium {
-  height: 10px;
-  border-radius: 999px;
-}
-.entrySkeletonMedia {
-  width: 100%;
-  height: 140px;
-  border-radius: 10px;
-}
-.entrySkeletonBody {
-  display: flex;
-  flex-direction: column;
-  gap: 0.4rem;
-  margin-bottom: 0.9rem;
-}
-
-/* src/Gallery/slider/thumbnails/ThumbnailSlider.module.css */
-.thumb {
-  position: relative;
-  border: 1px solid rgba(0, 0, 0, .12);
-  border-radius: 6px;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-.thumb::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  box-shadow: 0 0 0 2px #111 inset;
-  opacity: 0;
-  transition: opacity 120ms ease;
-  z-index: 1;
-}
-.thumb[data-active=true]::after {
-  opacity: 1;
-}
-.thumb :global(img) {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  position: relative;
-  z-index: 0;
-}
-.fadeInStart {
-  opacity: 0;
-}
-.fadeInActive {
-  opacity: 1;
-  transition: opacity var(--rmg-intro-duration, 420ms) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));
-}
-@media (prefers-reduced-motion: reduce) {
-  .fadeInActive {
-    transition: none;
-  }
-  .thumbSkeleton {
-    animation: none;
-  }
-}
-.thumbSkeletonOverlay {
-  position: absolute;
-  inset: 0;
-  z-index: 5;
-  pointer-events: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.5rem;
-}
-.thumbSkeletonRow {
-  display: flex;
-  width: 100%;
-  height: 100%;
-}
-.thumbSkeleton {
-  border-radius: 6px;
-  overflow: hidden;
-  position: relative;
-  background:
-    linear-gradient(
-      90deg,
-      var(--rmg-shimmer-c1, #f0f2f5) 25%,
-      var(--rmg-shimmer-c2, #e6e9ef) 37%,
-      var(--rmg-shimmer-c3, #f0f2f5) 63%);
-  background-size: var(--rmg-shimmer-size, 400% 100%);
-  animation: rmgShimmer var(--rmg-shimmer-duration, 1.2s) infinite var(--rmg-shimmer-timing, linear);
-}
-@keyframes rmgShimmer {
-  0% {
-    background-position: 200% 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
-.fade_container [data-rmg-thumb-index] > * {
-  opacity: 0;
-  transform: translateY(var(--rmg-intro-transform, 10px));
-  transition: opacity var(--rmg-intro-duration, 300ms) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1)), transform var(--rmg-intro-duration, 300ms) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));
-  transition-delay: calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));
-  will-change: opacity, transform;
-}
-.fade_container.fadeInActive [data-rmg-thumb-index] > * {
-  opacity: 1;
-  transform: translateY(0);
-}
-.ripple {
-  position: absolute;
-  border-radius: 50%;
-  transform: scale(0);
-  animation: ripple 600ms linear;
-  background-color: rgba(0, 0, 0, 0.3);
-  pointer-events: none;
-}
-@keyframes ripple {
-  to {
-    transform: scale(4);
-    opacity: 0;
-  }
-}
-
-/* src/Gallery/fullscreen/FullscreenSlider.module.css */
-.rtl {
-}
-.track {
-  position: relative;
-  left: 0;
-}
-.rtl .track {
-  left: auto;
-  right: 0;
-}
-[data-rmg-plyr-provider=mp4] :global(.plyr__video-wrapper),
-[data-rmg-plyr-provider=vimeo] :global(.plyr__video-wrapper) {
-  pointer-events: none !important;
-}
-/*# sourceMappingURL=index.css.map */
+.entryRow{position:relative;min-height:var(--rmg-entry-min-height, 260px)}.entryRow[data-rmg-entry-mounted="1"] .entrySkeletonWrap{position:absolute;inset:0;z-index:1;height:auto}.entrySkeletonWrap{position:relative;display:block;opacity:1;transition:opacity .15s linear;pointer-events:none;z-index:0;height:var(--rmg-entry-min-height, 260px);border-radius:12px;background-color:var(--rmg-entry-skeleton-bg, transparent);overflow:hidden}.entryInner{position:relative;opacity:0;pointer-events:none;min-height:var(--rmg-entry-min-height, 260px);transition:opacity var(--rmg-entry-intro-duration, .7s) var(--rmg-entry-intro-easing, cubic-bezier(.4,0,.22,1));transition-delay:0ms;z-index:0}.entryRow[data-rmg-entry-ready="1"] .entrySkeletonWrap{opacity:0}.entryRow[data-rmg-entry-ready="1"] .entryInner{opacity:1;pointer-events:auto;transition-delay:calc(var(--rmg-entry-intro-index, 0) * var(--rmg-entry-intro-stagger, .2s))}.entryList{display:flex;flex-direction:column;gap:1.5rem}.entrySkeletonTile{width:100%;height:100%;overflow:hidden}.entrySkeletonShimmer{position:relative;overflow:hidden;border-radius:inherit;--rmg-shimmer-c1: #f0f2f5;--rmg-shimmer-c2: #e6e9ef;--rmg-shimmer-c3: #f0f2f5;--rmg-shimmer-size: 400% 100%;--rmg-shimmer-duration: 1.2s;--rmg-shimmer-timing: linear;background:linear-gradient(90deg,var(--rmg-shimmer-c1) 25%,var(--rmg-shimmer-c2) 37%,var(--rmg-shimmer-c3) 63%);background-size:var(--rmg-shimmer-size);animation:rmgShimmer var(--rmg-shimmer-duration) infinite var(--rmg-shimmer-timing)}.entrySkelRoot{--rmg-skel-bg: rgba(0, 0, 0, .08);--rmg-skel-hi: rgba(0, 0, 0, .12);--rmg-skel-radius: 12px;--rmg-skel-shimmer-enabled: 1;--rmg-skel-shimmer-duration: 1.2s;--rmg-skel-shimmer-band: 40%;--rmg-skel-shimmer-angle: 25deg;width:100%}.entrySkelGroup{display:flex;min-width:0}.entrySkelStack{flex-direction:column;width:100%}.entrySkelRow{flex-direction:row;width:100%}.entrySkelCol{flex-direction:column;width:100%}.entrySkelTile{flex:0 0 auto;position:relative;display:block;background:var(--rmg-skel-bg, rgba(0, 0, 0, .08));border-radius:var(--rmg-skel-radius);overflow:hidden}.entrySkelTile:after{content:"";position:absolute;opacity:calc(var(--rmg-skel-shimmer-enabled) * 1);transform:rotate(var(--rmg-skel-shimmer-angle));background:linear-gradient(90deg,transparent 0%,var(--rmg-skel-hi, rgba(255, 255, 255, .18)) 50%,transparent 100%);width:var(--rmg-skel-shimmer-band);inset:-40% -40% -40% -60%;animation:rmg-skel-shimmer var(--rmg-skel-shimmer-duration) linear infinite}@keyframes rmg-skel-shimmer{0%{left:-60%}to{left:160%}}.entrySkelRect{flex:0 0 auto;width:100%;height:16px}.entrySkelSquare{width:48px;height:48px}.entrySkelCircle{width:44px;height:44px;border-radius:999px}[data-rmg-plyr-provider=mp4] :global(.plyr__video-wrapper),[data-rmg-plyr-provider=vimeo] :global(.plyr__video-wrapper){pointer-events:none!important}.thumb{position:relative;border:1px solid rgba(0,0,0,.12);border-radius:6px;overflow:hidden;box-sizing:border-box}.thumb:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px #111 inset;opacity:0;transition:opacity .12s ease;z-index:1}.thumb[data-active=true]:after{opacity:1}.thumb :global(img){display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:0}.fade_container [data-rmg-thumb-index]>*{opacity:0;transform:translateY(var(--rmg-intro-transform, 10px));transition:opacity var(--rmg-intro-duration, .3s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1)),transform var(--rmg-intro-duration, .3s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity,transform}.fade_container.fadeInActive [data-rmg-thumb-index]>*{opacity:1;transform:translateY(0)}.fullscreenOverlay{position:fixed;inset:0;opacity:0;pointer-events:none;background-color:#000c;transition:opacity .3s cubic-bezier(.4,0,.22,1);will-change:opacity;z-index:8999;transform:translateZ(0);backface-visibility:hidden;contain:paint}.open{opacity:1;pointer-events:auto}.duplicateImg{position:fixed;display:none;transform-origin:top left;transition:transform .3s cubic-bezier(.4,0,.22,1);z-index:9998;will-change:transform}.closeBtn,.leftChevron,.rightChevron,.counter{position:fixed;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.22,1);z-index:2147483602}.closeBtn.open,.leftChevron.open,.rightChevron.open,.counter.open{opacity:1;pointer-events:auto}.closeBtn{top:12px;right:12px;background:transparent;border:none;padding:0;width:35px;height:35px;cursor:pointer}.leftChevron,.rightChevron{top:45.5%;width:50px;height:50px;cursor:pointer;background-color:transparent;border:none}.leftChevron{left:0;transform:rotate(180deg)}.rightChevron{right:0}.counter{top:15px;left:16px;color:#fff;font-size:14px;line-height:32px;user-select:none;text-shadow:1px 1px 3px #4f4f4f}.fsOverlayCaption{position:fixed;padding:1rem 1.5rem;color:#fff;font-size:.875rem;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);z-index:9999}.fsOverlayCaption.open{opacity:1;transform:translateY(0)}.track{position:relative;left:0}.rtl .track{left:auto;right:0}.slider_container,.fade_container{height:100%;min-height:var(--rmg-slider-height, var(--rmg-slider-initial-height, 1px))}.viewport{overflow:hidden;height:100%;width:100%;position:relative}.track{position:relative;height:100%;width:100%;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.fadeInStart{opacity:0}.fadeInActive{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}@media(prefers-reduced-motion:reduce){.fadeInActive{transition:none}}.pagination_dot{position:relative;width:14px;height:14px;overflow:hidden;border-radius:50%;margin:5px;cursor:pointer;transition:transform .2s ease,background-color .3s ease,box-shadow .3s ease}.pagination_dot:hover{transform:scale(1.2)}.pagination_dot.active{background-color:#50a3ff;box-shadow:0 0 8px #50a3ff99}.pagination_dot.inactive{background-color:#d3d3d3}.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s linear;background-color:#0000004d;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.fade_container [data-rmg-idx]>*{opacity:0;transform:translateY(var(--rmg-intro-offset, 10px));transition:opacity var(--rmg-intro-duration, 300) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1)),transform var(--rmg-intro-duration, 300) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1));transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity,transform}.fade_container.fadeInActive [data-rmg-idx]>*{opacity:1;transform:translateY(0)}.sliderSkeletonOverlay{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;justify-content:center}.sliderSkeletonRow{display:flex;width:100%;gap:.75rem;height:var(--rmg-slider-initial-height, var(--rmg-slider-height, 320px));align-items:stretch}.sliderShell{position:relative;width:100%;container-type:inline-size;height:var(--rmg-slider-height, var(--rmg-slider-initial-height, 1px));min-height:var(--rmg-slider-height, var(--rmg-slider-initial-height, 1px));max-height:var(--rmg-slider-height, var(--rmg-slider-initial-height, 1px))}.sliderSkeletonItem{flex:1 1 0;height:100%;min-width:0;display:flex}.sliderSkeletonGroup{display:flex;min-width:0;min-height:0;width:100%}.sliderSkeleton{width:100%;height:auto;border-radius:var(--rmg-shimmer-radius, 10px);overflow:hidden;position:relative;background:linear-gradient(90deg,var(--rmg-shimmer-c1, #f0f2f5) 25%,var(--rmg-shimmer-c2, #e6e9ef) 37%,var(--rmg-shimmer-c3, #f0f2f5) 63%);background-size:var(--rmg-shimmer-size, 400% 100%);animation:rmgShimmer var(--rmg-shimmer-duration, 1.2s) infinite var(--rmg-shimmer-timing, linear)}.thumbSkeletonOverlay{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:.5rem}.thumbSkeletonRow{display:flex;width:100%;height:100%}.thumbSkeleton{border-radius:6px;overflow:hidden;position:relative;background:linear-gradient(90deg,var(--rmg-shimmer-c1, #f0f2f5) 25%,var(--rmg-shimmer-c2, #e6e9ef) 37%,var(--rmg-shimmer-c3, #f0f2f5) 63%);background-size:var(--rmg-shimmer-size, 400% 100%);animation:rmgShimmer var(--rmg-shimmer-duration, 1.2s) infinite var(--rmg-shimmer-timing, linear)}.gridRoot,.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.gridItem{position:relative;display:block;cursor:pointer}.gridItem img,.gridItem video{display:block;width:100%;height:auto;object-fit:cover}.gridSkeletonOverlay{position:relative;width:100%}.gridSkeletonGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--rmg-grid-min, 160px),1fr));gap:var(--rmg-grid-gap, 8px)}.gridSkeletonItem{position:relative;width:100%}@keyframes rmgShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.gridSkeletonItem{animation:none}}.gridSkelTile{position:relative;display:block;width:100%;min-width:0;height:auto;background:var(--rmg-skel-bg, rgba(0, 0, 0, .08));border-radius:var(--rmg-skel-radius, 12px);overflow:hidden}.gridSkelSquare{aspect-ratio:1 / 1}.gridSkelCircle{aspect-ratio:1 / 1;border-radius:999px}.gridSkelGroup{display:flex;min-width:0}.gridSkelRow{flex-direction:row;align-items:center}.gridSkelCol,.gridSkelStack{flex-direction:column;align-items:stretch}.gridSkelShimmer:before{content:"";position:absolute;inset:0;opacity:calc(var(--rmg-skel-shimmer-enabled, 1) * 1);background:linear-gradient(var(--rmg-skel-shimmer-angle, 25deg),transparent 0%,var(--rmg-skel-hi, rgba(255, 255, 255, .16)) 50%,transparent 100%);transform:translate(-120%);animation:rmg_grid_skel_shimmer var(--rmg-skel-shimmer-duration, 1.2s) linear infinite;background-size:var(--rmg-skel-shimmer-band, 40%) 100%}@keyframes rmg_grid_skel_shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}.masonryRoot{display:flex;align-items:flex-start;width:100%;column-gap:var(--rmg-masonry-gap, 8px)}.masonryCol{flex:1;min-width:0;display:flex;flex-direction:column}.masonryItem{position:relative;display:block;cursor:pointer}.masonryItem img,.masonryItem video{display:block;width:100%;object-fit:cover}.introContainer{opacity:0}.introActive{opacity:1;transition:opacity var(--rmg-intro-duration, .42s) var(--rmg-intro-easing, cubic-bezier(.2,.7,.2,1))}.introContainer [data-rmg-idx]{opacity:0;transform:var(--rmg-intro-transform, translateY(10px) scale(.99));transition:opacity .3s cubic-bezier(.4,0,.22,1),transform .3s cubic-bezier(.4,0,.22,1);transition-delay:calc(var(--rmg-intro-index, 0) * var(--rmg-intro-stagger, 40ms));will-change:opacity,transform}.introContainer.introActive [data-rmg-idx]{opacity:1;transform:none}