@media only screen and (min-width:1600px) {
    /* html{
        font-size: 13px;

    } */
}

@media only screen and (max-width:1200px) {

/* 
    html {
        font-size: 12px;
    } */
    
    
}



@media only screen and (max-width:800px) {
/* 

    html {
        font-size: 11px;
    } */

}


@media only screen and (max-width:600px) {


    /* html {
        font-size: 10px;
    } */
}




@media only screen and (max-width:393px) {
    body{
        background-color: #f5f5f5;
    }
    body > .wrap {
        border-radius: unset;
        max-height: unset;
        margin-top: unset;
        transform: unset;
        height: 100%;
    }



    body[data-location="qr-scan"][data-state="scanSuccess"] section::before,
    body[data-location="qr-scan"][data-state="scanSuccess"] section::after{
      content: '';
      z-index: 50;
      position: fixed;
      bottom: 0;
      width: 30px;
      height: 30px;
    }
    body[data-location="qr-scan"][data-state="scanSuccess"] section::before{
      left: 0;
      
      border-radius: 0 0 0 100%;
      box-shadow: -10px 10px 0 10px var(--colorWhite);
    }
    body[data-location="qr-scan"][data-state="scanSuccess"] section::after{
    
      right: 0;
      border-radius: 0 0 100% 0;
      box-shadow: 10px 10px 0 10px var(--colorWhite);
    }
}