#forest-app{width:100%;height:100%;overflow:hidden;position:relative}#forest-app>*{position:absolute}#forest-app canvas{width:100%;height:100%}#interactive-window-container{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}#interactive-window-container>div{position:absolute;top:50%;left:50%;overflow:visible}.parallaxWindow{transform:translate(-50%);position:absolute;bottom:0;display:flex;width:400px;max-width:calc(100vw - 40px);padding:20px;cursor:pointer;pointer-events:auto;touch-action:manipulation}@media (max-width: 768px){.parallaxWindow{padding:60px 20px 30px}}.parallaxWindow>div{overflow:hidden;display:flex;flex-direction:column;align-items:center;width:100%}.parallaxWindow h1{padding:0;margin:0;white-space:nowrap;height:2rem}.parallaxWindow:after{margin-bottom:10px;content:"";position:absolute;bottom:-10px;left:50%;translate:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid whitesmoke;animation:upDown 1s ease infinite}@keyframes upDown{0%{transform:translate(-50%)}50%{transform:translate(-50%,2px)}to{transform:translate(-50%)}}.playbackControls{position:absolute;left:0;right:0;bottom:20px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;pointer-events:none;touch-action:manipulation;z-index:10}.playbackControls button{background:none;border:none;border-image:none;border-radius:0;box-shadow:none;outline:none;text-shadow:none;margin:0;padding:12px 20px;min-width:44px;min-height:44px;color:#fff;font-size:2.5rem;line-height:1;cursor:pointer;pointer-events:auto;opacity:.25;transition:opacity .15s ease;-webkit-tap-highlight-color:transparent}.playbackControls button:hover{opacity:.7}.playbackControls button:active{opacity:1;transition:opacity 0ms}.playbackControls button:focus,.playbackControls button:focus-visible{outline:none;box-shadow:none}