:root{--color-1:white;--color-2:black;--color-3:rgb(50,50,50);--color-4:rgb(240,240,240);}body{margin:0;padding:0;overflow:hidden;}*::-webkit-scrollbar{width:2px;height:2px;background:var(--color-4)}*::-webkit-scrollbar-track{background:transparent;border-radius:10px}*::-webkit-scrollbar-thumb{background:var(--color-2);border-radius:5px}input{z-index:200;}input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;padding:10px;border-radius:10px;box-shadow:2px 3px 5px rgba(0,0,0,.25);background:var(--color-1);color:var(--color-2);}select{border:none;outline:none;padding:10px;border-radius:10px;box-shadow:2px 3px 5px rgba(0,0,0,.25);background:var(--color-1);color:var(--color-2);}button,input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;padding:10px;border-radius:10px;box-shadow:2px 3px 5px rgba(0,0,0,.25);background:var(--color-3);color:var(--color-1);cursor:pointer;transition:all .5s ease;}button:hover,input[type=submit]:hover{transform:scale(1.1,1.1);}button:active,input[type=submit]:active{transform:scale(.9,.9);}.location-suggestion{padding:10px;border-radius:10px;background:var(--color-1);color:var(--color-2);box-shadow:2px 3px 5px rgba(0,0,0,.25);width:max-content;cursor:pointer;margin:5px;}.map{width:100vw;height:100vh;z-index:-1;position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;}.edit-button{position:fixed;top:20px;right:20px;background:var(--color-3);color:var(--color-1);padding:10px;border-radius:50%;box-shadow:2px 3px 5px rgba(0,0,0,.25);width:25px;aspect-ratio:1/1;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .5s ease;z-index:200;}.map-marker{position:relative;background:var(--color-3);color:var(--color-1);padding:0 2px;border-radius:10px;box-shadow:2px 3px 5px rgba(0,0,0,.25);width:max-content;height:25px;min-width:21px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .5s ease;}.map-marker:hover,.edit-button:hover{transform:scale(1.1,1.1);}.map-marker:active,.edit-button:active{transform:scale(.9,.9);}.person-container{padding:10px;border-radius:10px;background:var(--color-1);color:var(--color-3);display:flex;align-items:center;justify-content:space-between;box-shadow:2px 3px 5px rgba(0,0,0,.25);margin-top:10px;flex-wrap:wrap;}.person-container *{margin:2px;}.footer{position:absolute;margin:auto;width:max-content;left:10px;right:auto;top:auto;padding:10px;border-radius:10px;box-shadow:2px 3px 5px rgba(0,0,0,.25);bottom:10px;background:var(--color-3);color:var(--color-1);z-index:100;display:flex;align-items:center;justify-content:space-between;}.spacer{width:5px;}.footer h6{margin:0;}.logo{width:70px;height:auto;}.pop-over{padding:20px;width:calc(100vw - 40px);height:calc(100% - 40px);max-width:500px;background:var(--color-4);color:var(--color-3);position:fixed;margin:auto;left:auto;right:0;top:0;bottom:0;transform:translateX(100vw);z-index:400;transition:all .5s ease;box-shadow:2px 3px 5px rgba(0,0,0,.25);overflow-y:auto;}.pop-over-open{transform:translateX(0);}.pop-over-top-bar{width:100%;display:flex;justify-content:space-between;align-items:center;}.back-button{cursor:pointer;font-size:25px;transition:all .5s ease;}.back-button:hover{transform:scale(1.1,1.1);}.back-button:active{transform:scale(.9,.9);}.loader{width:100vw;height:100%;background:var(--color-3);color:var(--color-1);display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;z-index:300;}.loader-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}.loader-container>div{width:15px;height:15px;background:white;margin:5px;border-radius:50%;animation:2s pulse ease infinite;border:1px solid rgb(30,30,40);opacity:0;}.loader-container>div:nth-child(1){animation-delay:0s;}.loader-container>div:nth-child(2){animation-delay:.15s;}.loader-container>div:nth-child(3){animation-delay:.3s;}@keyframes pulse{0%{transform:scale(1,1);opacity:0}10%{transform:scale(1.5,1.5);opacity:1}100%{transform:scale(1,1);opacity:0}}.search-bar{background:var(--color-1);color:var(--color-2);padding:10px;padding-left:15px;padding-right:15px;border-radius:25px;display:block;transition:all .5s ease;z-index:1000;overflow-y:auto;overflow-x:hidden;}.search-expand{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:250px;max-height:250px;}.search-bar input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;box-shadow:none;border:none;outline:none;font-size:18px;}.result{opacity:0;margin:10px;padding:10px;-webkit-animation:.5s fadein ease forwards;animation:.5s fadein ease forwards;transition:all .5s ease;box-shadow:2px 3px 5px rgba(0,0,0,.25),-2px 3px 5px rgba(0,0,0,.1);word-wrap:break-word;background:white;border-radius:3px;cursor:pointer;}.fade-out{-webkit-animation:fadeout 1s ease forwards;animation:fadeout 1s ease forwards;}.ol-control{display:none;}.female{background:fuchsia;width:10px;height:10px;border-radius:50%;box-shadow:2px 3px 5px rgba(0,0,0,.25);position:absolute;top:-10%;left:-10%;margin:auto;z-index:101;}.male{background:cornflowerblue;width:10px;height:10px;border-radius:50%;box-shadow:2px 3px 5px rgba(0,0,0,.25);position:absolute;top:-10%;right:-10%;margin:auto;z-index:101;}.male-border{border-left:3px solid cornflowerblue;border-top-left-radius:0;border-bottom-left-radius:0;}.female-border{border-left:3px solid fuchsia;border-top-left-radius:0;border-bottom-left-radius:0;}.pnts-border{border-left:3px solid var(--color-3);border-top-left-radius:0;border-bottom-left-radius:0;}@-webkit-keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadein{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes fadein{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}