.ramona-bonsai-tree{--stage: 3;position:relative;display:flex;flex-direction:column;align-items:center;gap:1.4rem}.ramona-bonsai-tree__stage-badge{display:flex;align-items:baseline;justify-content:space-between;width:100%}.ramona-bonsai-tree__stage-badge .ramona-eyebrow{color:var(--ramona-bonsai-muted, #9faedd)}.ramona-bonsai-tree__stage-badge .ramona-mono{color:var(--ramona-gold, #f2b32c);font-size:1.15rem}.ramona-bonsai-tree__svg{width:100%;max-width:22rem;height:auto;overflow:visible}.ramona-bonsai-tree--compact{width:6rem;flex-shrink:0}.ramona-bonsai-tree--compact .ramona-bonsai-tree__svg{max-width:6rem}.ramona-bonsai-tree__shadow{fill:#0000001f}.ramona-bonsai-tree__pot,.ramona-bonsai-tree__pot-rim{fill:var(--ramona-coral, #ee4b36)}.ramona-bonsai-tree__trunk{fill:#7a4a2b;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(clamp(.32,calc(.32 + (var(--stage) - 1) * .0755),1));transition:transform .35s ease}.ramona-bonsai-tree__canopy{fill:#3f7a4f;transform-box:fill-box;transform-origin:center;transition:transform .35s ease,opacity .35s ease}.ramona-bonsai-tree__canopy--a{opacity:clamp(0,calc(var(--stage) - 1),1);transform:scale(clamp(0,calc((var(--stage) - 1) / 2),1))}.ramona-bonsai-tree__canopy--b{fill:#4c8a5c;opacity:clamp(0,calc(var(--stage) - 3),1);transform:scale(clamp(0,calc((var(--stage) - 3) / 2),1))}.ramona-bonsai-tree__canopy--c{fill:#4c8a5c;opacity:clamp(0,calc(var(--stage) - 5),1);transform:scale(clamp(0,calc((var(--stage) - 5) / 2),1))}.ramona-bonsai-tree__canopy--d{fill:#5c9c6c;opacity:clamp(0,calc(var(--stage) - 7),1);transform:scale(clamp(0,calc((var(--stage) - 7) / 2),1))}.ramona-bonsai-tree__blossoms circle{fill:var(--ramona-gold, #f2b32c)}.ramona-bonsai-tree__blossoms{opacity:clamp(0,calc((var(--stage) - 9) * 5),1);transform-box:fill-box;transform-origin:center;transform:scale(clamp(.6,calc(.6 + (var(--stage) - 9) * 2),1));transition:transform .4s ease,opacity .4s ease}.ramona-bonsai-tree__slider{width:100%;max-width:22rem;accent-color:var(--ramona-gold, #f2b32c);cursor:pointer}.ramona-bonsai-tree__link{display:inline-block;margin-top:1.2rem;font-family:var(--font-ui-family);font-weight:700;font-size:1.3rem;color:var(--ramona-gold, #f2b32c);text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ramona-bonsai-tree.css.map */