.annual-tree{--year-color:#bfc0ea;background:0 0;width:100%;position:relative}.annual-tree__art{width:100%;height:max(20rem, calc(100svh - var(--tree-header-height,5rem)));display:block;overflow:hidden}.annual-flower{cursor:pointer;outline:none}.annual-flower__drawing{transition:opacity .35s}.annual-flower__year{fill:var(--year-color);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.11em;font-family:Segoe UI Variable,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:44px;font-weight:300;transition:fill .25s}.annual-flower:hover .annual-flower__year,.annual-flower:focus-visible .annual-flower__year{fill:#f1eaff}.annual-flower:focus-visible .annual-flower__year{text-underline-offset:12px;text-decoration:underline}.annual-tree[data-palette=pearl]{--year-color:#d9bfdf}.annual-tree[data-palette=duotone]{--year-color:#b4c4ed}:root[data-theme=light] .annual-tree{--year-color:#68619d}:root[data-theme=light] .annual-flower:hover .annual-flower__year,:root[data-theme=light] .annual-flower:focus-visible .annual-flower__year{fill:#4d357a}.annual-tree[data-animating=true] .annual-flower{opacity:0}.annual-tree[data-animating=true] .annual-flower.is-growing{opacity:1;transition:opacity .3s}.annual-tree[data-animating=true] .annual-flower__year{opacity:0}.annual-tree[data-animating=true] .annual-flower.is-growing .annual-flower__year{opacity:1;transition:opacity .65s .7s}.annual-tree__older{font-family:var(--mono);flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}@media (width<=600px){.annual-tree__art{height:max(20rem, calc(100svh - var(--tree-header-height,6.2rem)))}.annual-flower__year{letter-spacing:.06em;font-size:51px}}@media (prefers-reduced-motion:reduce){.annual-flower,.annual-flower__drawing,.annual-flower__year{transition:none!important}}