:root {
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  min-height: 100%;
  background: #000;
}

body {
  overflow: hidden;
}

#gallery-root {
  display: none;
}

.lg-backdrop,
.lg-outer,
.lg-outer .lg-content,
.lg-outer .lg-img-wrap {
  background: #000 !important;
}

.lg-outer .lg-toolbar {
  background: transparent;
}

.lg-outer .lg-thumb-outer,
.lg-outer .lg-sub-html,
.lg-outer .lg-counter,
.lg-outer .lg-close,
.lg-outer .lg-actual-size {
  display: none !important;
}

.lg-outer .lg-toolbar .lg-icon,
.lg-outer .lg-prev,
.lg-outer .lg-next {
  color: rgba(255, 255, 255, 0.95);
}

.lg-outer .lg-prev,
.lg-outer .lg-next {
  background: transparent;
}

.lg-outer .lg-toolbar .lg-icon:hover,
.lg-outer .lg-prev:hover,
.lg-outer .lg-next:hover {
  color: #ffffff;
}

.lg-outer .lg-toolbar .lg-icon:after,
.lg-outer .lg-prev:after,
.lg-outer .lg-next:before {
  text-shadow: 0 1px 10px rgba(0,0,0,.45);
}