label{font-size:.75rem;width:1.6rem;height:1.6rem}.controls{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;bottom:0;margin:10px;z-index:9;left:50%;transform:translateX(-50%);mix-blend-mode:hard-light}.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{position:absolute;inset:0;transition:opacity .2s ease-in-out;pointer-events:none}.blur{scale:1.28;position:absolute;inset:0;opacity:0;background:url(../../../garden/placeholder.png) 50%/cover no-repeat;animation:blur-fade-in .5s ease-out forwards,placeholder-pulse 2s ease-in-out infinite}@keyframes blur-fade-in{0%{opacity:0}to{opacity:1}}.blank{scale:1.15;position:absolute;inset:0;background:#F2F0EE}.garden-placeholder-out{opacity:0;animation:none}@keyframes placeholder-pulse{0%,to{opacity:1}50%{opacity:.5}}.garden-content{width:100%;height:100%}.canvas{width:540px;position:relative}.canvas,.scene{aspect-ratio:calc(1.341);display:flex;margin:auto}.scene{width:calc(100% - 5px)}.grass{background:url(../../../garden/textures/grass.webp) 50%/cover no-repeat;mix-blend-mode:screen}.cover,.grass{position:absolute;inset:0;pointer-events:none}.cover{background:url(../../../garden/textures/cover.png) 50%/cover no-repeat;mix-blend-mode:darken;outline:30px solid #F2F0EE}