@keyframes move{0%{left:-50%}to{left:150%}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes frame-highlight{0%{outline:2px solid pro-palette(primary,500);outline-offset:4px;scale:1.05}to{outline:2px solid transparent}}@keyframes size-highlight{0%{background:pro-palette(primary,500)}to{background:transparent}}@keyframes waves{0%{transform-origin:bottom;transform:scaleY(1) scaleX(1.2);filter:saturate(1.5)}to{transform-origin:bottom;transform:scaleY(.8) scaleX(1.3);opacity:.8}}@keyframes fall{0%{transform:translateY(-10vh) rotate(0deg)}to{transform:translateY(105vh) rotate(270deg)}}.snowflake{position:absolute;top:-5vh;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient-text{--gradient-color-1:#ff7e5f;--gradient-color-2:#feb47b;--gradient-color-3:#86a8e7;--gradient-color-4:#91eae4;--animation-speed:5s;background-image:linear-gradient(-45deg,var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-3),var(--gradient-color-4));background-size:300% 300%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:animatedgradient var(--animation-speed) ease infinite}@keyframes fall-short{0%{transform:translateY(-120%) rotate(0deg)}to{transform:translateY(60px) rotate(270deg)}}.snowflake-short{position:absolute;top:0;animation-name:fall-short;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:backwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}.animate-fade-out{animation:fadeOut .5s ease-out forwards}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-fill{animation-fill-mode:both}.animate-fade-in-slide-up{animation:fadeInSlideUp .5s ease-out forwards}.animate-fade-out-slide-down{animation:fadeOutSlideDown .5s ease-out forwards}@keyframes textShine{0%{background-position:0 50%}to{background-position:100% 50%}}.text-shine-gradient{background:linear-gradient(90deg,#7953cd 20%,#00affa 30%,#0190cd 70%,#764ada 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:500% auto;animation:textShine 5s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){.animate-fade-in,.animate-fade-in-slide-up,.animate-fade-out,.animate-fade-out-slide-down{animation:none}}.popular-channel{width:calc(100% - 32px);margin-top:14px}@media(min-width:768px){.popular-channel{width:682px}}.popular-channel .pc-channel-name{font-size:14px!important}.popular-channel .pc-title{font-weight:500!important;text-align:left;margin-bottom:16px}.popular-channel .pc-list{display:flex;flex-wrap:wrap;gap:12px}.popular-channel .pc-item{cursor:pointer;display:flex;border:1px solid hsl(from var(--vs-border) h s l/1);background:hsl(from var(--vs-content-bg) h s l/1);border-radius:10px;padding:8px 16px;align-items:center;font-size:16px!important;transition:.2s ease;gap:10px}.popular-channel .pc-item:hover{background-color:var(--grey-base)}@media(min-width:992px){.popular-channel .pc-item{gap:12px}}.popular-channel .pc-image{border-radius:6px}@media(min-width:0px)and (max-width:320px){.popular-channel{width:calc(100% - 48px)}}@media(min-width:321px)and (max-width:480px){.popular-channel{width:calc(100% - 48px)}}@media(min-width:481px)and (max-width:768px){.popular-channel{width:calc(100% - 48px)}}