html{
  --vx-dvh:100vh;
}

html.vx-site-mobile-scrolling #particles-js,
html.vx-site-mobile-scrolling .vx-floating-v-logo,
html.vx-site-mobile-scrolling .vx-v6-ticker,
html.vx-site-mobile-scrolling .vx-v7-news-group{
  animation-play-state:paused!important;
  transition:none!important;
  will-change:auto!important;
}

.vx-site-network-state{
  position:fixed;
  left:50%;
  bottom:max(18px,env(safe-area-inset-bottom));
  z-index:99999;
  max-width:min(360px,calc(100vw - 32px));
  padding:10px 14px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:999px;
  background:rgba(10,18,31,.9);
  color:#dce8f4;
  font-size:13px;
  font-weight:800;
  line-height:1.35;
  box-shadow:0 18px 50px rgba(0,0,0,.28);
  opacity:0;
  pointer-events:none;
  transform:translate3d(-50%,14px,0);
  transition:opacity .2s ease,transform .2s ease;
}

.vx-site-network-state.is-visible{
  opacity:1;
  transform:translate3d(-50%,0,0);
}

.vx-site-network-state.is-online{
  border-color:rgba(45,212,191,.26);
  color:#2dd4bf;
}

.vx-site-network-state.is-offline{
  border-color:rgba(251,113,133,.32);
  color:#fb7185;
}

@media(max-width:900px){
  html.vx-home-visuals-paused #home .vx-hero-market-float-layer .vx-v6-ticker,
  html.vx-home-visuals-paused #home .vx-v6-stage .vx-v6-ticker,
  html.vx-home-visuals-paused #home .vx-v7-news-group,
  html.vx-home-visuals-paused #home .vx-v6-orbit,
  html.vx-home-visuals-paused #home .vx-v6-platform,
  html.vx-home-visuals-paused #home .vx-v6-stage::before,
  html.vx-home-visuals-paused #home .vx-v6-stage::after,
  html.vx-mobile-throttle-work #home .vx-hero-market-float-layer .vx-v6-ticker,
  html.vx-mobile-throttle-work #home .vx-v6-stage .vx-v6-ticker,
  html.vx-mobile-throttle-work #home .vx-v7-news-group,
  html.vx-mobile-throttle-work #home .vx-v6-orbit,
  html.vx-mobile-throttle-work #home .vx-v6-platform,
  html.vx-mobile-throttle-work #home .vx-v6-stage::before,
  html.vx-mobile-throttle-work #home .vx-v6-stage::after{
    animation-play-state:paused!important;
    transition:none!important;
    will-change:auto!important;
  }

  html.vx-home-visuals-paused #home .vx-hero-market-float-layer .vx-v6-ticker,
  html.vx-mobile-throttle-work #home .vx-hero-market-float-layer .vx-v6-ticker{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  html.vx-site-mobile-scrolling *:not(#vx-live-market-track):not(#vx-live-market-track *):not(.vx-live-market-track):not(.vx-live-market-track *),
  html.vx-site-mobile-scrolling *:not(#vx-live-market-track):not(#vx-live-market-track *):not(.vx-live-market-track):not(.vx-live-market-track *)::before,
  html.vx-site-mobile-scrolling *:not(#vx-live-market-track):not(#vx-live-market-track *):not(.vx-live-market-track):not(.vx-live-market-track *)::after{
    animation-play-state:paused!important;
    transition:none!important;
    will-change:auto!important;
  }

  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }

  body{
    position:relative!important;
    touch-action:pan-y;
  }

  input,
  select,
  textarea{
    max-width:100%!important;
    font-size:16px!important;
    line-height:1.2!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }

  main,
  header,
  .vx-header,
  .page,
  .auth-shell,
  .auth-panel-wrap,
  .login-box,
  .vx-knowledge-shell,
  .vx-knowledge-dialog,
  .vx9-market-board,
  .vx9-convert-shell,
  .vx9-convert-box,
  .vx10-market-shell,
  .vx10-account-shell,
  #home,
  #coin-detail,
  #spot-pro{
    max-width:100vw!important;
    box-sizing:border-box!important;
  }

  #home,
  .auth-shell,
  .vx-knowledge-dialog{
    overflow-x:hidden!important;
  }

  html.vx-site-input-focused,
  html.vx-site-input-focused body{
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
  }

  .page:not(#home){
    width:calc(100% - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html.vx-site-mobile-scrolling,
  html.vx-site-mobile-scrolling body{
    scroll-behavior:auto!important;
  }

  html.vx-site-mobile-scrolling .vx-site-network-state{
    transition:none!important;
  }

  html.vx-site-mobile-scrolling #vx-live-market-track,
  html.vx-home-visuals-paused #vx-live-market-track,
  html.vx-mobile-throttle-work #vx-live-market-track{
    animation:vx13LiveMarketTicker var(--vx13-live-duration,24s) linear infinite!important;
    animation-play-state:running!important;
    transition:initial!important;
    will-change:transform!important;
  }
}

@media(max-width:900px) and (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
}
