.tree{margin:24px 16px}.tree .tree-canvas{height:420px;border-radius:22px;border:1px solid var(--glass-border);background:linear-gradient(180deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,.14));box-shadow:0 8px 24px rgba(0,0,0,.1),inset 0 10px 30px hsla(0,0%,100%,.06);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:hidden}.tree-viewport{position:absolute;inset:0;border-radius:inherit;cursor:default;display:block}.tree-viewport:active{cursor:default}.tree .tree-canvas:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.55);pointer-events:none}.tree .tree-canvas:after{content:"";position:absolute;inset:10px;border-radius:calc(22px - 10px);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.25);pointer-events:none}.tree-svg{position:absolute;inset:0;width:100%;height:100%}@media (max-width:768px){.tree .tree-canvas{height:360px}}@media (max-width:480px){.tree .tree-canvas{height:300px}}