.uv {
  .headerPanel {
    .hidden();
  }

  .footerPanel {
    .hidden();
  }

  .mobileFooterPanel {
    .visible();
    position: relative;
    height: 42px;

    .options {
      position: absolute;

      /* width: 315px; */
      height: 42px;

      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width: 100%;

      .spacer {
        float: left;
        width: 30px;
        height: 41px;
      }

      .btn {
        color: white;
        font-size: 0;

        &.moreInfo {
          display: inline-block;
        }

        &.toggleLeftPanelButton {
          display: inline-block;
        }

        &.bookmark {
          display: none;
        }

        &.open {
          display: none;
        }

        &.feedback {
          display: none;
        }

        &.embed {
          display: none;
        }

        &.fullScreen {
          display: inline-block;
        }
      }

      .choiceSwitch {
        display: inline-block;
        background-image: data-uri(
          "../../uv-osdmobilefooterpanel-module/img/layers.svg"
        );
        background-repeat: no-repeat;
        background-position: center center;
        width: 30px;
        height: 30px;
      }
    }
  }
}

.uv.loaded .uv-iiif-extension-host {
  background-color: #000;
}