body.vmv-auto-hidden header,
body.vmv-auto-hidden .vmv-header,
body.vmv-auto-hidden .navbar,
body.vmv-auto-hidden .topbar,
body.vmv-auto-hidden .controls,
body.vmv-auto-hidden .toolbar,
body.vmv-auto-hidden .layout-save-panel,
body.vmv-auto-hidden .clocks,
body.vmv-auto-hidden .clock,
body.vmv-auto-hidden .timebar,
body.vmv-auto-hidden .world-clocks,
body.vmv-auto-hidden [class*="clock"],
body.vmv-auto-hidden [id*="clock"],
body.vmv-auto-hidden [class*="time"],
body.vmv-auto-hidden [id*="time"]{
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(-20px)!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}

body.vmv-auto-hidden .grid{
  height:100vh!important;
  min-height:100vh!important;
  padding:4px!important;
}

body.vmv-auto-hidden .cell{
  min-height:0!important;
}

header,
.vmv-header,
.navbar,
.topbar,
.controls,
.toolbar,
.layout-save-panel,
.clocks,
.clock,
.timebar,
.world-clocks,
[class*="clock"],
[id*="clock"],
[class*="time"],
[id*="time"]{
  transition:opacity .25s ease, transform .25s ease, height .25s ease!important;
}