body.no-scroll {
  overflow-y: hidden !important;
  width: calc(100% - 17px) !important;
}
#shadow-layer {
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  cursor: pointer;
  z-index: 5;
}
#shadow-layer.opened {
  display: block;
}
#shadow-layer[data-controlled="false"] {
  cursor: default;
}
.popup-window {
  display: none;
  position: fixed;
  background-color: #f4f4f4;
  z-index: 10;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.4);
}
.popup-window.opened {
  display: flex;
}