html.pushbar_locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
.pushbar_locked .pushbar_main_content.pushbar_blur {
  filter: blur(15px);
}
.pushbar_overlay {
  z-index: -999;
  top: 0;
  left: 0;
  will-change: opacity;
  transition: opacity 0.5s ease;
  opacity: 0;
  background: #000;
}
html.pushbar_locked .pushbar_overlay {
  opacity: 0.8;
  z-index: 1071;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  will-change: opacity;
  transition: opacity 0.5s ease;
  background: #000;
}
[data-pushbar-id] {
  z-index: 1072;
  position: fixed;
  overflow-y: auto;
  will-change: transform;
  transition: transform 0.5s ease;
  background: #d6ebff;
}
[data-pushbar-direction="left"][data-pushbar-id], [data-pushbar-direction="right"][data-pushbar-id] {
  top: 0;
  width: 600px;
  max-width: 100%;
  height: 100%;
}
body.admin-bar [data-pushbar-direction="right"][data-pushbar-id]{
 top: 32px;
}
[data-pushbar-direction="top"][data-pushbar-id], [data-pushbar-direction="bottom"][data-pushbar-id] {
  left: 0;
  width: 100%;
  min-height: 150px;
}
[data-pushbar-direction="left"][data-pushbar-id] {
  left: 0;
  transform: translateZ(0) translateX(-100%);
}
[data-pushbar-direction="right"][data-pushbar-id] {
  right: 0;
  transform: translateZ(0) translateX(100%);
}
[data-pushbar-direction="top"][data-pushbar-id] {
  top: 0;
  transform: translateZ(0) translateY(-100%);
}
[data-pushbar-direction="bottom"][data-pushbar-id] {
  bottom: 0;
  transform: translateZ(0) translateY(100%);
}
[data-pushbar-id].opened {
  display: block;
  transform: translateX(0px) translateY(0px);
  box-shadow: -75px 0 75px -75px rgba(0, 0, 0, 0.75);
}
.close {
  width: 20px;
  height: 21px;
  position: relative;
  display: inline-block;
  vertical-align: text-bottom;
  text-align: center;
  cursor: pointer;
}
.close:before, .close:after {
  position: absolute;
  left: 10px;
  content: ' ';
  height: 21px;
  width: 3px;
  background-color: #024C7D;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}