@charset "utf-8";

.ekko-lightbox-nav-overlay a:focus, .ekko-lightbox-nav-overlay a > :focus { outline: 0px; }

.ekko-lightbox-container { position: relative; }

.ekko-lightbox-container > div.ekko-lightbox-item { position: absolute; top: 0px; left: 0px; width: 100%; transition: opacity 0.5s ease-in-out; opacity: 1; }

.ekko-lightbox-nav-overlay { z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; }

.ekko-lightbox-nav-overlay a { flex: 1 1 0%; display: flex; align-items: center; opacity: 0; transition: opacity 0.5s; color: rgb(255, 255, 255); font-size: 30px; z-index: 1; }

.ekko-lightbox-nav-overlay a > * { flex-grow: 1; }

.ekko-lightbox-nav-overlay a span { padding: 0px 30px; }

.ekko-lightbox-nav-overlay a:last-child span { text-align: right; }

.ekko-lightbox-nav-overlay a:hover { text-decoration: none; }

.ekko-lightbox a:hover { opacity: 1; text-decoration: none; }

.ekko-lightbox .modal-footer { text-align: left; }

.ekko-lightbox-loader { position: absolute; inset: 0px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.ekko-lightbox-loader > div { width: 40px; height: 40px; position: relative; text-align: center; }

.ekko-lightbox-loader > div > div { width: 100%; height: 100%; border-radius: 50%; background-color: rgb(255, 255, 255); opacity: 0.6; position: absolute; top: 0px; left: 0px; animation: 2s ease-in-out 0s infinite normal none running a; }

.ekko-lightbox-loader > div > div:last-child { animation-delay: -1s; }

@keyframes a { 
  0%, 100% { transform: scale(0); }
  50% { transform: scale(1); }
}