.my-modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#1e1e2e;background-color:rgba(0,0,0,.4);-webkit-animation-name:fadeIn;-webkit-animation-duration:.4s;animation-name:fadeIn;animation-duration:.4s}.my-modal-content{position:fixed;color:#cdd6f4;bottom:0;background-color:#313244;width:100%;-webkit-animation-name:slideIn;-webkit-animation-duration:.4s;animation-name:slideIn;animation-duration:.4s}.my-close{color:#cba6f7;float:right;font-size:28px;font-weight:700}.my-close:focus,.my-close:hover{color:#f5c2e7;text-decoration:none;cursor:pointer}.my-modal-header{padding:2px 16px;background-image:linear-gradient(to left,#1e1e2e,#11111b);color:#fff}.my-modal-body{padding:2px 16px}.my-modal-footer{padding:2px 16px;background-repeat:repeat-x;background-image:linear-gradient(to left,#1e1e2e,#11111b);color:#cdd6f4}@-webkit-keyframes slideIn{from{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}@keyframes slideIn{from{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}a{color:#89b4fa}a:hover{color:#b4befe}a:visited{color:#cba6f7}

Map of neighbors