.baum{width:100%;position:relative}.baum-mini{max-width:112px}.baum-bild,.baum-buehne,.baum-canvas{width:100%;height:100%;position:absolute;inset:0}.baum-bild{pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.baum-buehne{pointer-events:none}.baum-canvas{opacity:0;transition:opacity .4s var(--ease-out);display:block}.baum:is([data-zustand=einblenden],[data-zustand=dreht]) .baum-canvas{opacity:1}.baum[data-zustand=dreht] .baum-bild{visibility:hidden}.baum-pause{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--ground) 75%, transparent);width:32px;height:32px;color:var(--mute);cursor:pointer;transition:color .16s ease, border-color .16s ease, transform var(--press) var(--ease-out);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.baum-gross .baum-pause{top:calc(87% - 16px);left:80%}.baum-mini .baum-pause{width:28px;height:28px;bottom:0;right:0}@media not (min-width:340px){.baum-mini .baum-pause{bottom:-4px;right:-4px}}.baum-pause:before{content:"";position:absolute;inset:calc(50% - 22px)}.baum-pause svg{width:12px;height:12px;display:block}.baum-pause:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:50%}.baum-pause:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.baum-pause:hover{color:var(--ink);border-color:var(--field-rim)}}@media (prefers-reduced-motion:reduce){.baum-canvas,.baum-pause{transition:none}.baum-pause:active{transform:none}}@media (forced-colors:active){.baum-pause{border-color:buttontext}}