@import url('./assets/viewer.DmF3lGX3.css');
@import url('./assets/BootScreen.GmTYtLoC.css');

/* Source Viewer.js layout, controlled by the local single-image controller. */
.local-image-viewer { z-index: 2147483100; outline: none; }
.local-image-viewer .viewer-canvas > img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  max-width: none !important;
  max-height: none !important;
  transform-origin: center;
  touch-action: none;
}
.local-image-viewer .viewer-toolbar > ul { list-style: none; }
.local-image-viewer .viewer-close { box-sizing: content-box; }
.local-image-viewer .viewer-tooltip { pointer-events: none; }

/* Reuse source BootScreen components and scoped animation CSS. */
.landing .page[hidden] { display: none !important; }
.local-login-boot { position: absolute; inset: 0; }
.local-login-boot .teamo-os { height: 100%; background: #080808; }
.local-login-boot .power-btn:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }

/* The code selector's source scoped structure, positioned by the local module. */
.local-country-menu { position: fixed; z-index: 2147482500; padding: 12px; border: 1px solid transparent; border-radius: 4px; background: #272727; max-height: 300px; overflow-y: auto; max-width: calc(100vw - 20px); }
.local-country-menu .zone-list { width: 200px; margin: 0; padding: 0; list-style: none; }
.local-country-menu li { display: flex; align-items: center; justify-content: space-between; border-radius: 8px; color: #fff; font-size: 14px; height: 40px; margin-bottom: 2px; padding: 0 12px; cursor: pointer; }
.local-country-menu li:hover, .local-country-menu li:focus-visible, .local-country-menu li.active { background: #f5f5f51a; }
.local-country-menu li.active { font-weight: 700; }

@media (prefers-reduced-motion: reduce) {
  .local-image-viewer, .local-login-boot * { animation-duration: 0s !important; transition-duration: 0s !important; }
}
