#root,body,html{background-color:#2e2d31;color:#eee;height:100%;margin:0}.page{margin:auto;max-width:768px;padding:20px}.page header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.page h1{margin:0}@media (max-width:640px){.page h1{font-size:18px}}a{color:#9e9ef0;text-decoration:none}button{background-color:#aaa;border:1px solid #ccc;color:#fff;cursor:pointer}button.primary{background-color:#1a9c1a}.badge{background-color:#9c9c1a;border:1px solid #ccc;color:#fff;display:inline-block;font-size:10px;margin-left:12px;padding:1px;vertical-align:middle}.badge.visited{background-color:#1a9c1a}.place-list .place-entry{border:1px solid #ccc;display:flex;align-items:center}.place-list .place-entry:not(:last-child){border-bottom:0}.place-list .place-entry .info{flex:1 1 auto;padding:10px}.place-list .place-entry .info .title{color:#fff;font-size:18px;margin-bottom:5px}.place-list .place-entry .info .description{color:#888;font-size:14px;height:48px;overflow:hidden;text-align:justify;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.place-list .place-entry .image{background-color:#ccc;background-position:50%;background-size:cover;flex:0 0 auto;height:100px;width:100px}.place-list .no-results{color:#ecc;font-style:italic}form.search{width:200px;position:relative}form.search input{background-color:#eee;border:1px solid #ccc;box-sizing:border-box;margin-bottom:10px;outline:0;padding:3px 25px 3px 5px;width:100%}form.search:before{content:"🔎";position:absolute;top:3px;right:3px}@media (max-width:640px){form.search{width:100%}}.page.place main{display:grid;grid-gap:10px;grid-template-areas:"image description map";min-width:0;max-width:100%}@media (max-width:600px){.page.place main{grid-template-areas:"image description" "map description"}}.page.place .image,.page.place .minimap{background-color:#ccc;background-position:50%;background-size:cover;display:block;height:200px;width:200px}@media (max-width:600px){.page.place .image,.page.place .minimap{height:150px;width:150px}}.page.place .image{grid-area:image}.page.place .minimap{grid-area:map}.page.place .description{grid-area:description;white-space:pre-wrap}.page.login{display:flex;flex-direction:column;align-items:center;height:175px;text-align:center;width:250px}.page.login label{margin-bottom:10px}.page.login label span{display:inline-block;text-align:left;width:80px}.page.login label input{width:120px}.page.login button{width:208px}.page.login p.error{color:red;font-size:14px;margin:3px 0 0}.page.place-edit label{display:flex;margin-bottom:10px;align-items:flex-start}@media (max-width:640px){.page.place-edit label{flex-direction:column;align-items:stretch}}.page.place-edit label>span{display:inline-block;flex:0 0 auto;width:100px}.page.place-edit label input,.page.place-edit label textarea{flex:1 1 auto;outline:0;padding:5px}.page.place-edit label textarea{height:200px}@media (max-width:640px){.page.place-edit label textarea{height:100px}}.page.place-edit label.image .preview{background-color:#888;background-position:50%;background-size:cover;cursor:pointer;height:80px;width:80px}.page.place-edit label.image input{width:100%;height:100%;opacity:0;padding:0}.page.place-edit label.place-id span{display:flex;flex-direction:column;justify-content:space-between}@media (max-width:640px){.page.place-edit label.place-id span{flex-direction:row;width:100%}}.page.place-edit label.location input{width:80px}.page.place-edit label.visited input{flex:0 0 auto}.page.place-edit button{margin-left:100px}@media (max-width:640px){.page.place-edit button{margin-left:0}}