@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)}to{transform:translateY(105vh)}}.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}.page-not-found-view{padding:100px 20px 200px}.page-not-found-view,.page-not-found-view .message-box{display:flex;flex-direction:column;justify-content:center;align-items:center}.page-not-found-view .message-box{text-align:center;margin:0 20px 80px}.page-not-found-view .message-box h1{font-size:36px!important;font-weight:700!important;margin-bottom:45px}.page-not-found-view .message-box p{max-width:680px;font-size:20px!important;font-weight:400!important;line-height:1.4;color:var(--grey-darker)}.page-not-found-view .message-box a{display:inline;color:var(--red-base)}.page-not-found-view .track-channel-button{padding:16px 120px;background:var(--red-base)}.page-not-found-view .track-channel-button,.page-not-found-view .track-channel-button-submitted{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:10px;color:#fff;margin-top:-30px;margin-bottom:50px}.page-not-found-view .track-channel-button-submitted{padding:16px 64px;background:var(--green-base)}.page-not-found-view .track-channel-button:hover{background:var(--red-dark)}.page-not-found-view .popular-channels-box{display:flex;justify-content:center;align-items:center;width:100%;max-width:1920px}.page-not-found-view .popular-channels-box .channels-grid{display:grid;grid-template-columns:repeat(auto-fit,250px);grid-gap:2.5%;justify-content:center;width:100%}.page-not-found-view .popular-channels-box .channels-grid .channel-box{display:flex;width:20%;min-width:250px;padding:8px 12px;border-radius:10px;border:1px solid hsl(from var(--vs-border) h s l/1);background:hsl(from var(--vs-bg) h s l/1);box-shadow:0 4px 10px 0 rgba(0,0,0,.05);transition:all .2s ease-in-out}.page-not-found-view .popular-channels-box .channels-grid .channel-box .channel-avatar{border-radius:10px;margin-right:12px}.page-not-found-view .popular-channels-box .channels-grid .channel-box .channel-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.page-not-found-view .popular-channels-box .channels-grid .channel-box .channel-info .name-box{display:flex;align-items:center;margin-bottom:4px}.page-not-found-view .popular-channels-box .channels-grid .channel-box .channel-info .name-box img{margin-left:12px}.page-not-found-view .popular-channels-box .channels-grid .channel-box .channel-info h3{font-size:18px!important;font-weight:700!important;text-overflow:ellipsis;overflow:hidden}.page-not-found-view .popular-channels-box .channels-grid .channel-box .channel-info p{color:var(--grey-dark);font-size:12px!important;font-weight:500!important;margin-bottom:4px}.page-not-found-view .popular-channels-box .channels-grid .channel-box:hover{transform:scale(1.03)}[data-theme=dark] .page-not-found-view .message-box h1,[data-theme=dark] .page-not-found-view .popular-channels-box h3{color:#fff}