.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; }