/* Original 800x456 animation, displayed without its empty canvas margins. */
.hostiq-animated-logo {
  --hostiq-logo-width: 180px;
  display:inline-block; position:relative; overflow:hidden; vertical-align:middle;
  width:var(--hostiq-logo-width); max-width:100%; aspect-ratio:676 / 254;
  padding:0; border:0; background:transparent;
}
.hostiq-animated-logo > img.hostiq-logo-animation,
#main-header .logo-wrapper .hostiq-animated-logo > img.hostiq-logo-animation,
body#page-top .sidebar .sidebar-brand.logo_nav .hostiq-animated-logo > img.hostiq-logo-animation {
  display:block !important; position:absolute !important;
  width:118.343195% !important; height:auto !important;
  max-width:none !important; max-height:none !important;
  left:-8.579882% !important; top:-37.795276% !important;
  margin:0 !important; padding:0 !important; transform:none !important;
  object-fit:fill !important; border:0 !important;
  filter:none !important;
}
.logo-wrapper .hostiq-animated-logo { --hostiq-logo-width:160px; }
footer .hostiq-animated-logo { --hostiq-logo-width:160px; }
.auth-enterprise-logo .hostiq-animated-logo { --hostiq-logo-width:260px; }
body#page-top .sidebar .sidebar-brand.logo_nav .hostiq-logo-full {
  --hostiq-logo-width:200px; flex-shrink:1;
}
body#page-top .sidebar .sidebar-logo-sign.hostiq-animated-logo { display:none; }
@media(min-width:768px) {
  body#page-top.sidebar-compact .sidebar .sidebar-brand.logo_nav .hostiq-logo-full { display:none !important; }
  body#page-top.sidebar-compact .sidebar .sidebar-logo-sign.hostiq-animated-logo {
    display:block; width:34px !important; height:auto !important;
    aspect-ratio:210 / 254; flex:0 0 34px !important; transform:none !important;
  }
  body#page-top.sidebar-compact .sidebar .sidebar-brand.logo_nav .sidebar-logo-sign.hostiq-animated-logo > img.hostiq-logo-animation {
    width:380.952381% !important; left:-27.619048% !important;
  }
}
@media(max-width:480px) {
  .logo-wrapper .hostiq-animated-logo { --hostiq-logo-width:130px; }
  .auth-enterprise-logo .hostiq-animated-logo { --hostiq-logo-width:240px; }
}
@media(max-height:650px) {
  .auth-enterprise-logo .hostiq-animated-logo { --hostiq-logo-width:210px; }
}