/* Office gallery: shared by the frontend and native WordPress editor canvas. */
.mm-carousel { position: relative; width: 100%; min-width: 0; overflow: hidden; background: #171b1a; isolation: isolate; }
.mm-carousel-viewport { position: relative; width: 100%; aspect-ratio: var(--mm-carousel-ratio, 16/7); overflow: hidden; touch-action: pan-y pinch-zoom; }
.mm-carousel-slide { position: absolute; inset: 0; margin: 0; }
.mm-carousel-slide[hidden], .mm-carousel-controls[hidden] { display: none !important; }
.mm-carousel .mm-carousel-slide img { display: block; width: 100%; height: 100%; max-width: none; margin: 0; object-fit: var(--mm-carousel-fit, cover); object-position: center; }
.mm-carousel-controls { position: absolute; z-index: 2; left: 16px; bottom: 16px; display: flex; align-items: center; gap: 2px; padding: 2px; color: #fff; background: rgba(13, 16, 15, .9); border: 1px solid rgba(201, 173, 128, .55); }
.mm-carousel-controls button { display: inline-flex; align-items: center; justify-content: center; width: 42px; min-width: 42px; height: 42px; padding: 10px; color: #fff; background: transparent; border: 0; border-radius: 0; box-shadow: none; cursor: pointer; transition: color .15s ease, background-color .15s ease; }
.mm-carousel-controls button:hover { color: #0d100f; background: #c9ad80; }
.mm-carousel-controls button:disabled { opacity: .55; cursor: default; color: #fff; background: transparent; }
.mm-carousel-controls button:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
.mm-carousel-controls button svg { display: block; width: 21px; height: 21px; pointer-events: none; }
.mm-carousel-counter { min-width: 50px; padding: 0 5px; font-family: Lato, sans-serif; font-size: 13px; line-height: 1.5; text-align: center; color: #fff; }
.mm-carousel-pause { border-left: 1px solid rgba(201, 173, 128, .3) !important; }
.mm-carousel-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.mm-carousel:focus-visible { outline: 2px solid #c9ad80; outline-offset: -2px; }
.mm-carousel-editor { margin-block: 0; }
@media (max-width: 600px) { .mm-carousel-controls { left: 10px; bottom: 10px; } }
@media (prefers-reduced-motion: reduce) { .mm-carousel-controls button { transition: none; } }