.photection-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5000;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.25);
  display: none;
  transition: opacity 500ms ease; }
  .photection-modal.is-active {
    display: block; }

.photection__message-wrapper {
  position: absolute;
  z-index: 5000;
  padding: 0.5rem 0.75rem;
  min-width: 200px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  background-color: black;
  border-radius: 4px;
  text-align: center;
  color: white;
  font-size: 0.875rem;
  cursor: pointer; }