html,body{
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color:transparent;
}

.brightness{
  &::before{
    content: '';
    position: absolute;
    top: 0; 
    bottom: 0;
    left: 0; 
    right: 0;
    z-index: -2;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0,0,0,0.7);
    font-size: 0;
  }
}

@supports (backdrop-filter: brightness(60%)) {
  .brightness{
    &::before{
      content: '';
      backdrop-filter: blur(10px) brightness(60%)!important;
      background-color: rgba(0,0,0,0)!important;
    }
  }  
}


.fade-leave-active {
  transition: opacity .3s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.noshow{
  position: fixed;
  top: -100px;
  left: -100px;
  opacity: 0;
  visibility: hidden;
}