.overlay{opacity:.5;z-index:100;background-color:#000;width:100%;height:100%;transition:all 1s ease-in-out;position:fixed;top:0;left:0}.content_window{color:#000;z-index:150;scrollbar-width:none;-ms-overflow-style:none;background-color:#fff;flex-direction:column;max-width:600px;max-height:90vh;padding:20px 40px 40px;animation:.4s ease-out forwards popupShow;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4px 20px #0000004d}.window-close{flex-direction:row;justify-content:end;align-items:center;width:100%;height:50px;display:flex}.cross{cursor:pointer;fill:#000;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;width:16px;height:16px;margin:-35px -25px 0 0}.pop-up-content{flex:1;min-height:0;overflow-y:auto}.cross:hover{fill:var(--accent-color)}.pop-up-content::-webkit-scrollbar{display:none}@keyframes popupShow{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes popupHide{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}@media (max-width:768px){.content_window{width:100%;max-width:100%;padding:20px;top:auto;bottom:0;transform:translate(-50%)}.cross{margin:0}@keyframes popupHide{0%{opacity:1;height:auto}to{opacity:0;height:10px}}@keyframes popupShow{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}}