body {
  --wpadmin-bar--height: 0px;
}
body.admin-bar {
  --wpadmin-bar--height: 46px;
}

@media screen and (max-width: 600px){
  #wpadminbar {
    position: fixed;
  }
}

@media (min-width: 782px){
  body.admin-bar {
    --wpadmin-bar--height: 32px;
  }
}