.figma-animation{display:block}
/* Per-instance dynamic styles and keyframes are injected inline next to each shortcode render. */

/* Helper classes to place the animation behind a section's content */
.with-figma-bg{position:relative}
/* Make the inner wrapper fill the section and sit behind */
.with-figma-bg .figma-animation--bg{position:absolute;z-index:0;pointer-events:none}
/* Raise other immediate children above the animation container */
.with-figma-bg > *:not(.figma-animation){position:relative;z-index:1}

/* Mobile: ensure the animation never dictates page width; clip overflow within containers */
@media (max-width: 767px){
  /* Clip any background-mode overflow so it doesn't create horizontal scroll */
  .row--figma-animation,
  .row--figma-animation .container,
  .with-figma-bg{overflow:hidden}

  /* Constrain wrappers to the container width */
  .figma-animation{max-width:100%}
  .figma-animation-wrapper{max-width:100%}

  /* Background wrapper should also respect container bounds */
  .with-figma-bg .figma-animation--bg{max-width:100%;max-height:100%}
}