.reply[data-v-9ecc2638]{display:flex;flex-direction:row;margin-bottom:12px}.replybutton[data-v-9ecc2638]{cursor:pointer;flex-grow:0;width:40px;padding-top:10px;font-size:16px;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:none;width:-moz-fit-content;width:fit-content}.comment[data-v-9ecc2638]{text-align:left}.sub-comment[data-v-9ecc2638]{margin-left:10px;padding-left:10px;border-left:2px solid var(--color-secondary-action)}.sub-comment-reply[data-v-9ecc2638]{cursor:pointer;margin-left:20px;margin-bottom:12px;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-secondary-action);width:-moz-fit-content;width:fit-content;padding:5px;padding-left:10px;padding-right:10px;border-radius:15px}.comment-divider[data-v-9ecc2638]{margin-top:12px;margin-bottom:12px;border-top:1px solid var(--color-secondary-action)}.text-center[data-v-9ecc2638]{text-align:center}.xonmap[data-v-764c233c]{position:absolute;top:calc(-15.5vh - 15px);left:calc(50% - 15px);width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;cursor:pointer}.text-title[data-v-764c233c]{width:calc(100% - 40px);padding:10px;border:1px solid #ccc;border-radius:5px;font-size:20px;font-weight:700;color:#333;text-align:center}.description-box[data-v-764c233c]{width:calc(100% - 22px)}.margin-top-bottom[data-v-764c233c]{margin-top:10px;margin-bottom:10px}.overlay .button[data-v-4342f46c]{background-color:var(--color-primary);border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;margin:20px;font-size:24px;font-weight:bolder;border-radius:10px}.overlay .button[data-v-4342f46c]:hover{background-color:var(--color-primary-hover)}.overlay[data-v-4342f46c]{position:absolute;bottom:0;left:0;width:100vw;height:100vh;animation-duration:.3s;animation-name:slideFromBottom-4342f46c;z-index:100;background-color:var(--color-primary-active);display:flex;flex-direction:column;justify-content:center}.text[data-v-4342f46c]{margin-left:60px;margin-right:60px;text-align:center;color:#f5f5f5}@keyframes slideFromBottom-4342f46c{0%{height:0}to{height:100vh}}.image[data-v-4342f46c]{width:256px;height:256px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}:root{--color-primary:#00cf97;--color-primary-hover:#10dfa7;--color-primary-active:#00bf87;--color-primary-disabled:#6bd3b7;--color-secondary-action:#dfdfdf;--color-text:#2c3e50}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--color-text)}.fullmap{position:absolute;top:0;left:0;width:100vw;height:100vh;animation-duration:.3s;animation-name:small-to-full}@keyframes small-to-full{0%{height:30vh}to{height:100vh}}.mark-on-map{top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:none}#searchbox,.mark-on-map{position:absolute;z-index:100}#searchbox{top:10px;left:10px;width:calc(100% - 60px);padding:10px;padding-left:20px;padding-right:20px;border:0;border-radius:25px;height:30px}.pin-button{width:50px;height:50px;background-color:var(--color-primary);border-radius:50%;border:none;color:#444;font-size:30px;cursor:pointer;outline:none}.add-pin-button{position:absolute;bottom:20px;right:10px}.switch-type-pin-button{position:absolute;bottom:80px;right:10px}.smallmap{position:absolute;top:0;left:0;width:100vw;height:30vh;animation-duration:.3s;animation-name:full-to-small}@keyframes full-to-small{0%{height:100vh}to{height:30vh}}body{margin:0;padding:0;width:100vw;height:100vh}.popup{position:absolute;padding-left:20px;padding-right:20px;bottom:0;width:calc(100% - 40px);height:69vh;background-color:#fff;z-index:100;animation-duration:.3s;animation-name:fadeIn}@keyframes fadeIn{0%{height:0}to{height:69vh}}.header{display:flex;flex-direction:row;top:0;left:0;width:100%;background-color:#fff;border-bottom:1px solid #ccc}.header .icon{flex-grow:0;width:40px}.header .title{flex-grow:1}.header .close{cursor:pointer;flex-grow:0;width:40px}.content{height:calc(100% - 90px);overflow:auto}.textbox{flex-grow:1;border:1px solid #ccc;border-radius:10px;margin-right:10px;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#fff}.button-main,.textbox{padding:10px;font-size:16px}.button-main{width:100%;border-radius:18px;border:none;background-color:var(--color-primary)}.button-main:hover{background-color:var(--color-primary-hover)}.button-main:active{background-color:var(--color-primary-active)}.button-main:disabled{background-color:var(--color-primary-disabled)}.vue-map{width:100%;height:100%;min-height:2rem}