label{width:1.6rem;height:1.6rem;font-size:.75rem}.controls{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-khtml-user-select:none;z-index:9;mix-blend-mode:hard-light;margin:10px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.project-canvas-wrapper{margin-top:92px;margin-bottom:92px}.project-canvas{width:500px;height:307px}.project-canvas canvas{border-radius:2px}.project-desc{width:500px}.project-controls{margin-top:2px;margin-left:15px}@media screen and (max-width:580px){.project-canvas{width:300px;height:350px}.project-desc{width:340px}.project-controls{margin-top:8px;margin-left:-6px}.project-canvas-wrapper{margin-top:60px;margin-bottom:60px}}.garden-placeholder{pointer-events:none;transition:opacity .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.blur{opacity:0;background:url(/garden/placeholder.png) 50%/cover no-repeat;animation:.5s ease-out forwards blur-fade-in,2s ease-in-out infinite placeholder-pulse;position:absolute;top:0;bottom:0;left:0;right:0;scale:1.28}@keyframes blur-fade-in{0%{opacity:0}to{opacity:1}}.blank{background:#f2f0ee;position:absolute;top:0;bottom:0;left:0;right:0;scale:1.15}.garden-placeholder-out{opacity:0;animation:none}@keyframes placeholder-pulse{0%,to{opacity:1}50%{opacity:.5}}.garden-content{width:100%;height:100%}.canvas{aspect-ratio:1.341;width:540px;margin:auto;display:flex;position:relative}.scene{aspect-ratio:1.341;width:calc(100% - 5px);margin:auto;display:flex}.grass{pointer-events:none;mix-blend-mode:screen;background:url(/garden/textures/grass.webp) 50%/cover no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}.cover{pointer-events:none;mix-blend-mode:darken;background:url(/garden/textures/cover.png) 50%/cover no-repeat;outline:30px solid #f2f0ee;position:absolute;top:0;bottom:0;left:0;right:0}