/* P2.12K3_LIVE_DISPLAY_COORDINATOR */
.kcLiveDisplayControlsP212K3 {
  position: fixed;
  right: 14px;
  top: 14px;
  z-index: 2147483000;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  pointer-events: auto;
}

.kcLiveDisplayControlP212K3 {
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(148, 163, 184, .55);
  border-radius: 10px;
  background: rgba(15, 23, 42, .88);
  color: #fff;
  font: inherit;
  cursor: pointer;
  box-shadow: 0 5px 20px rgba(15, 23, 42, .24);
}

body.kc-live-display-mode .sidebar,
body.kc-live-display-mode .sidebarFooter {
  display: none !important;
}

body.kc-live-display-mode {
  --kc-live-display-active: 1;
}

body.kc-live-display-mode main.main {
  max-width: none !important;
}

@media (max-width: 600px) {
  .kcLiveDisplayControlsP212K3 {
    left: 8px;
    right: 8px;
    top: 8px;
  }

  .kcLiveDisplayControlP212K3 {
    flex: 1 1 150px;
  }
}