@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{scroll-behavior:smooth}*,:root{font-family:"Open Sans",sans-serif}:root{--background-color:#fff;--navbar-height:4rem;--margin:1rem;--primary-color:#00d7b5;--gray:#313131;--secondary-background-color:#e4e4e4;--circle-size:0.66667rem}#root{background-color:#e4e4e4;background-color:var(--secondary-background-color);min-height:100vh;min-width:100vw}.navbar{width:100vw;height:4rem;height:var(--navbar-height);background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:row}.navbar-logo-section{box-sizing:border-box;padding:.5rem;display:flex;align-items:center}.navbar-logo-section img{height:3rem;margin-right:1rem;margin-right:var(--margin)}.navbar-middle-section{flex:1 1}.navbar-button-section{display:flex;flex-direction:row;align-items:center}.navbar-button-section>button{margin-right:.5rem}.navbar-button-section>img{height:70%;aspect-ratio:1/1;border-radius:100%}.navbar-button-section>img,.navbar-button-section>p{margin-right:.5rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.circle-wrapper{position:absolute;z-index:100;transition:filter .3s ease}.circle{width:4rem;width:calc(var(--circle-size)*6);padding:.66667rem;padding:var(--circle-size);aspect-ratio:1/1;overflow:scroll;background-color:#fff;background-color:var(--background-color);border-radius:100%;border-width:.22222rem;border-width:calc(var(--circle-size)/3);border-style:solid;display:flex;justify-content:center;align-items:center}.circle::-webkit-scrollbar{display:none}.circle-text{text-align:center;outline:none;border:none;border-radius:1rem;border-radius:calc(var(--margin)/1);min-width:.66667rem;min-width:var(--circle-size);font-size:.66667rem;font-size:var(--circle-size)}.circle-image{background-size:cover;background-position:50%}.circle-open-button{opacity:0;transition:opacity .3s ease;position:absolute;background-color:#fff;background-color:var(--background-color);text-decoration:none;color:#313131;color:var(--gray);border-radius:.5rem;border-radius:calc(var(--margin)/2);padding:.5rem;padding:calc(var(--margin)/2);font-size:.75rem}.circle:hover .circle-open-button{opacity:1}.connection-line{stroke:#313131;stroke:var(--gray);stroke-width:.22222rem;stroke-width:calc(var(--circle-size)/3);transition:all .3s ease;pointer-events:all}.connection-line-selected{stroke:#00d7b5;stroke:var(--primary-color);filter:drop-shadow(0 0 .33333rem #00d7b5);filter:drop-shadow(0 0 calc(var(--circle-size)/2) var(--primary-color))}.connection-line-svg{position:absolute;pointer-events:none}.connection-line-arrow{transition:all .3s ease}.editor{width:100%;display:flex;flex-direction:row}.editor-canvas{min-width:1000%;min-height:calc(1000vh - 40rem);min-height:calc(1000vh - var(--navbar-height)*10);position:relative}.editor-canvas-wrapper{flex:1 1}.react-transform-wrapper{max-height:calc(100vh - 4rem)!important;max-height:calc(100vh - var(--navbar-height))!important}.react-transform-component{min-width:1000%!important}.editor-sidebar{position:absolute;right:0;width:30rem;height:calc(100vh - 4rem);height:calc(100vh - var(--navbar-height));overflow:scroll;background-color:transparent;pointer-events:none;padding-bottom:1rem;padding-bottom:var(--margin);box-sizing:border-box}.editor-sidebar::-webkit-scrollbar{display:none}.card{margin-left:1rem;margin-left:var(--margin);margin-top:1rem;margin-top:var(--margin);margin-right:1rem;margin-right:var(--margin);background-color:#fff;background-color:var(--background-color);box-sizing:border-box;padding:1rem;padding:var(--margin);border-radius:1rem;border-radius:var(--margin);pointer-events:all}.card::-webkit-scrollbar{display:none}.connections-card{max-height:17rem;overflow:scroll}.input{font-size:1rem;width:100%;border:none;outline:none}.connection-title{padding:1rem;padding:var(--margin);border-radius:1rem;border-radius:var(--margin);font-weight:700;transition:all .3s ease;color:#313131;color:var(--gray);cursor:pointer;position:relative}.connection-title:hover{opacity:.5}.connection-title-selected{background-color:#00d7b5;background-color:var(--primary-color);color:#fff}.connection-title-top{position:absolute;height:1rem;top:-1rem}.connection-text{outline:none;border:none;width:100%;height:10rem}.color-picker-wrapper{box-sizing:border-box;padding:1rem}.circle-picker>span:first-child>div>span>div{border:2px solid #000!important;border-radius:100%;box-sizing:border-box}.react-contexify__item__content:hover{background-color:#00d7b5!important;background-color:var(--primary-color)!important}.create-map-input{font-size:1rem;margin-bottom:1rem}button{border:none;outline:none;border-radius:1rem;border-radius:var(--margin);padding:1rem;padding:var(--margin);font-weight:700;opacity:1;transition:all .3s ease;-webkit-user-select:none;-ms-user-select:none;user-select:none}.primary-button{background-color:#00d7b5;background-color:var(--primary-color);color:#fff;color:var(--background-color)}button:hover{opacity:.7}button:active{opacity:.4}.form-error{color:#f44;margin-bottom:1rem}.map-card{display:flex;flex-direction:row;overflow:hidden;position:relative}.map-card button{margin-left:1rem;margin-left:var(--margin)}.home-cards{box-sizing:border-box;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));grid-gap:1rem 1rem;gap:1rem 1rem}.map-card-name{font-size:2rem}.map-card-description,.map-card-name{margin-bottom:1rem;margin-bottom:var(--margin)}.link-button{display:inline-block;border:none;outline:none;border-radius:1rem;border-radius:var(--margin);padding:1rem;padding:var(--margin);font-weight:700;opacity:1;transition:all .3s ease;text-decoration:none}.map-viewer-wrapper{flex:1 1;overflow:hidden;max-height:10rem}h1{color:#313131;color:var(--gray);font-size:2rem;font-weight:400}.instruction-text{padding:10rem}.no-permission{display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.no-permission p{font-size:2rem;color:#313131;color:var(--gray)}.no-permission button,.no-permission p{margin-right:2rem}.timestamp-string{color:#a9a9a9}.ReactModal__Overlay{display:flex!important;justify-content:center!important;align-items:center}.ReactModal__Content{width:50vw;height:40vh;position:relative!important;margin-top:-15%;border:none!important;border-radius:1rem!important;border-radius:var(--margin)!important;display:flex;flex-direction:column;filter:drop-shadow(0 0 .25rem rgba(0,0,0,.25))}.share-modal-top>h1{font-size:1.5rem;margin-bottom:1rem;margin-bottom:var(--margin)}.share-modal-middle{flex:1 1;overflow:scroll}.share-modal-middle::-webkit-scrollbar{display:none}.share-modal-top input{background-color:#e4e4e4;background-color:var(--secondary-background-color);padding:1rem;padding:calc(var(--margin)/1);width:100%;box-sizing:border-box;border-radius:1rem;border-radius:var(--margin);margin-bottom:.5rem;margin-bottom:calc(var(--margin)/2)}.share-modal-email{width:100%;overflow:hidden;padding:.5rem 1rem;padding:calc(var(--margin)/2) var(--margin);box-sizing:border-box;font-size:1rem;display:flex}.share-modal-email>div{flex:1 1}.share-modal-email>button{padding:.33333rem;padding:calc(var(--margin)/3);width:2rem}.share-modal-bottom{display:flex;justify-content:flex-end}.share-modal-bottom-button{margin-left:.5rem;margin-left:calc(var(--margin)/2)}.ReactModal__Content{opacity:0;transform:translateY(-100px);transition:all .3s ease-in-out}.ReactModal__Content--after-open{opacity:1;transform:translateX(0)}.ReactModal__Content--before-close{opacity:0;transform:translateY(-100px)}.ReactModal__Overlay{opacity:0;transition:all .3s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}input.shakeInvalid{animation:shake .5s linear;outline:2px solid red}@keyframes shakeInvalid{8%,41%{transform:translateX(-10px)}25%,58%{transform:translateX(10px)}75%{transform:translateX(-5px)}92%{transform:translateX(5px)}0%,to{transform:translateX(0)}}.light-shadow{filter:drop-shadow(0 0 .25rem rgba(0,0,0,.25))}.hover-shadow{transition:filter .3s ease}.hover-shadow-applied,.hover-shadow:hover{filter:drop-shadow(0 0 .33333rem #00d7b5);filter:drop-shadow(0 0 calc(var(--circle-size)/2) var(--primary-color))}.hover-shadow-applied{transition:all .3s ease;fill:#00d7b5;fill:var(--primary-color);stroke:#00d7b5;stroke:var(--primary-color)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
/*# sourceMappingURL=main.beb4963e.chunk.css.map */