@import url(https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&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}.EveryGardenView{overflow:hidden}.EveryGardenView.hide{opacity:0}.EveryGardenView.custom-cursor{cursor:url(/static/media/snail_small.edde395c.png) 22 22,default}.EveryGardenView.custom-cursor .animated-character{display:none}.EveryGardenView .mouse-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1100}.EveryGardenView .description-box{background:#fff;padding:1rem;position:fixed;top:1rem;left:2rem;width:40%;text-align:left;opacity:1;transition:all .3s ease-in-out;z-index:2000;font-size:.9rem}.EveryGardenView .description-box.hide{opacity:0}.EveryGardenView .description-box .page-title{font-size:1.5rem;margin-bottom:1rem}.EveryGardenView .description-box .sortby{margin-right:2rem;margin-top:.5rem;justify-content:center;align-items:center}.EveryGardenView .description-box .sortby .gray{color:grey;margin-right:.25rem}.EveryGardenView .description-box .sortby .sortby-text{color:grey;margin-right:.5rem}.EveryGardenView .description-box .sortby .sortby-options{display:flex}.EveryGardenView .description-box .sortby .sortby-options .option{color:grey;cursor:pointer}.EveryGardenView .description-box .sortby .sortby-options .option.active{text-decoration:underline;color:#000}.EveryGardenView .description-box .actions{display:flex;margin-top:1rem}.EveryGardenView .description-box .button{background:#00f;width:200px;height:40px;padding:.75rem;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;cursor:pointer;transition:transform .5s cubic-bezier(.76,0,.24,1)}.EveryGardenView .description-box .search-garden{width:300px;height:50px;margin-right:2rem}.EveryGardenView .description-box .search-garden input{height:40px;margin:0}.EveryGardenView .landing-img{transition:all .7s ease-in-out;opacity:1}.EveryGardenView .landing-img.hide{opacity:0}.EveryGardenView .landing-img.remove{display:none}.EveryGardenView .landing-img img{height:100%}.EveryGardenView .CameraView{position:absolute;z-index:2000}.EveryGardenView .every-garden-wrapper{opacity:1;transition:all .3s ease-in-out;pointer-events:none}.EveryGardenView .every-garden-wrapper.hide{opacity:0}.EveryGardenView .every-garden-wrapper.big{pointer-events:unset}.EveryGardenView .every-garden{position:absolute;width:100%;padding:5rem 1rem;display:flex;flex-wrap:wrap;margin:7rem auto auto;transition:all .7s ease-in-out}.EveryGardenView .every-garden .garden-row{display:flex;flex-direction:row;justify-content:space-between}.EveryGardenView .every-garden .unique-garden:after{content:"";display:block;padding-bottom:100%}.EveryGardenView .every-garden .unique-garden{background:#fff;color:#fff;padding:.5rem;position:relative;transition:all .3s ease-in-out;flex:0 0 22%;margin:2rem 1.5%;cursor:pointer}@media only screen and (max-width:1400px){.EveryGardenView .every-garden .unique-garden{flex:0 0 29%;margin:2rem 2.166%}}@media only screen and (max-width:1000px){.EveryGardenView .every-garden .unique-garden{flex:0 0 43%;margin:2rem 3.5%}}@media only screen and (max-width:640px){.EveryGardenView .every-garden .unique-garden{flex:0 0 96%;margin:2rem 2%}}.EveryGardenView .every-garden .unique-garden .garden-title{color:#fff;margin:auto;font-size:2.5rem;max-width:20rem;text-align:left;padding:.5rem;position:absolute;width:100%;height:100%}.EveryGardenView .every-garden .unique-garden .garden-info{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background:#afa084;box-shadow:-8px 8px #7c6334}.EveryGardenView .every-garden .unique-garden .garden-info .enter-garden{display:none}.EveryGardenView .every-garden .unique-garden .garden-info:hover .enter-garden{position:absolute;top:35%;width:50%;left:25%;display:block;padding:.5rem;background:coral;color:#fff;cursor:pointer;font-size:1.5rem}.EveryGardenView .every-garden .unique-garden .thumbnail{position:absolute;top:0;left:0;height:100%;object-fit:cover}.EveryGardenView .every-garden .unique-garden .CanvasView{position:absolute;top:0;left:0;height:100%;z-index:100;width:100%;overflow:hidden}.EveryGardenView .animated-character{position:fixed;z-index:1000;left:54%;top:30%;margin:auto;transform:rotate(61deg) scale(.7)}.EveryGardenView .animated-character img{width:150px;height:auto;position:absolute;top:10rem;left:50%}@media only screen and (max-width:600px){.EveryGardenView{background:#fff}.EveryGardenView.custom-cursor .animated-character{display:block}.EveryGardenView .page-description{width:200px;font-size:.8rem}.EveryGardenView .page-description .page-title{font-size:1rem}.EveryGardenView .description-box{width:100%;top:0;left:0}.EveryGardenView .description-box .page-body{font-size:.9rem}.EveryGardenView .description-box .page-body .page-title{font-size:1.2rem}.EveryGardenView .description-box .actions .search-garden{width:50%;margin-right:.5rem}.EveryGardenView .description-box .actions input{height:2.3rem}.EveryGardenView .description-box .actions .button{height:2.3rem;width:50%}.EveryGardenView .animated-character{padding:1rem;position:fixed;bottom:2rem;left:2rem;text-align:left;max-width:400px;opacity:1;transition:all .3s ease-in-out;z-index:2100;font-size:.9rem}.EveryGardenView .every-garden{margin-top:5rem}.EveryGardenView .every-garden .unique-garden{width:100%;min-width:75vw!important;max-width:80rem!important}.EveryGardenView .garden{width:unset}.EveryGardenView .garden .heaven,.EveryGardenView .garden .hell,.EveryGardenView .garden .reality{min-width:300px}}.CameraView{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#000}.CameraView .camera-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out}.CameraView .camera-content.show{opacity:1}.CameraView .camera-content.hide{opacity:0;pointer-events:none}.CameraView .camera-content video{width:auto;height:100vh}.CameraView .img-preview{position:absolute}.CameraView .img-preview img{width:100%}.CameraView .close-button{top:5%;background:#00f;border:3px solid #00f;color:#fff;padding:1rem;z-index:4000;width:50px;height:50px;font-size:1.5rem;display:flex;text-transform:uppercase}.CameraView .close-button,.CameraView .flip-camera{position:absolute;right:5%;justify-content:center;align-items:center;cursor:pointer}.CameraView .flip-camera{display:none;bottom:5%;background:hsla(0,0%,100%,.363);border-radius:50px;padding:.5rem;width:60px;height:60px;display:flex;z-index:2100}.CameraView .flip-camera svg{width:45px;height:45px}.CameraView .version{position:absolute;top:10%;left:10%;background:#fff;border:3px solid #00f;color:#00f;padding:1rem;z-index:2100;font-size:1.3rem;text-transform:uppercase;display:flex;flex-direction:column}.CameraView .version-selector{position:absolute;top:5%;left:5%;z-index:3000}.CameraView .version-selector .version-selector-desktop{background:#fff;text-align:left;color:#00f;font-size:1rem;max-width:80%;border:2px solid #00f}.CameraView .version-selector .version-selector-desktop .title{padding:1rem}.CameraView .version-selector .version-selector-desktop .versions{display:flex;justify-content:space-between;background:#e6e6e6}.CameraView .version-selector .version-selector-desktop .version-type{padding:.5rem;width:33%;display:flex;justify-content:center;cursor:pointer}.CameraView .version-selector .version-selector-desktop .version-type.active{background:#00f;color:#fff}.CameraView .version-selector .version-selector-desktop .version-type.long{justify-content:flex-start;padding-left:1rem;width:100%}.CameraView .version-selector .qr-code{margin-top:1rem;background:#fff;text-align:left;color:#00f;width:250px;z-index:3000;padding:1rem;display:flex}.CameraView .version-selector .qr-code canvas{height:84px!important;width:84px!important}.CameraView .version-selector .qr-code .title{margin-left:.7rem;font-size:.8rem}.CameraView .image-taken{position:absolute;top:0;bottom:0;left:0;right:0;z-index:3000;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;pointer-events:none}.CameraView .image-taken .content{width:400px;background:#fff;padding:1rem;color:#00f;font-size:1.3rem}@media only screen and (max-width:600px){.CameraView{position:absolute;top:0;left:0;right:0}.CameraView .qr-code{display:none!important}.CameraView .camera-content video{width:100vw;height:auto}.CameraView .flip-camera{display:unset}.CameraView .version{position:absolute;top:5%;left:5%;background:#fff;border:3px solid #00f;color:#00f;padding:1rem;z-index:2100;font-size:.5rem;text-transform:uppercase}.CameraView.reality{left:350px}.CameraView.hell{left:640px}}.AboutButton{position:fixed;display:block;background:#fff;padding:.5rem;z-index:1000;top:3rem;right:2rem;transition:all .5s cubic-bezier(.76,0,.24,1)}.AboutButton .button-about{padding:12px 16px;display:inline-block;background:#00f;color:#fff!important;font-size:1rem;text-decoration:none;transform:scale(1);transition:transform .5s cubic-bezier(.76,0,.24,1);cursor:pointer}.AboutButton .button-about:hover{transform:scale(1.1)}.AboutButton .Popup{padding:1rem}.AboutButton .Popup .title{color:#000;font-size:1.2rem;margin-bottom:1rem}.AboutButton .Popup .description{color:#000;text-align:left;margin-bottom:2rem}.AboutButton .Popup .description a{font-weight:700;cursor:pointer}.AboutButton .Popup .description p{margin:0}.AboutButton .Popup .description p strong{margin:30px 0 10px;display:inline-block}.AboutButton .Popup .description p:first-child strong{margin:0 0 10px}@media only screen and (max-width:600px){.AboutButton{display:none}}.topicForm{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:background-color,background-image .3s ease-in-out;background:#ddd;background-size:cover;overflow:hidden;overflow-y:scroll}.topicForm.scroll{overflow:scroll}.topicForm .see-about-mobile{display:none}.topicForm .EveryGardenView .every-garden-wrapper{position:absolute;z-index:50;top:0;left:0;width:100%;height:100%}.topicForm .EveryGardenView .every-garden-wrapper .every-garden{transform:none}.topicForm .EveryGardenView .every-garden-wrapper .unique-garden .garden-title{display:none}.topicForm .see-everygarden{z-index:100;max-width:420px;width:92%}.topicForm h1,.topicForm h4{font-weight:400}.topicForm h4{color:#fff;background-color:#000;padding:1rem}.topicForm .outer-form{background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem;margin:1rem 0 1.5rem;max-width:420px;width:92%;z-index:100}.topicForm .uploader{color:#777;font-size:90%;text-decoration:underline;margin-bottom:.5rem}.topicForm .uploader:hover{text-decoration:none}.topicForm .progress{color:#aaa;font-size:80%;margin-top:.25rem}.topicForm .bg-actions{display:flex;justify-content:space-between}.topicForm .bg-button{border:1px solid #afafaf;background:#fff;color:#afafaf;padding:.35rem .5rem;transition:.2s ease-in-out;cursor:pointer;width:45%;display:flex;flex-direction:column;justify-content:center;align-items:center}.topicForm .bg-button:hover{background:#afafaf;color:#fff}.topicForm form{width:100%;text-align:left}.topicForm form label{display:block;margin:0;cursor:pointer}.topicForm form label.private{margin-top:1rem}.topicForm form label.background,.topicForm form label.sonic{margin-top:1.4rem}.topicForm form label p{line-height:1.9rem;margin:0;padding:0;display:inline-block}.topicForm form label .background-new{margin-top:-.5rem;margin-bottom:.5rem}.topicForm form label .background-new,.topicForm form label a{color:#777;font-size:90%;text-decoration:underline}.topicForm form label .background-new:hover,.topicForm form label a:hover{text-decoration:none}.topicForm form span{display:block;line-height:1.4rem;margin:-1rem 0 .4rem;background-color:#f8f8f8;padding:4px 12px;color:#fe1a1a;font-size:.8rem}.topicForm form span a{color:#fe1a1a;font-size:100%}.topicForm form span.short{margin:-2px 0 .4rem}.topicForm form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:"DM Mono",monospace}.topicForm form input:focus{outline-style:none;box-shadow:none;border-color:transparent}.topicForm form input[type=number],.topicForm form input[type=submit],.topicForm form input[type=text]{width:100%;padding:12px;margin:2px 0;border:none;background:#eee}.topicForm form input[type=number]:focus,.topicForm form input[type=submit]:focus,.topicForm form input[type=text]:focus{background:#ddd}.topicForm form input[type=checkbox]{margin:.2rem 0 .4rem;float:right;outline:0;display:block;width:3.6rem;height:1.4rem;position:relative;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s ease;background:#ddd;border:2px solid #ddd}.topicForm form input[type=checkbox]:after,.topicForm form input[type=checkbox] :before{position:relative;display:block;content:"";width:50%;height:100%}.topicForm form input[type=checkbox]:after{transition:all .2s ease;background:#fff;content:"";left:0}.topicForm form input[type=checkbox]::selection{background:none}.topicForm form input[type=checkbox]:checked{border:2px solid #000;background:#000}.topicForm form input[type=checkbox]:checked:after{left:50%;background:#fff}.topicForm form input[type=submit]{cursor:pointer;-webkit-appearance:none;border:none;border-radius:0;color:#fff;background-color:#00f;font-size:1rem;transform:scale(1);transition:transform .5s cubic-bezier(.76,0,.24,1)}.topicForm form input[type=submit]:focus{-webkit-appearance:none;border:0}.topicForm form input[type=submit]:hover{transform:scale(1.1)}.topicForm form .active,.topicForm form input[type=number].active,.topicForm form input[type=text].active{opacity:1;transition:all .3s ease-in-out;height:2.8rem;padding:12px;margin-bottom:1rem}.topicForm form .hidden,.topicForm form .hidden p,.topicForm form input[type=number].hidden,.topicForm form input[type=text].hidden{opacity:0;transition:all .3s ease-in-out;pointer-events:none;height:0;padding:0;margin:0}.topicForm form .hidden input[type=checkbox],.topicForm form .hidden p input[type=checkbox],.topicForm form input[type=number].hidden input[type=checkbox],.topicForm form input[type=text].hidden input[type=checkbox]{height:0;padding:0;margin:0}.topicForm form .resetable.active{height:2rem;padding:0}.topicForm .link-everygarden{max-width:420px;width:92%;margin:2rem 0;color:#fff}.topicForm .link-everygarden .go-to{text-decoration:underline;cursor:pointer}@media only screen and (max-width:600px){.topicForm{justify-content:start}.topicForm .see-everygarden{margin-top:3rem}.topicForm .actions{font-size:1rem}.topicForm .see-about-mobile{display:block;text-decoration:underline;cursor:pointer;transform:scale(1);transition:all .3s ease-in-out;background:#fff}.topicForm .see-about-mobile:hover{transform:scale(1.2)}.topicForm .button{width:92%;margin:0}}.MediaLinks{display:flex}.MediaLinks .icon-media{background:#fff;border-radius:50%;margin:0 .75rem 1rem;padding:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease-in-out;transform:scale(1)}.MediaLinks .icon-media:hover{transform:scale(1.2)}.MediaLinks .icon-media svg{width:24px}@media only screen and (max-width:600px){.MediaLinks{margin-top:1rem}}.inner{padding:8px 14px;position:relative}.inner .progress{position:absolute;bottom:0;left:0;height:100%;background-color:#fff;transition:background-color .3s ease;width:100%}.inner .step-1{background-color:#fb7593}.inner .step-2{background-color:#ffd05c}.inner .step-3{background-color:#76e19e}.inner span{position:relative;font-size:1.6rem}.inner .red{transition:color .3s ease;color:#fb7593}.inner span:not(:last-child):after{content:":"}.notification{position:fixed;bottom:-4rem;left:50%;transform:translateX(-50%);display:block;background:#000;color:#fff;padding:.5rem;z-index:1000;opacity:0;-webkit-animation:away 8s cubic-bezier(.76,0,.24,1);animation:away 8s cubic-bezier(.76,0,.24,1)}@-webkit-keyframes away{0%{bottom:-4rem;opacity:0}20%{bottom:3rem;opacity:1}90%{bottom:3rem;opacity:1}to{bottom:-4rem;opacity:0}}@keyframes away{0%{bottom:-4rem;opacity:0}20%{bottom:3rem;opacity:1}90%{bottom:3rem;opacity:1}to{bottom:-4rem;opacity:0}}.TopicView .page-description{background:#fff;padding:1rem;position:fixed;top:2rem;left:2rem;text-align:left;max-width:465px;opacity:1;transition:all .3s ease-in-out;z-index:2000;pointer-events:all;transform:scale(1)}.TopicView .page-description.hide{opacity:0;transform:scale(0);pointer-events:none}.TopicView .page-description .page-title{font-size:2rem;margin-bottom:1rem}.TopicView .page-description .button{background:#00f;padding:.75rem;color:#fff;margin-top:2rem;text-align:center;cursor:pointer}.TopicView .page-description p{margin:1rem 0}.TopicView .page-description p:last-child{margin:1rem 0 0}.TopicView .page-description p:first-child{margin:0 0 1rem}.TopicView .timer{position:absolute;left:2rem;bottom:2rem;padding:10px;z-index:2000;background-color:#fff}.TopicView .landing-img{transition:all .7s ease-in-out;opacity:1}.TopicView .landing-img.hide{opacity:0}.TopicView .landing-img.remove{display:none}.TopicView .landing-img img{height:100%}.TopicView .CameraView{position:absolute;z-index:2000}.TopicView .garden{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:row;opacity:0;transition:all .7s ease-in-out}.TopicView .garden.show{opacity:1}.TopicView .garden .heaven{position:relative;top:0;width:33.33333333%}.TopicView .garden .heaven .CanvasView{width:100%}.TopicView .garden .reality{position:relative;top:0;width:33.33333333%}.TopicView .garden .reality .CanvasView{width:100%}.TopicView .garden .hell{position:relative;top:0;width:33.33333333%}.TopicView .garden .hell .CanvasView{width:100%}@media only screen and (max-width:600px){.TopicView .page-description{width:280px}.TopicView .garden{width:unset}.TopicView .garden .heaven,.TopicView .garden .hell,.TopicView .garden .reality{min-width:300px}}.Popup .image__container{width:100%;height:auto}.Popup .image__container img{width:100%}.Popup .modal__footer{display:flex;justify-content:flex-end}.Popup .modal__footer .action-container{width:50%;display:flex;justify-content:space-between}.Popup .modal__footer .action-container .btn{margin-left:1rem}.party-icon,.Popup .modal__footer .action-container a{cursor:pointer}.party-icon{position:absolute;bottom:18rem;right:2rem;z-index:1000;background:#fff;border-radius:50px;padding:.8rem;width:50px;height:50px;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all .5s cubic-bezier(.76,0,.24,1);transform:scale(1)}.party-icon.hidden{transform:scale(0)!important}.party-icon.show{transform:scale(1)}.party-icon:hover{transform:scale(1.2)}.play-icon{position:absolute;bottom:12rem;right:2rem;z-index:1000;background:#fff;border-radius:50px;padding:.8rem;width:50px;height:50px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all .5s cubic-bezier(.76,0,.24,1);transform:scale(1)}.play-icon.hidden{transform:scale(0)!important}.play-icon.show{transform:scale(1)}.play-icon:hover{transform:scale(1.2)}.save-icon{position:absolute;bottom:7rem;right:2rem;z-index:1000;background:#fff;border-radius:50px;padding:.8rem;width:50px;height:50px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all .5s cubic-bezier(.76,0,.24,1);transform:scale(1)}.save-icon.hidden{transform:scale(0)!important}.save-icon.show{transform:scale(1)}.save-icon:hover{transform:scale(1.2)}@media screen and (max-width:600px){.save-icon.show{transform:scale(0)}}.popup-overlay{z-index:1000!important}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.CanvasView{position:absolute;overflow:hidden;top:0;left:0;text-align:left;padding:1rem;width:100%;height:100%;background:#a2d1fb;background:linear-gradient(-180deg,#a2d1fb,#a8c7d4 20%,#9dcd9a 49%,#7bac63 82%,#c1ac82)}.CanvasView.party{-webkit-animation:gradient 1s ease infinite;animation:gradient 1s ease infinite}.CanvasView.SonicCanvas{overflow:hidden}.CanvasView .sequencer-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.CanvasView .sonic-controls{top:120px;right:40px;z-index:10;width:180px;height:80px}.CanvasView .sonic-controls label{color:#fff}.CanvasView .sequencer-col.active{background:hsla(0,0%,100%,.08)}.CanvasView .canvasItems{width:100%;height:100%;position:absolute;top:0;left:0}.CanvasView .title{font-size:2rem;margin-left:1rem;margin-top:2rem;text-transform:uppercase;color:#fafafa;mix-blend-mode:difference}.CanvasView.heaven{background:#a2d1fb;background:linear-gradient(-180deg,#a2d1fb,#a8c7d4 20%,#b0b88f 48%,#7bac63 76%,#c1ac82)}.CanvasView.hell{background:#403f49;background:linear-gradient(0deg,#403f49,#442b10 18%,#494959 52%,#402c00 65%,#b09863)}.CanvasView.reality{background:#a2d1fb;background:linear-gradient(-180deg,#a2d1fb,#a8c7d4 20%,#9dcd9a 49%,#7bac63 82%,#c1ac82)}.CanvasView button{position:absolute;bottom:3rem;left:2rem}.CanvasView .text,.CanvasView img{position:absolute;z-index:100;margin:0}.CanvasView img:hover{-webkit-filter:drop-shadow(5px 5px 0 #fff) drop-shadow(-5px -5px 0 #fff) drop-shadow(-5px 5px 0 #fff) drop-shadow(5px -5px 0 #fff);filter:drop-shadow(5px 5px 0 white) drop-shadow(-5px -5px 0 white) drop-shadow(-5px 5px 0 white) drop-shadow(5px -5px 0 white)}.CanvasView .img-entry{transition:all .3s ease-in}.CanvasView .img-entry.sonic{transform:scale(.3);transition:transform .5s ease-in-out}.CanvasView .img-entry.sonic.active{transform:scale(.5)}.CanvasView input[type=range]{-webkit-appearance:none;margin:18px 0;width:100%;background:transparent}.CanvasView input[type=range]:focus{outline:none}.CanvasView input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;background:#fff;border-radius:15px;border:2px solid #010101}.CanvasView input[type=range]::-webkit-slider-thumb{border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-9px}.CanvasView input[type=range]::-moz-range-track{height:4px;cursor:pointer;border-radius:15px;background:#fff;border:5px solid #010101}.CanvasView input[type=range]::-moz-range-thumb{border:5px solid #000;height:20px;width:20px;border-radius:50%;background:#fff;cursor:pointer}.CanvasView input[type=range]::-ms-track{height:5px;cursor:pointer;border-radius:15px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}.CanvasView input[type=range]::-ms-fill-lower,.CanvasView input[type=range]::-ms-fill-upper{border:2px solid #010101;border-radius:2.6px}.CanvasView input[type=range]::-ms-thumb{border:5px solid #000;height:30px;width:30px;border-radius:50%;background:#fff;cursor:pointer}.CanvasView input[type=range]:focus::-ms-fill-lower,.CanvasView input[type=range]:focus::-ms-fill-upper{background:transparent}.CanvasView .text-entry,.CanvasView img{cursor:move}.CanvasView .text-link-block{max-width:550px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#fff;font-size:.8rem;padding:4px 8px;transform:translate(-50%,-50%);transform-origin:left top}.CanvasView .text-link-block .link{cursor:pointer;text-decoration:underline}.CanvasView .react-draggable{transition:transform .3s ease-out}.CanvasView .react-draggable-dragging{transition:none}.CanvasView .text{background-color:#fff;color:#000;font-size:.8rem;padding:4px 8px;transform:translate(-50%,-50%);transform-origin:left top;max-width:600px}.CanvasView .clef-wrapper{pointer-events:none;z-index:1;top:0;left:0;width:80px;height:100vh}.CanvasView .clef-wrapper .c-clef img,.CanvasView .clef-wrapper .f-clef img,.CanvasView .clef-wrapper .g-clef img{transform:none}.CanvasView .clef-wrapper .g-clef{width:auto;height:33vh}.CanvasView .clef-wrapper .g-clef img{width:20px;height:auto}.CanvasView .clef-wrapper .c-clef{width:auto;height:33vh}.CanvasView .clef-wrapper .c-clef img{width:25px;height:auto}.CanvasView .clef-wrapper .f-clef{width:auto;height:33vh}.CanvasView .clef-wrapper .f-clef img{width:25px;height:auto}.CanvasView [contentEditable=true]:empty:before{content:attr(data-ph);color:grey;font-style:italic}.CanvasView img{transform:scale(.5) translate(-50%,-50%);transition:all .5s cubic-bezier(.76,0,.24,1);transform-origin:left top;max-width:50%;height:auto}.CanvasView .about-hidden{transform:scale(0)}.CanvasView .camera-icon{position:absolute;bottom:2rem;right:1.3rem;z-index:999;background:#fff;border-radius:50px;padding:.8rem;width:65px;height:65px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all .5s cubic-bezier(.76,0,.24,1)}.CanvasView .camera-icon.hidden{transform:scale(0)}.CanvasView .camera-icon.show{transform:scale(1)}.CanvasView .camera-icon .icon{position:absolute;opacity:1;transition:all .5s cubic-bezier(.76,0,.24,1)}.CanvasView .camera-icon:hover{transform:scale(1.2)}.CanvasView .qr-icon{position:absolute;bottom:7rem;right:1.3rem;z-index:999;background:#fff;border-radius:50px;padding:.8rem;width:65px;height:65px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all .5s cubic-bezier(.76,0,.24,1)}.CanvasView .qr-icon.hidden{transform:scale(0)}.CanvasView .qr-icon.show{transform:scale(1)}.CanvasView .qr-icon .qrCode{position:relative;width:100%;opacity:1;text-align:center;font-size:.8rem;margin:0;padding:0}.CanvasView .qr-icon .qr-text{display:none}.CanvasView .qr-icon .icon{position:absolute;opacity:1}.CanvasView .qr-icon .icon.close{top:10px;right:10px}.CanvasView .qr-icon .icon,.CanvasView .qr-icon .qrCode{transition:all .5s cubic-bezier(.76,0,.24,1)}.CanvasView .qr-icon:hover{transform:scale(1.2)}.CanvasView .qr-icon.first{width:180px;height:200px;border-radius:0}.CanvasView .qr-icon.first .qrCode{padding-top:.4rem}.CanvasView .qr-icon.first .qr-text{display:inline}.CanvasView .qr-icon.first{bottom:50%;right:50%;transform:translate(50%,50%) scale(2)}.CanvasView .see-about-mobile{display:none}@media only screen and (max-width:600px){.CanvasView .text{font-size:.6rem;padding:3px 6px}.CanvasView .see-about-mobile{position:absolute;top:1rem;right:1rem;display:block;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:underline;padding:.5rem;z-index:2000;transform:scale(1);transition:all .3s ease-in-out}.CanvasView .see-about-mobile:hover{transform:scale(1.2)}}.DeleteItemFromGarden{background:#fff;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute;z-index:2000;top:0;transform:scale(1);transition:all .3s ease-in-out}.DeleteItemFromGarden:hover{transform:scale(1.1)}.DeleteItemFromGarden svg{width:25px;height:auto}.DeleteGarden .delete-garden-btn{background:red;color:#fff;padding:1rem;border:5px solid #fff;cursor:pointer;display:flex;justify-content:center;align-items:center;position:absolute;z-index:2000;top:6rem;left:2rem;transform:scale(1);transition:all .3s ease-in-out}.DeleteGarden .delete-garden-btn:hover{transform:scale(1.1)}.DeleteGarden .delete-garden-btn svg{width:25px;height:auto}.DeleteGarden .confirmation-popup{background:rgba(0,0,0,.384);z-index:2100;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.DeleteGarden .confirmation-popup .popup-content{padding:2rem;max-width:30rem;background:#fff;color:#000}.DeleteGarden .confirmation-popup .popup-content .actions{margin-top:1rem;display:flex}.App{text-align:center;font-family:"DM Mono",monospace}#bmc-wbtn{bottom:2em;left:1.3rem}#bmc-wbtn+div{bottom:6rem}.App-logo{height:40vmin;pointer-events:none}a:-webkit-any-link{color:unset;cursor:unset;text-decoration:unset}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:"DM Mono",monospace}input:focus{outline-style:none;box-shadow:none;border-color:transparent}.button{border:1px solid #00f;margin-left:12px;padding:1rem;transform:scale(1);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:.9rem}.button:hover{transform:scale(1.1)}.button.secondary{background:#fff;border:1px solid #00f;color:#00f}input[type=number],input[type=submit],input[type=text]{width:100%;padding:12px;margin:2px 0;border:none;background:#eee}input[type=number]:focus,input[type=submit]:focus,input[type=text]:focus{background:#ddd}.button{background:#00f;width:200px;height:40px;padding:.75rem;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center}.btn,.button{cursor:pointer;transition:transform .5s cubic-bezier(.76,0,.24,1)}.btn{padding:12px 16px;display:inline-block;width:100%;font-size:1rem;text-decoration:none;transform:scale(1)}.btn.primary{background:#00f;color:#fff!important;border:1px solid #00f}.btn.secondary{background:transparent;color:#00f;border:1px solid #00f}.btn:hover{transform:scale(1.1)}*{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.NavBar{position:fixed;bottom:0;left:0;right:0;z-index:1500;background:#ff0;color:#1b1b1b;display:flex;justify-content:space-between;align-items:center;padding:.7rem 3rem;font-size:.9rem}.NavBar.hide{display:none}.NavBar.show{display:show}.NavBar .close{font-size:1.2rem;cursor:pointer;margin-left:1rem}.NavBar a{text-decoration:underline;cursor:pointer}@media only screen and (max-width:600px){.NavBar{top:unset;bottom:0;padding:.4rem .7rem;font-size:.8rem}}.FloatingObject{z-index:1000}.FloatingObject img{width:150px;height:auto;-webkit-animation:float 4s infinite;animation:float 4s infinite}@-webkit-keyframes float{0%{transform:translatey(0) rotate(-1deg)}50%{transform:translatey(-3px) rotate(1deg)}to{transform:translatey(0) rotate(-1deg)}}@keyframes float{0%{transform:translatey(0) rotate(-1deg)}50%{transform:translatey(-3px) rotate(1deg)}to{transform:translatey(0) rotate(-1deg)}}@media only screen and (max-width:600px){.FloatingObject img{width:80px;height:auto}}.AboutView{position:relative;text-align:left;margin-top:-1px;margin-left:-1px;background:#fff;background-image:linear-gradient(#000 1px,transparent 0),linear-gradient(90deg,#000 1px,transparent 0);background-size:6.4rem 6.4rem}.AboutView .about-actions{display:flex;width:100%;margin-top:3rem}.AboutView .about-actions .button{padding:.75rem;width:250px;margin-left:0;margin-right:1rem;font-size:1.2rem;height:unset}.AboutView .link{background:#ff0;cursor:pointer}.AboutView ul{list-style-position:outside}.AboutView li{line-height:120%;margin-bottom:2rem;padding-left:1em}.AboutView .section{min-height:80vh;min-width:100vw;padding:12% 5%;position:relative}.AboutView .section.one .title{font-size:9rem;font-weight:700;color:#00f;margin-bottom:1rem}.AboutView .section.one .text{font-size:2.2rem;max-width:55rem;color:#00f;margin-bottom:1rem}.AboutView .section.one .actions{font-size:1.5rem;color:#00f}.AboutView .section.one .actions .media-link{background:#ff0;cursor:pointer;margin:0 1rem}.AboutView .section.one.right{text-align:right;color:#fff!important}.AboutView .section.two{display:flex;justify-content:center;align-items:center;font-size:2rem;color:#00f}.AboutView .section.two .text{max-width:50rem}.AboutView .section.three{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;font-size:2rem}.AboutView .section.three .title{max-width:60rem;font-size:5rem;font-weight:700;color:#00f;margin-bottom:2rem}.AboutView .section.three .subtitle{max-width:60rem;font-size:2rem;font-weight:thin;color:#00f}@media only screen and (max-width:600px){.AboutView .section.one .title{font-size:5rem;margin-top:20%}.AboutView .section.two .text{font-size:1.5rem}.AboutView .section.three .title{font-size:3rem;margin-top:20%}.AboutView .section.three .subtitle{font-size:1.5rem}}.FooterAbout{background:#00f;color:#fff;position:relative;bottom:-10rem;left:0;width:100vw;height:10rem;margin-top:10rem;padding:2rem;display:flex;flex-direction:column;align-items:flex-end}.FooterAbout a{text-decoration:underline;cursor:pointer}.FooterAbout .made-by{margin-top:1rem}
/*# sourceMappingURL=main.52c1e806.chunk.css.map */