/*BACKGROUND VIDEO BUNNY*/

/* Animation */
[data-bunny-background-init] :is(.bunny-bg__placeholder, .bunny-bg__loading) {
  transition: opacity 0.3s linear, visibility 0.3s linear;
}

/* Placeholder */
[data-bunny-background-init][data-player-status="playing"] .bunny-bg__placeholder,
[data-bunny-background-init][data-player-status="paused"] .bunny-bg__placeholder,
[data-bunny-background-init][data-player-activated="true"][data-player-status="ready"] .bunny-bg__placeholder {
  opacity: 0;
  visibility: hidden;
}

/* Play/Pause */
[data-bunny-background-init][data-player-status="playing"] .bunny-bg__play-svg,
[data-bunny-background-init][data-player-status="loading"] .bunny-bg__play-svg {
  display: none;
}

[data-bunny-background-init][data-player-status="playing"] .bunny-bg__pause-svg,
[data-bunny-background-init][data-player-status="loading"] .bunny-bg__pause-svg{
  display: block;
}

/* Loading */
[data-bunny-background-init][data-player-status="loading"] .bunny-bg__loading {
  opacity: 1;
  visibility: visible;
}

/*LIGHTBOX IMAGES*/

img[data-click-zoom],
[data-click-zoom] img,
[data-click-zoom-article] img {
  cursor: zoom-in;
}

[data-click-zoom-lightbox] > img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  user-select: none;
  -webkit-user-drag: none;
  border-radius: 0.75em;
}

/*INFINIT DRAGABLE GRID */

.infinite-grid[data-infinite-grid-status] {
  cursor: grab;
  transition: opacity 0.5s ease;
  opacity: 1;
}
.infinite-grid[data-infinite-grid-status] {
  cursor: grab;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.infinite-grid[data-infinite-grid-status="loading"] {
  opacity: 0;
}

.infinite-grid[data-infinite-grid-status="dragging"] {
  cursor: grabbing;
}

:is(.wf-design-mode, .wf-editor) .infinite-grid[data-infinite-grid-status] {
  opacity: 1;
}

/* Optional grid styling for the Webflow Designer */
:is(.wf-design-mode, .wf-editor) .infinite-grid .infinite-grid__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

:is(.wf-design-mode, .wf-editor) .infinite-grid .infinite-grid__item {
  position: relative;
  top: unset;
  left: unset;
}