.ugc-page{--ease:cubic-bezier(.22, 1, .36, 1)}.ugc-line{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:hidden}.ugc-line>span{animation:ugc-up .95s var(--ease) both;animation-delay:calc(var(--i,0) * .13s + .1s);display:block;transform:translateY(105%)}@keyframes ugc-up{to{transform:translateY(0)}}.ugc-fade{opacity:0;animation:ugc-fade .8s var(--ease) both;animation-delay:var(--d,.3s);transform:translateY(10px)}@keyframes ugc-fade{to{opacity:1;transform:none}}.ugc-rule:after{content:"";background:var(--color-border-subtle,currentColor);opacity:.8;transform-origin:0;height:1px;animation:ugc-draw .9s var(--ease) both;animation-delay:var(--d,1s);position:absolute;inset:auto 0 0;transform:scaleX(0)}@keyframes ugc-draw{to{transform:scaleX(1)}}.ugc-btn{transition:transform .2s var(--ease), filter .2s;position:relative;overflow:hidden}.ugc-btn:after{content:"";transition:transform .7s var(--ease);background:linear-gradient(100deg,#0000 30%,#ffffff38 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.ugc-btn:hover{filter:brightness(1.08)}.ugc-btn:hover:after{transform:translate(120%)}.ugc-btn:active{transform:scale(.97)}.ugc-underline{transition:background-size .4s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px}.ugc-link:hover .ugc-underline,.ugc-link:focus-visible .ugc-underline{background-size:100% 1px}.ugc-topic{opacity:.72;transition:opacity .25s,color .25s;position:relative}.ugc-syllabus:hover .ugc-topic{opacity:1}.ugc-topic:hover{color:var(--color-highlight)}.ugc-track:before,.ugc-track:after{content:"";transform-origin:top;width:1px;position:absolute;top:2rem;bottom:2rem;left:0}.ugc-track:before{background:var(--color-border-subtle,currentColor)}.ugc-track:after{background:var(--color-highlight)}@supports (animation-timeline:view()){.ugc-track:after{animation:linear both ugc-fill;animation-timeline:view();animation-range:entry 25% cover 65%;transform:scaleY(0)}.ugc-node{animation:linear both ugc-node;animation-timeline:view();animation-range:entry 30% entry 90%}}@keyframes ugc-fill{to{transform:scaleY(1)}}@keyframes ugc-node{0%{opacity:.35;transform:translate(-50%)scale(.85)}to{opacity:1;transform:translate(-50%)scale(1)}}.ugc-node{color:var(--accent);transition:background-color .3s,color .3s,border-color .3s}:is(li:has(.ugc-row:hover) .ugc-node,li:has(.ugc-row:focus-visible) .ugc-node){background:var(--accent);color:#fff;border-color:var(--accent)}.ugc-row{isolation:isolate}.ugc-row:before{content:"";z-index:-1;border-radius:inherit;background:color-mix(in srgb, var(--accent) 9%, transparent);transform-origin:0;transition:transform .55s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.ugc-row:hover:before,.ugc-row:focus-visible:before{transform:scaleX(1)}.ugc-row h3{transition:transform .4s var(--ease)}.ugc-row:hover h3{transform:translate(4px)}.ugc-arrow{transition:transform .4s var(--ease), background-color .3s, color .3s, border-color .3s}.ugc-row:hover .ugc-arrow,.ugc-row:focus-visible .ugc-arrow{background:var(--accent);border-color:var(--accent);color:#fff;transform:translate(2px,-2px)}@media (prefers-reduced-motion:reduce){.ugc-line>span,.ugc-fade,.ugc-rule:after,.ugc-track:after,.ugc-node{opacity:1!important;animation:none!important;transform:none!important}.ugc-node{transform:translate(-50%)!important}.ugc-btn:after{display:none}.ugc-row:before,.ugc-row h3,.ugc-arrow,.ugc-underline{transition:none}}