/* CircularGallery (js/circulargallery.js) — React Bits' component CSS. */

.circular-gallery {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;               /* horizontal drags spin the gallery; vertical ones still scroll the page */
}
.circular-gallery:active { cursor: grabbing; }
.circular-gallery:focus-visible { outline: 3px solid var(--yellow); outline-offset: 4px; border-radius: 12px; }
.circular-gallery canvas { display: block; }