body,
html {
  height: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }

.imgSeq {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  max-width: 100%;
  max-height: 100%;
  cursor: pointer; }

.imgSeq img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 1 / 1; }

.imgSeq img.move-around-helper {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 4rem;
  transform: translate(-50%, -50%); }

.imgSeq img.move-around-helper.bg-light {
  filter: brightness(0) invert(0.3); }

.imgSeq img.move-around-helper.bg-dark {
  filter: brightness(0) invert(1); }

#product .imgSeq {
  display: none; }

#product .imgSeq.active {
  display: flex; }

#log {
  position: absolute;
  padding: 10px; }

#noJS {
  text-align: center;
  padding: 2em 1em 0 1em; }

#noJS .warningMsg img {
  padding-bottom: 1em; }

#noJS .warningMsg p {
  line-height: normal;
  margin: 0;
  padding: 0; }

#noJS .warningMsg p.expl {
  font-size: 90%;
  color: #919191; }

/*Debug and developemnt info panel*/
#devPanel {
  position: absolute;
  top: 2%;
  right: 2%; }

/* -- Navigation pane for desktops -- */
#navigation {
  position: absolute;
  bottom: 1%;
  right: 5%;
  display: none; }

#navigation .nButton {
  width: 70px;
  height: 90px;
  display: inline-block; }

#navigation .nButton img {
  width: 100%;
  height: 100%;
  border: none;
  cursor: pointer; }

.absolute-center {
  width: 72px;
  height: 36px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.absolute-center.vr360-hint-desktop {
  bottom: 20px; }

.absolute-center.vr360-hint-mobile {
  bottom: 40px;
  display: none; }

@media only screen and (max-width: 480px) {
  .absolute-center.vr360-hint-desktop {
    display: none; }
  .absolute-center.vr360-hint-mobile {
    bottom: 40px;
    display: block; } }

@media only screen and (min-width: 481px) {
  .absolute-center.vr360-hint-desktop {
    display: block; } }