.garden-icon{width:1.45em;height:1.45em;display:inline-block;flex-shrink:0;vertical-align:middle;overflow:visible;pointer-events:none}.palette-symbol{display:grid;place-items:center;width:38px;height:38px;background:#edf4e7;border-radius:12px}.palette-symbol .garden-icon{width:30px;height:30px}.palette-item{gap:7px}.button-icon{width:19px;height:19px;margin-right:4px}.toolbar button,.mode-tabs button{display:inline-flex;justify-content:center;align-items:center;gap:3px}.component-icon{width:22px;height:22px;x:9px;y:8px}.menu-icon{width:22px;height:22px;margin-right:6px}.brand-mark .garden-icon,.brand-icon .garden-icon{width:29px;height:29px}.brand-mark .garden-icon g,.brand-icon .garden-icon g{stroke:#fff0b8}.accent .garden-icon g{stroke:#fff4ce}.accent .garden-icon path[fill]{fill:#e7d49b}.lesson-icon .garden-icon{width:26px;height:26px}.lab-link-icon .garden-icon{width:19px;height:19px;margin-right:3px}.sprout-icon .garden-icon{width:30px;height:30px}.stars .garden-icon{width:24px;height:24px;margin:0 3px}.empty-star path{fill:none;stroke:#a1b89b}.earned-star path{fill:#f1d58a}.piano-controls .garden-icon{pointer-events:none}@media(max-width:760px){.palette-symbol{width:31px;height:31px;border-radius:10px}.palette-symbol .garden-icon{width:25px;height:25px}.toolbar .button-icon{width:16px;height:16px;margin-right:1px}}