/* generated by site/tools/uc2/earn.py: do not edit */
.uc-learn{display:block;width:100%;height:auto;aspect-ratio:1300/1080}
.uc-learn *{transform-box:view-box}
.uc-learn text{font-family:var(--font-display);font-weight:600;paint-order:stroke;stroke-linejoin:round}
html:is([lang|=kn],[lang|=tcy]) .uc-learn text{font-family:var(--font-kn-display)}
@container banner (max-width:40rem){.uc-learn .uc-t[data-k=UC]{font-size:70px;stroke-width:9px}.uc-learn .uc-t[data-k=TITLE]{font-size:50px;stroke-width:8px;transform:translateY(8px)}}
@keyframes u-flick{0%,100%{transform:scale(1,1) skewX(0)}20%{transform:scale(.92,1.1) skewX(-3deg)}45%{transform:scale(1.05,.93) skewX(2deg)}70%{transform:scale(.96,1.07) skewX(-2deg)}}
@keyframes u-pulse{0%,100%{opacity:.6}50%{opacity:.95}}
@keyframes u-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.08)}}
@keyframes u-sway{0%,100%{transform:rotate(-1.1deg)}50%{transform:rotate(1.1deg)}}
@keyframes ls0{0.00%{clip-path:inset(0 100% 0 0)}7.50%{clip-path:inset(0 100% 0 0)}12.50%{clip-path:inset(0 0 0 0)}90.62%{clip-path:inset(0 0 0 0)}91.25%{clip-path:inset(0 100% 0 0)}}
@keyframes ls1{0.00%{clip-path:inset(0 100% 0 0)}13.75%{clip-path:inset(0 100% 0 0)}18.75%{clip-path:inset(0 0 0 0)}90.62%{clip-path:inset(0 0 0 0)}91.25%{clip-path:inset(0 100% 0 0)}}
@keyframes ls2{0.00%{clip-path:inset(0 100% 0 0)}20.00%{clip-path:inset(0 100% 0 0)}25.00%{clip-path:inset(0 0 0 0)}90.62%{clip-path:inset(0 0 0 0)}91.25%{clip-path:inset(0 100% 0 0)}}
@keyframes ls3{0.00%{clip-path:inset(0 100% 0 0)}26.25%{clip-path:inset(0 100% 0 0)}31.25%{clip-path:inset(0 0 0 0)}90.62%{clip-path:inset(0 0 0 0)}91.25%{clip-path:inset(0 100% 0 0)}}
@keyframes ls4{0.00%{clip-path:inset(0 100% 0 0)}32.50%{clip-path:inset(0 100% 0 0)}37.50%{clip-path:inset(0 0 0 0)}90.62%{clip-path:inset(0 0 0 0)}91.25%{clip-path:inset(0 100% 0 0)}}
@keyframes ls5{0.00%{clip-path:inset(0 100% 0 0)}43.75%{clip-path:inset(0 100% 0 0)}48.75%{clip-path:inset(0 0 0 0)}90.62%{clip-path:inset(0 0 0 0)}91.25%{clip-path:inset(0 100% 0 0)}}
@keyframes ls6{0.00%{clip-path:inset(0 100% 0 0)}50.00%{clip-path:inset(0 100% 0 0)}55.00%{clip-path:inset(0 0 0 0)}90.62%{clip-path:inset(0 0 0 0)}91.25%{clip-path:inset(0 100% 0 0)}}
@keyframes ls-all{0.00%{opacity:1}84.38%{opacity:1}90.62%{opacity:0}95.00%{opacity:0}100.00%{opacity:1}}
@keyframes ln-pulse{0%,100%{opacity:.15;transform:translateX(0)}30%{opacity:1;transform:translateX(6px)}60%{opacity:.15;transform:translateX(12px)}}
.uc-learn .u-fl{animation:u-flick 0.9s ease-in-out infinite}
.uc-learn .u-fl2{animation:u-flick 1.15s ease-in-out infinite;animation-delay:-0.4s}
.uc-learn .u-gl{animation:u-pulse 1.8s ease-in-out infinite}
.uc-learn .u-pm1{animation:u-sway 6.2s ease-in-out infinite}
.uc-learn .u-pm2{animation:u-sway 7.4s ease-in-out infinite;animation-delay:-2.6s}
.uc-learn .ub1{animation:u-blink 4.6s linear infinite}
.uc-learn .ub2{animation:u-blink 5.3s linear infinite;animation-delay:-1.7s}
.uc-learn .ub3{animation:u-blink 6.1s linear infinite;animation-delay:-3.1s}
.uc-learn .ls0{animation:ls0 16s linear infinite}
.uc-learn .ls1{animation:ls1 16s linear infinite}
.uc-learn .ls2{animation:ls2 16s linear infinite}
.uc-learn .ls3{animation:ls3 16s linear infinite}
.uc-learn .ls4{animation:ls4 16s linear infinite}
.uc-learn .ls5{animation:ls5 16s linear infinite}
.uc-learn .ls6{animation:ls6 16s linear infinite}
.uc-learn .ls-all{animation:ls-all 16s linear infinite}
.uc-learn .ln-ar1{animation:ln-pulse 1s ease-out infinite}
.uc-learn .ln-ar2{animation:ln-pulse 1s ease-out infinite;animation-delay:-0.25s}
.uc-learn .ln-ar3{animation:ln-pulse 1s ease-out infinite;animation-delay:-0.5s}
.uc-learn[data-motion="still"] *{animation:none!important}
@media (prefers-reduced-motion:reduce){.uc-learn:not([data-motion="play"]) *{animation:none!important}}