@layer behaviors {
/* Layout styles. */
[data-dome-grid][data-dragging] {
  cursor: grabbing;
}

[data-dome-grid-item] {
  --dim: 0;
}

[data-dome-grid-item] .dome-grid__content {
  display: none;
}

[data-dome-grid-shade] {
  --fx: 50%;
  --fy: 50%;
}

/* Designer: select the dome component and set data-preview=true to edit the CMS lightbox. */
.stacki-designer [data-dome-grid] {
  visibility: visible !important;
  opacity: 1 !important;
}

.stacki-designer [data-dome-grid-shade] {
  opacity: 0;
}

.stacki-designer
  [data-dome-grid][data-preview="true"]
  .film-lightbox__collection {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.stacki-designer [data-dome-grid][data-preview="true"] .film-lightbox__item {
  display: block !important;
}

.stacki-designer
  [data-dome-grid][data-preview="true"]
  .film-lightbox__item:not(:first-child) {
  display: none !important;
}

@media (max-width: 767px) {
  [data-dome-grid-item] .dome-grid__text.is--faded {
    display: none;
  }}}