body {
  outline: none;
}
.fui-context {
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.fui-context-panel {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
}
.fui-menu-panel {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.fui-notify-layer {
  z-index: 1000002 !important;
}
html[data-demo-view='notify'] .fui-notify-layer {
  right: 50% !important;
  top: 35% !important;
  transform: translateX(50%) !important;
}
.fui-timers {
  left: 50% !important;
  top: 45% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
}
.fui-textui {
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.fui-progress {
  left: 50% !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
}
html[data-demo-view='chat'] .fui-chat {
  left: 8% !important;
  top: 20% !important;
  width: 84% !important;
}
html[data-demo-view='pause'] .pm-pause-title {
  font-size: 60px !important;
}
html[data-demo-view='pause'] .pm-brand-logo {
  display: none;
}
html[data-demo-view='pause'] .pm-news {
  width: 235px !important;
}
html[data-demo-view='pause'] .pm-left-rail {
  width: 200px !important;
}
html[data-demo-view='dashboard'] .hd-overlay {
  padding: 12px;
}
html[data-demo-view='dashboard'] .hd-dashboard {
  height: 576px;
  max-height: 576px;
  border-radius: 12px;
}