@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap";*{font-family:Inter,sans-serif;font-optical-sizing:auto}html,#root{background-color:#131722}.map-container{display:flex;text-align:left;position:relative;width:100vw;height:100vh}.map-title{font-size:1rem;font-weight:700;padding:1.5em 2em 0;z-index:100;color:#0c2037;font-style:bold}.map-description-wrapper{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;z-index:100;background-color:#0c203700;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);pointer-events:none}.map-description{font-size:.8rem;color:#fff;width:20vw;margin-bottom:.2em;padding:2em;font-weight:0}.info-wrapper{flex-direction:column;width:25vw;align-items:left;text-align:left;z-index:50;bottom:2vh}.video-background{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:0;opacity:.7;overflow:hidden;pointer-events:none}.background-video{height:100%;width:100%;object-fit:cover}.loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;color:#fff;z-index:9999}.bold{font-weight:900;font-size:1.1rem}.bold-small{font-weight:800}.italic{font-family:Lora;font-style:italic}.map-description,.toggle-button,.tree-preview{pointer-events:auto}.toggle-button{padding:.5em;margin:1.5em auto 0;width:fit-content;min-width:max-content;font-size:.7rem;background-color:#61858233;color:#e1e7f7;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease;z-index:100;font-family:Lora,italic;font-weight:700;font-style:italic}.toggle-button:hover{background-color:#182d54}.tree-wrapper{position:absolute;margin-top:10vh;right:1vw;padding:2em;z-index:100;width:40vw;height:65vh}.tree-wrapper p{color:#c8d2dd;font-size:.6rem}.tree-preview{background-color:#13172281;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);padding:1rem;max-width:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;overflow:hidden}.catalogue-instructions{font-size:.6rem;font-style:italic;opacity:.5;color:#c8d2dd;padding-bottom:1.5rem}.tree-accordion-header{background-color:#13172294;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);padding:.35rem 0rem;border-radius:.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:pointer;color:#fff;gap:.1rem}.tree-accordion-header h1{font-size:.7rem;font-weight:400}.accordion-icon{font-size:1rem;color:#fff}.map-buttons{position:absolute;display:flex;flex-direction:column;align-items:left;justify-content:center;gap:.5rem;left:3vw;top:1vh;padding:1rem;z-index:100}.grid-tree-toggle{margin-top:3rem;padding:.5em 1em;width:fit-content;height:auto;min-width:max-content;font-size:.7rem;background-color:#415576cc;color:#fff;border-radius:.7rem;border-color:#ffffff80;border-width:.05rem;cursor:pointer;transition:background-color .3s ease;z-index:100}.grid-tree-toggle:hover{scale:1.05;background-color:#61858266;box-shadow:0 0 0 .2rem #fff3}.toggle-switch{position:relative;display:flex;align-items:center;gap:.75rem;cursor:pointer;padding-top:.5rem}.toggle-switch input{display:none}.slider{position:relative;width:2rem;height:1rem;background-color:#52596433;border-radius:999rem;transition:background-color .3s}.slider:before{content:"";position:absolute;height:.75rem;width:.75rem;left:.125rem;top:.125rem;background-color:#fff;border-radius:50%;transition:transform .3s}.toggle-switch input:checked+.slider{background-color:#2e4261}.toggle-switch input:checked+.slider:before{transform:translate(1rem)}.toggle-label{font-size:.7rem;color:#fff;font-weight:200}.info-button{padding:.5em;margin-top:3rem;width:2.5rem;height:2.5rem;min-width:max-content;background-color:#55557600;border:none;cursor:pointer;z-index:100}.more-button{padding:.5em;margin-bottom:3rem;width:2.5rem;height:2.5rem;min-width:max-content;background-color:#55557600;border:none;cursor:pointer;z-index:100}.info-icon,.more-icon{width:auto;height:100%;opacity:.8}.logos-imgs{display:flex;gap:1rem;align-items:center}.logos-imgs img{height:3rem;width:auto}.city-dropdown{margin-top:45vh}.city-select{padding:.5em;border-radius:.4rem;background-color:#415576e6;border-radius:.5rem;color:#fff;border-radius:.7rem;border-color:#ffffff80;border-width:.05rem;cursor:pointer;font-family:Lora,italic;font-weight:500;font-style:italic;font-size:.8rem}.city-select:after{content:"▼";position:absolute;right:1rem;pointer-events:none}.city-select option{background-color:#5a6475e6;color:#fff;font-family:Lora,italic;font-weight:500;font-style:italic;font-size:.8rem;padding:.3em}.carousel-container{position:relative;height:40vh;z-index:100;width:100%;max-width:100vw;overflow:visible!important;display:flex;justify-content:center;align-items:center;padding-bottom:1rem}.react-multi-carousel-item.carousel-slide{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 auto;width:100%;max-width:20vw;text-align:center}.react-multi-carousel-item{justify-content:center;display:flex;flex-direction:row;width:100%}.react-multi-carousel-track{display:flex;flex-direction:row;width:fit-content;margin:0 auto}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:200;background:rgba(65,85,118,0);border:none;padding:.5rem;cursor:pointer;border-radius:50%}.carousel-arrow.left{left:-1.5rem}.carousel-arrow.right{right:-1.5rem}.carousel-arrow img{width:2rem;height:2rem}.react-multi-carousel-list{overflow:visible!important}.tree-slide{position:relative;width:auto;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;min-height:2vh;padding:1rem;box-sizing:border-box}.tree-image{width:100%;max-width:15vw;height:auto;scale:1;filter:grayscale(0%);filter:brightness(1);transition:scale 1s ease;transition:filter .3s ease;cursor:pointer}.carousel-container:hover .tree-image{filter:grayscale(100%);scale:.5}.carousel-container:hover .tree-slide:hover .tree-image{filter:grayscale(0%);scale:1.4}.tree-slide.selected .tree-image{scale:1.4}.overlay{position:relative;display:flex;gap:.3rem;padding-top:1rem;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;z-index:2}.overlay-button{background-color:#0b1016;color:#fff;padding:.3rem .6rem;font-size:.6rem;border-radius:.7rem;border-color:#ffffff80;border-width:.05rem;cursor:pointer;transition:background-color .2s ease}.overlay-button:hover{background-color:#34415c}.video-overlay{position:fixed;top:0;left:0;z-index:700;background:rgba(0,0,0,.95);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.video-container{position:relative;max-width:90vw;max-height:80vh;display:flex;justify-content:center;align-items:center}.tree-video{width:60%;height:auto;border-radius:.5rem;object-fit:contain}.close-button{position:absolute;top:-1.5rem;right:-1.5rem;background:rgba(65,85,118,.644);color:#fff;border:none;font-size:.7rem;border-radius:50%;cursor:pointer;width:1.5rem;height:1.5rem}.about-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:500;width:80vw;height:80vh;background-image:linear-gradient(rgba(19,23,34,.1),rgba(19,23,34,.6)),url(/re-leaf-biennale/img/about_tree-background.png);background-size:cover;background-position:center;background-color:#131722;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);display:flex;flex-direction:column;align-items:center;padding:3rem;color:#fff;border-radius:1rem}.about-content{display:flex;gap:3rem;max-width:60rem;text-align:left;margin-top:auto;margin-bottom:1.5rem}.column{flex:1}.column h2{font-size:1.5rem;margin-bottom:1rem;font-family:Lora}.column p{font-size:.75rem}.close-about{position:absolute;top:1rem;left:50%;transform:translate(-50%);padding:.4rem .8rem;background-color:#131722cc;color:#fff;border:none;font-size:.6rem;cursor:pointer;border-radius:5px;z-index:1000}a{color:#8192c2;font-size:.7rem}.more-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:500;width:80vw;height:80vh;padding:3rem;background-color:#131722;background-image:linear-gradient(rgba(19,23,34,.1),rgba(19,23,34,.258)),url(/re-leaf-biennale/img/releaf_plan-view.png);background-size:auto 100%;background-position:center;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-repeat:no-repeat;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;color:#fff;border-radius:1rem;overflow:hidden}.overlay-text{width:20%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:1rem 2rem;border-radius:.5rem;text-align:left}.overlay-text p{font-size:.7rem;margin-bottom:1rem;line-height:1.5}.overlay-text h2{font-size:1.5rem;margin-bottom:1rem;font-family:Lora}.close-more{position:absolute;top:1rem;left:50%;transform:translate(-50%);padding:.3rem .6rem;background-color:#6f778f88;color:#fff;border:none;font-size:.6rem;cursor:pointer;border-radius:5px;z-index:1000}.info-genus-city{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-bottom:2rem;text-align:center;gap:1rem;color:#d6e0ef}.info-block{flex:1 1 auto;min-width:7rem;max-width:45%}.answer{font-size:1rem;font-weight:900}.answer-category{font-family:Lora,italic;font-weight:500;font-style:italic;font-size:.7rem}.heatmap-button{background-color:#618582cc;color:#fff;font-size:.5rem;padding:.5em 1em;border:none;border-radius:1rem;cursor:pointer;transition:.3s}.heatmap-button:hover{background-color:#61858266}.deck-tooltip{background-color:#879de2cc;color:#fff;padding:1rem;border-radius:1rem;font-size:.7rem;pointer-events:none;z-index:100}@media (min-width: 768px) and (max-width: 1024px){.map-container{width:100vw}.map-description{width:40vw;max-width:80vw}.city-dropdown{margin-top:5vh}.tree-wrapper{position:absolute;bottom:2vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;width:95vw;height:35vh}.tree-preview{width:100%;padding-bottom:.5rem}.tree-accordion-header,.accordion-icon{display:none}.info-genus-city{padding-bottom:.5rem}.carousel-container{width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-bottom:0rem}.react-multi-carousel-item.carousel-slide{max-height:100%;max-width:30vw;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.overlay-text{width:35%;padding:1rem;text-align:left}.tree-image{max-height:20vh;width:auto;object-fit:contain}.tree-slide,.image-wrapper{position:relative}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);justify-content:center;padding-top:0;z-index:10}.overlay-button{font-size:.6rem;padding:.4rem .8rem;background-color:#13172281;border:1px solid rgba(255,255,255,.827);border-radius:.5rem;color:#fff}.video-overlay{position:absolute;top:0;left:0;z-index:10000;background:rgba(0,0,0,.95);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.video-container{max-width:90vw;max-height:80vh;display:flex;justify-content:center;align-items:center}.tree-video{width:60%;height:auto;border-radius:.5rem;object-fit:contain}.close-button{position:absolute;top:-1.5rem;right:-1.5rem;background:rgba(65,85,118,.644);color:#fff;border:none;font-size:.7rem;border-radius:50%;cursor:pointer;width:1.5rem;height:1.5rem}.more-section{background-size:auto 60%;background-position:center}.about-content{display:flex;gap:3rem;max-width:60rem;text-align:left;margin-bottom:1.5rem;align-items:flex-start}.column:last-child{align-self:flex-end}}@media (min-width: 320px) and (max-width: 768px){.map-container{width:100vw;overflow:hidden}.map-description{width:60vw;max-width:80vw;font-size:.75rem}.city-dropdown{margin-top:4vh}.tree-wrapper{position:absolute;bottom:2vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;width:95vw;height:35vh;margin-bottom:1rem}.tree-preview{width:100%;padding-bottom:.5rem}.tree-accordion-header,.accordion-icon{display:none}.info-genus-city{flex-direction:column;align-items:center;gap:.8rem;height:1rem;padding-bottom:1rem}.answer{font-size:.7rem}.answer-category{font-size:.55rem}.info-block{width:auto;flex:0 0 auto;min-width:7rem;max-width:90%;margin:0 auto}.carousel-container{width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-bottom:0rem}.react-multi-carousel-item.carousel-slide{max-height:100%;max-width:30vw;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.tree-image{max-height:20vh;width:auto;object-fit:contain}.tree-slide,.image-wrapper{position:relative}.overlay{gap:.1rem;padding-top:.1rem}.overlay-button{font-size:.6rem;padding:.3rem .6rem;background-color:#13172281;border:1px solid rgba(255,255,255,.827);border-radius:.5rem;color:#fff}.video-overlay{position:absolute;top:0;left:0;z-index:10000;background:rgba(0,0,0,.95);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.video-container{max-width:100vw;display:flex;justify-content:center;align-items:center}.tree-video{width:100%;height:auto;border-radius:.5rem;object-fit:contain}.close-button{position:absolute;top:-3rem;right:1rem;background:rgba(65,85,118,.644);color:#fff;border:none;font-size:.7rem;border-radius:50%;cursor:pointer;width:1.5rem;height:1.5rem}.more-section{flex-direction:column;width:95vw;height:90vh;padding:1rem;align-items:center;justify-content:center;background-size:auto 80%;overflow-y:auto}.overlay-text{width:65%;padding:1rem 2rem;text-align:center}.overlay-text p{font-size:.65rem}.about-section{width:95vw;height:90vh;padding:1.5rem 1rem;overflow-y:auto;background-image:linear-gradient(rgba(19,23,34,.5),rgba(19,23,34,.8)),url(/re-leaf-biennale/img/about_tree-background.png)}.about-content{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem;margin-top:1rem;margin-bottom:1rem}.column{flex:1 1 40%;min-width:4rem}.column p{font-size:.65rem;line-height:1.4}.column h2{font-size:1.2rem}.close-about{top:1rem;left:50%;transform:translate(-50%)}.column:last-child{align-self:flex-end}.city-select,.city-select option{font-size:.7rem}.grid-tree-toggle,.toggle-label{font-size:.65rem}.catalogue-instructions{font-size:.45rem;padding-bottom:.5rem}}