@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap);
.project-select{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;margin:10px;justify-content:center;height:100%;align-items:stretch;padding:0 10%}.project-select>div{pointer-events:auto}.project-select a{display:inline-block;width:100%;height:100%}.project-select .project-select-last{margin-top:10px;padding:10px;border-radius:5px;display:block;text-align:center;background:#f57d8d}.project-select .project-select-last a{color:blue;font-weight:bold}.project-select .error{color:#fff;background-color:red;font-weight:bold;opacity:.4;font-size:.9rem;margin:10px 0px;padding:5px;text-align:center;height:3em;border-radius:5px;visibility:visible}.project-select .error:empty{visibility:hidden}.project-info{padding:0 10px;overflow-y:scroll;overflow-x:hidden;height:100%}.project-info p{text-align:justify}.project-info .story-list{width:100%}.project-info .story-list ul{list-style-type:none;padding:0}.project-info .story-list li{background-color:#e0e2e2;padding:10px;margin:10px 0px;border-radius:5px}.project-info .story-list h4{display:inline}.project-info .story-list .date{float:right}.project-info .story-list .empty{padding:10px 0;text-align:center;width:100%}.project{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;margin:10px}.project>div{pointer-events:auto}.project.center{justify-content:center;height:100%}.project .details{background-color:#eee;width:100%;text-align:left;box-shadow:6px 6px #000}.project .details .item-content{margin:10px}.project .details:active{box-shadow:4px 4px gray}.project .change-button{margin:10px 0px}.project .center-item{text-align:center;color:#666;width:100%;max-width:80%}.project .center-item .input-element{width:80%;margin:0 auto}
.input-element{text-align:center;padding:5px;margin:0px;background-color:#e0e2e2;border-radius:5px;font-size:1rem}.input-element.bright{background-color:#fff}.input-element input,.input-element textarea{font-family:"Roboto",sans-serif;width:100%;display:block;border:none;margin:0;padding:0;background-color:none;font-size:1.1em;resize:none;box-shadow:none;font-style:italic;background-color:transparent;color:blue}.input-element input::placeholder,.input-element textarea::placeholder{opacity:.4;color:blue}.input-element textarea:focus,.input-element input:focus{outline:none}.input-element .input-text-with-button{display:flex;align-items:stretch}.input-element .input-text-with-button input{float:left;padding:4px}.input-element .input-text-with-button .icon{background:none;width:32px;height:32px;padding:4px;margin:0}.input-element .input-text-with-button .icon img{width:100%;height:100%}.input-element .input-text-with-button .icon:disabled{opacity:.2}.button-group{text-align:center;width:100%;margin:0 auto}.button-group button{display:inline-block;margin:10px 5px;width:auto}.text-input{padding:0px}.button-delete{transition:background-color .6s ease}.button-delete.confirm{background-color:#ff0;color:#000}.author-input{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;height:100%;justify-content:center;padding:0 10px}.author-input .center-item{justify-content:center;justify-self:center;text-align:center;color:#666}
.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal .dialog{width:66%;background-color:red;padding:5px 10px;box-shadow:6px 6px #000}
.records-list{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:0 10px 10px 10px;overflow-y:scroll;overflow-x:none;height:100%}.records-list.center{justify-content:center}.records-list .item{background-color:#e0e2e2;text-align:left;width:100%;margin:10px 0px;border-radius:5px}.records-list .item .item-content{margin:10px}.records-list .item .author{font-style:italic}.records-list .item.uploaded{opacity:.5}.records-list .center-item{justify-self:center;text-align:center;color:#666;width:100%}.records-list .center-item .input-element{width:80%;margin:0 auto}.records-list .line{width:100%;border-top:1px solid #000;opacity:.1}.record{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:0 10px 10px 10px;overflow-y:scroll;overflow-x:none;height:100%}.record.center{justify-content:center}.record .item{text-align:left;width:100%;margin:5px 0px}.record .item .createdAt{margin:0;font-style:italic;text-align:center;opacity:.4}.record .item.camera{background-color:#e0e2e2;border-radius:5px}.record .item.recorder{background-color:#e0e2e2;border-radius:5px}.record .item.recorder .recorder{width:auto;padding:5px}.record .item.saved p{margin:0;font-style:italic;text-align:center;opacity:.4}
.progress-bar .outer-line{background-color:#d3d3d3;height:5px;border-radius:3px;overflow:hidden}.progress-bar .inner-line{background-color:red;height:100%;border-radius:3px}
.recorder{width:100%}.recorder .recording-time{display:flex;align-items:center;height:40px}.recorder .recording-time .record-circle{width:30px;height:30px}.recorder .recording-time .record-circle img{width:100%;height:100%;opacity:.4}.recorder .recording-time .bar{flex:1 1 auto;padding:0 10px}.recorder .recording-time .number{padding-right:5px;font-style:normal}.audio-player{display:flex;justify-items:center;align-items:center;text-align:center;width:100%;height:40px}.audio-player .play-button{width:30px;height:30px}.audio-player .play-button img{width:100%;height:100%;opacity:1}.audio-player .bar{flex:1 1 0;padding:0 10px 0 5px}.audio-player .number{padding-right:5px;font-style:normal}
body,html{font-family:"Roboto",sans-serif;height:100%;margin:0;padding:0;width:100%;font-size:10pt;font-style:italic;letter-spacing:.05em;color:blue;overscroll-behavior:contain}#app{margin:0;padding:0;height:100%}.content{padding:env(safe-area-inset-top) 0 0 0;height:100%;display:flex;flex-flow:column;max-width:500px;margin:0 auto}.content .main-container{position:relative;overflow:hidden;height:100%;width:100%;pointer-events:none}p{font-style:italic}h1,h2,h3,h4{font-style:italic}h1{font-size:2rem;color:red;text-align:center}h2{font-size:1.1rem;margin:.3rem;text-align:center}h2.slideheader{position:absolute;top:11px;left:0;right:0;pointer-events:none}h3{font-size:1rem;margin:.3rem 0;text-align:left}h4{margin:5px 0}button,.button{font-style:italic;margin:10px auto;display:block;background-color:#f57d8d;color:blue;padding:5px 10px;font-weight:normal;letter-spacing:.05em;border-radius:5px;font-size:1rem;border:none;text-align:center}button:disabled,.button:disabled{opacity:.2}button:focus,.button:focus{outline:0}a{text-decoration:none;color:blue}p{max-width:500px}.spacer{height:10px}
.photo_capture{position:relative;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5px}.photo_capture .photo img{object-fit:cover;min-height:200px;width:100%;margin-bottom:-3px}.photo_capture .input{position:absolute;bottom:10px;width:100%;left:0px;text-align:center}
.location_picker{position:relative;height:300px;width:100%}.location_picker .mapboxgl-map{border-radius:5px}.location_picker .marker{transform:translate(-50%, -50%);height:14px;width:14px;border-radius:50%;padding:5px;background:rgba(245,125,141,.4)}.location_picker .marker .innerCircle{height:100%;width:100%;border-radius:50%;background:#f57d8d}.location_picker .crosshair{position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0px 0px -25px;z-index:999;pointer-events:none}.location_picker .button-group{position:absolute;bottom:0px;width:100%;z-index:998}
.upload{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;height:100%;justify-content:center}.upload .center-item{justify-content:center;justify-self:center;text-align:center;color:#666}.upload .error{color:#fff;background-color:red;font-weight:bold;opacity:.4;font-size:.9rem;margin:10px 0px;padding:3px;border-radius:5px}.upload .error:empty{background-color:transparent}
.menubar{position:absolute;bottom:0;padding:0 0 env(safe-area-inset-bottom) 0;width:100%;overflow:hidden;height:65px}@media(min-width: 650px){.menubar{bottom:30px;padding:0px;border-radius:5px}}.menubar .menubuttons{display:flex;align-items:center;height:100%;flex-direction:row;background-color:#fff;pointer-events:auto;justify-content:space-between;padding:0 10px;font-size:9pt}.menubar .menubuttons a{margin:10px;height:50px;line-height:50px;text-align:center}.menubar .menubuttons .button-with-icon{text-align:center}.menubar .menubuttons .button-with-icon img{width:24px;height:24px}.menubar .menubuttons .button-with-icon span{display:block;margin-top:-10px;line-height:0}
.slide-container{position:absolute;bottom:0;left:0;width:100%;pointer-events:auto;transition:height 500ms ease}@media(min-width: 650px){.slide-container{bottom:100px;overflow:hidden;border-radius:5px}}.slide-container.fullscreen{height:100%}@media(min-width: 650px){.slide-container.fullscreen{height:80%}}.slide-container.fullscreen.closed{height:0%}.slide-container.halfscreen{height:50%}@media(min-width: 650px){.slide-container.halfscreen{height:45%}}.slide-container.halfscreen.closed{height:0%}.slide-container .slide-inner-container{display:flex;flex-direction:column;background-color:#fff;height:100%;min-height:min-content}.slide-container .slide-inner-container>div{flex:1}.slide-container .slide-inner-container .slide-inner-header{flex:0;background-color:#fff;min-height:45px}.slide-container .slide-close-button{position:absolute;top:0;left:0px;text-align:center;width:100%;transition:top 500ms ease,left 500ms ease,opacity 500ms ease;left:0px;top:0px;opacity:1}.slide-container .slide-close-button button{background-color:transparent;width:42px;height:42px;margin:3px;padding:4px;border-radius:50%;transition:background-color 500ms ease}.slide-container .slide-close-button button img{width:100%;height:100%}@media(max-width: 650px){.slide-container .slide-close-button.detached{top:-25px;left:8px}.slide-container .slide-close-button.detached button{background-color:#f57d8d}}.slide-container .slide-close-button.closed{opacity:0}.slide-container .drag-handle{position:absolute;top:0;left:100px;right:100px}.slide-container .drag-handle>div{margin:8px auto;background:#f57d8d;height:5px;width:50px;border-radius:2px;opacity:.2}@media(min-width: 650px){.slide-container .drag-handle{display:none}}
.dialog-box-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:flex-start;flex-direction:column;justify-content:center;pointer-events:auto}.dialog-box{display:flex;max-width:80%}.dialog-box h3{margin:10px 0;text-align:center}.dialog-box .inner-container{padding:10px;min-width:200px}
.story{overflow-y:scroll;overflow-x:none;height:100%}.story .item{padding:10px}.story .item.text p{text-align:justify;margin:0px}.story .item .createdAt{margin:0;font-style:italic;text-align:center;opacity:.4}.story .item.player{background-color:#e0e2e2;border-radius:5px;margin:10px}.story .item.attachments{margin:10px;border-radius:5px;background:#e0e2e2}.story .item.attachments .no-attachments{text-align:center}.story .project-name{display:inline;font-weight:bold}.story .story-color-icon{height:18px;width:18px;border-radius:50%;float:right;margin-top:-8px;padding:4px}.story .story-color-icon>div{height:100%;width:100%;border-radius:50%}.story .image{width:100%;text-align:center}.story .image img{max-height:400px;max-width:100%;border-radius:5px}
.attachment-component .input-element{background-color:#fff}.attachment-component .input-element.password{background-color:#e0e2e2}.attachment-component .image-added .remove-button{width:100%;background-color:red}.attachment-component .attachment-list{list-style:none;padding:0}.attachment-component .attachment-list li{margin-bottom:20px}.attachment-component .attachment-list .author{opacity:.3;text-align:right;margin-top:5px}.attachment-component .attachment-list .text{text-align:justify;margin-bottom:5px}.attachment-component .attachment-list .image{width:100%;text-align:center}.attachment-component .attachment-list .image img{max-height:400px;max-width:100%;border-radius:5px}
.fade-in{animation:fade-in-animation ease 2s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fade-in-animation{0%{opacity:0}90%{opacity:0}100%{opacity:1}}
.header{position:fixed;top:0;left:0;width:100%;pointer-events:none}.header .logo{width:50px;height:50px;margin:24px 10px;border-radius:50%}.header .logo div.outer{position:absolute;margin:15px;top:4px;left:4px;width:40px;height:40px;border-radius:50%;background-color:#F0455C77;padding:10px}.header .logo div.inner{width:100%;height:100%;border-radius:50%;background-color:#f0455c}.header .logo img{position:absolute;width:60px}
.map-container{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg, #22c1c3 0%, #fdbb2d 100%)}@media(min-width: 650px){.map-container{bottom:0}}@media(max-width: 650px){.map-container{bottom:65px}}.map-container.fullscreen{bottom:0}.storyMarkerOuter{transform:translate(-50%, -50%);height:18px;width:18px;border-radius:50%;padding:5px}.storyMarkerOuter.selected{animation:pulse 2s infinite}.storyMarkerOuter .storyMarkerInner{height:100%;width:100%;border-radius:50%}@keyframes pulse{0%{transform:translate(-50%, -50%) scale(0.9)}50%{transform:translate(-50%, -50%) scale(1.2)}100%{transform:translate(-50%, -50%) scale(0.9)}}.mapboxgl-ctrl-bottom-right{z-index:0 !important;opacity:.3}.mapboxgl-ctrl-bottom-left{z-index:0 !important;opacity:.3}

/*# sourceMappingURL=app.68a512dc.css.map*/