.gfcm-spotlight-rotator{position:relative;width:100%}
.gfcm-spotlight-slide{opacity:0}
.gfcm-spotlight-slide[hidden]{display:none!important}
/* Keep every eligible slide in one grid cell to maintain a stable height. */
.gfcm-spotlight-rotator.is-ready{display:grid;grid-template-columns:minmax(0,1fr)}
.gfcm-spotlight-rotator.is-ready .gfcm-spotlight-slide{
  grid-column:1;grid-row:1;min-width:0;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:none;
}
.gfcm-spotlight-rotator.is-ready .gfcm-spotlight-slide.is-active{
  opacity:1;visibility:visible;pointer-events:auto;
  transition:opacity 1s ease-in-out;
}
.gfcm-spotlight-rotator.is-ready .gfcm-spotlight-slide.is-active.is-fading-out{
  opacity:0;visibility:visible;pointer-events:none;
  transition:opacity .8s ease-in-out;
}
.gfcm-spotlight-controls{display:flex;align-items:center;justify-content:center;gap:12px;background:#fbf5e9;padding:0 12px 7px;color:#154d37}
.gfcm-spotlight-rotator.is-ready .gfcm-spotlight-controls{grid-column:1;grid-row:2}
.gfcm-spotlight-controls button{background:transparent;border:1px solid #dfc99f;border-radius:4px;color:#154d37;cursor:pointer;font:inherit;font-size:12px;line-height:1.2;padding:4px 9px}
.gfcm-spotlight-controls button:focus-visible{outline:2px solid #154d37;outline-offset:2px}
.gfcm-spotlight-count{font-size:12px}
@media(prefers-reduced-motion:reduce){
  .gfcm-spotlight-slide,.gfcm-spotlight-rotator.is-ready .gfcm-spotlight-slide,
  .gfcm-spotlight-rotator.is-ready .gfcm-spotlight-slide.is-active,
  .gfcm-spotlight-rotator.is-ready .gfcm-spotlight-slide.is-active.is-fading-out{transition:none}
}