:root {
  --primary-color: transparent;
  --secondary-color: transparent;
  --font-color: transparent;
  --button-font-color: transparent;
  --start-font-color: transparent;
  --countdown-color: transparent;
  --background-countdown-color: transparent;
  --cheese-color: transparent;
  --panel-color: transparent;
  --hover-panel-color: transparent;
  --border-color: transparent;
  --box-color: transparent;
  --gallery-button-color: transparent;
  --background-default: none;
  --background-admin: none;
  --background-chroma: none;
  --background-ipcam: none;
  --fontSize: 16px;
  --preview-rotation: 0deg; }

.pswp__button--qrcode,
.pswp__button--print,
.pswp__button--print-chroma-keying,
.pswp__button--download,
.pswp__button--mail,
.pswp__button--playpause {
  left: 40%; }

.pswp__button--close {
  top: 24px;
  right: 30px;
  left: auto;
  position: fixed;
  width: calc(2 * 1em);
  height: calc(2 * 1em);
  line-height: calc(1 * 1em);
  border: 2px solid var(--gallery-button-color); }

.pswp__top-bar {
  height: calc(8 * 1em);
  top: auto;
  bottom: 0; }

.pswp__button {
  float: left; }

.pswp__counter {
  left: 20%;
  height: calc(4.375 * 1em);
  font-size: 1.5em;
  line-height: calc(5 * 1em);
  padding: 0; }

@media screen and (max-width: 1024px) {
  .pswp__counter {
    left: 5%;
    height: calc(2 * 1em);
    font-size: 1.2em;
    line-height: calc(3 * 1em);
    padding: 0 5px; }
  .pswp__button {
    left: 15%;
    margin: auto; }
  .pswp__button--close,
  .pswp__button--qrcode,
  .pswp__button--print,
  .pswp__button--print-chroma-keying,
  .pswp__button--download,
  .pswp__button--mail,
  .pswp__button--playpause {
    width: calc(2 * 1em);
    height: calc(2 * 1em);
    line-height: calc(2 * 1em); }
  .pswp__button--close {
    left: auto; }
  .pswp__top-bar {
    height: calc(3 * 1em); } }
