:root{--oc-line:#c3ced8}.dark{--oc-line:oklch(42% .03 260)}.oc-tree ul{justify-content:center;margin:0;padding:26px 0 0;list-style:none;display:flex;position:relative}.oc-tree>ul{padding-top:0}.oc-tree li{flex-direction:column;align-items:center;padding:26px 8px 0;display:flex;position:relative}.oc-tree>ul>li{padding-top:0}.oc-tree li:before,.oc-tree li:after{content:"";border-top:2px solid var(--oc-line);width:50%;height:26px;position:absolute;top:0;right:50%}.oc-tree li:after{border-left:2px solid var(--oc-line);left:50%;right:auto}.oc-tree li:only-child:before,.oc-tree li:only-child:after,.oc-tree>ul>li:before,.oc-tree>ul>li:after{display:none}.oc-tree li:first-child:before,.oc-tree li:last-child:after{border-top:0}.oc-tree li:last-child:before{border-right:2px solid var(--oc-line);border-radius:0 8px 0 0}.oc-tree li:first-child:after{border-radius:8px 0 0}.oc-tree ul ul:before{content:"";border-left:2px solid var(--oc-line);height:26px;position:absolute;top:0;left:50%}.st2{z-index:40;pointer-events:none;width:min(46vw,620px);height:min(44vh,420px);position:fixed;top:0;right:0;overflow:hidden}.st2>div{will-change:transform, opacity;position:absolute}.st2 svg{image-rendering:pixelated;display:block}.st2-sun svg{filter:drop-shadow(0 0 14px #ffcd468c)}.st2-moon svg{filter:drop-shadow(0 0 16px #f2d48980)}.st2-cloud svg{filter:drop-shadow(0 2px 8px #1e28502e);opacity:.95}.st2-sparkle svg{filter:drop-shadow(0 0 6px #fdf6d8cc)}.st2-sunset .st2-sun{animation:1.5s ease-in both st2-sun-set;top:18%;left:38%}.st2-sunset .st2-moon{animation:3s ease-out both st2-moon-rise;right:12%}.st2-sunset .st2-cloud-a{animation:3s linear both st2-drift;top:14%}.st2-sunset .st2-cloud-b{animation:3s linear .35s both st2-drift;top:52%}.st2-sunset .st2-sparkle{opacity:0;animation:.5s ease-out both st2-pop,.8s ease-in forwards st2-fade;animation-delay:calc(1.3s + var(--st2-stagger,0s)), 2.2s}@keyframes st2-sun-set{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(30vh)translate(4vw)}}@keyframes st2-moon-rise{0%{opacity:0;top:105%}20%{opacity:1}55%{top:16%}82%{opacity:1;top:14%}to{opacity:0;top:12%}}.st2-sunrise .st2-moon{animation:1.5s ease-in both st2-moon-set;right:12%}.st2-sunrise .st2-sun{animation:3s ease-out both st2-sun-rise;left:38%}.st2-sunrise .st2-cloud-a{animation:3s linear both st2-drift;top:20%}.st2-sunrise .st2-cloud-b{animation:3s linear .35s both st2-drift;top:58%}.st2-sunrise .st2-sparkle{opacity:1;animation:.7s ease-in both st2-fade;animation-delay:calc(.3s + var(--st2-stagger,0s))}@keyframes st2-moon-set{0%{opacity:1;top:16%}70%{opacity:1}to{opacity:0;top:105%}}@keyframes st2-sun-rise{0%{opacity:0;top:105%}20%{opacity:1}55%{top:18%}82%{opacity:1;top:16%}to{opacity:0;top:14%}}@keyframes st2-drift{0%{opacity:0;transform:translate(14vw)}12%{opacity:.95}80%{opacity:.95}to{opacity:0;transform:translate(-30vw)}}@keyframes st2-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes st2-fade{to{opacity:0}}.theme-xfade,.theme-xfade *,.theme-xfade :before,.theme-xfade :after{transition:background-color .9s,color .9s,border-color .9s,fill .9s,stroke .9s!important}@media (prefers-reduced-motion:reduce){.st2{display:none}.theme-xfade,.theme-xfade *{transition:none!important}}