Something went wrong. Try again.
Browser extension that sorts Pratt books by distance to patron
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105* { box-sizing: border-box;}
html,body { height: 600px; margin: 0;}
body { align-items: center; background: #dd251f; color: white; display: flex; flex-direction: column; gap: 8px; padding: 8px; width: 380px;}
button,input { border-radius: 10px; cursor: pointer; font-size: medium; height: 48px; outline: none;}
.hidden { display: none;}
#browserLocation,#address { background: transparent; border: 2px solid white; color: inherit; padding: 4px 8px; width: 80%;}
input::placeholder { color: white;}
#manualLocation { background: white; border: none; color: #dd251f; width: 40%;}
#map { border-radius: 8px; flex: 1; height: 256px; width: 100%;}
#slider { display: flex; flex-direction: column; align-items: center; height: 48px; width: 90%;}
input[type="range"] { accent-color: white; box-sizing: border-box; margin: 0; padding: 0; width: 100%;}
#copies { flex: 1; flex-direction: column; gap: 8px; height: 256px; overflow-y: auto; width: 100%;}
#copies:not(.hidden) { display: flex;}
.copy { background-color: white; border-radius: 8px; display: flex; flex-direction: column; gap: 4px; padding: 8px; width: 100%;}
.copyText { color: black; margin: 0;}