.video-card{border-radius:8px;box-sizing:border-box;cursor:pointer;flex-basis:14.6875rem;padding:.625rem;position:relative;width:14.6875rem}.video-card__thumbnail-wrapper{cursor:pointer;height:7.5625rem;position:relative}.video-card__thumbnail,.video-card__video-preview{border-radius:8px;display:block;height:100%;object-fit:cover;width:100%}.video-card__video-preview{border:1px solid #ff339e}.video-card__duration{background:#000c;border-radius:4px;bottom:8%;color:#fff;font-size:.75rem;padding:.125rem .375rem;position:absolute;right:4%}.video-card__info{margin-top:.5rem}.video-card__title{color:#fffc;font-size:.875rem;font-weight:600;letter-spacing:0;line-height:1.3125rem;margin:0;margin-top:.5rem}.video-card__meta{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-top:.5rem}.video-card__channel{align-items:center;display:flex;flex:1;gap:.5rem;min-width:0}.video-card__channel-profile{border-radius:50%;height:1rem;width:1rem}.video-card__channel-name{color:#ffffffb3;font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.125rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card__app-details{align-items:center;display:flex;gap:.5rem;pointer-events:none;position:relative;text-decoration:none}.video-card__app-details:hover .video-card__app-details__app-name{color:#ff339e}.video-card__app-icon{height:1rem;width:1rem}.video-card__app-name{color:#ffffffb3;font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.125rem;margin:0;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card__caret{border:solid rgba(255,255,255,.3);border-width:0 1px 1px 0;display:inline-block;margin-left:-.3125rem;padding:.1875rem;transform:rotate(-45deg)}.video-list{display:flex;flex-flow:row wrap;gap:3.125rem 1.875rem;justify-content:flex-start;margin-top:1.25rem;padding:0 .75rem .75rem;width:100%}.video-list--empty{align-items:center;display:flex;justify-content:center;min-height:60vh}.video-list__empty-state{color:#b4b4b4;font-size:1.125rem;text-align:center}.video-list__empty-state h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.video-list__empty-state p{margin:0}.video-list__load-more{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:1.5rem;width:100%}.video-list__divider{background:#ffffff1a;height:2px;margin-bottom:1.875rem;width:40%}.video-list__loading-more{align-items:center;cursor:pointer;display:flex;gap:.375rem;margin-bottom:3.75rem}.video-list__loading-more p{color:#fff9;font-size:1rem;margin:0}.video-list__loading-more img{height:1rem;width:1rem}.video-list__spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:9999px;border-top-color:#ff339e;height:3rem;width:3rem}.video-list__error{align-items:center;display:flex;grid-column:1/-1;justify-content:center;padding:1.5rem 0}.video-list__error-message{background-color:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#ef4444;font-size:1rem;margin:0;padding:1rem 1.5rem;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-header{align-items:center;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);background:#000000b3;display:flex;justify-content:space-between;min-height:4rem;padding:1rem 1.5rem;position:static;top:0;width:100%;z-index:1}.page-header__flex-center{align-items:center;display:flex;gap:.5rem}.page-header__title{color:#fff;font-size:1rem;font-weight:600;margin:0}.page-header__logo-container{align-items:center;display:flex}.page-header__logo{height:3.125rem;margin:0;width:10.3125rem;z-index:10}.channel-profile{border-radius:50%;height:2.25rem;width:2.25rem}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1050}.loading-screen--loading{background:radial-gradient(32.85% 62.63% at 50% 30.49%,#51a5c933,#33506f00),radial-gradient(14.95% 28.47% at 64.37% 56.79%,#b3d66133,#b3d66100),radial-gradient(20.82% 39.68% at 37.22% 60.32%,#ff42a533,#ff42a500),#0b0223}.loading-screen__content{align-items:center;display:flex;gap:.3125rem}.loading-screen__spinner{animation:spin 1s linear infinite;height:1.5rem;width:1.5rem}.loading-screen__text{color:currentcolor;font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.5;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.channel-videos{min-height:100vh;padding:0}.channel-videos__error-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh;padding:3rem;text-align:center}.channel-videos__error-title{color:#fff;font-size:1.875rem;font-weight:700;margin:0}.channel-videos__error-message{color:#b4b4b4;font-size:1.125rem;margin:0;max-width:31.25rem}.channel-videos__retry-button{background-color:#ff339e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 2rem;transition:all .3s ease}.channel-videos__retry-button:hover{background-color:#cc2a7e;transform:translateY(-2px)}.channel-videos__retry-button:active{transform:translateY(0)}.button{align-items:center;-webkit-backdrop-filter:blur(120px);backdrop-filter:blur(120px);background:#ff42a5;border:0;border-radius:6px;box-shadow:#0003 0 .25rem .25rem;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.75rem;font-weight:600;gap:.25rem;justify-content:center;line-height:1.5;outline:none;padding:.4375rem 1rem;position:relative}.button:hover{opacity:.9}.button:disabled{cursor:not-allowed;opacity:.5}.button__icon{display:flex;font-size:1rem;font-weight:700}.button__text{color:currentcolor;font-size:.75rem;font-weight:600;letter-spacing:0;line-height:1.125rem;margin:0}.video-player{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border:1px solid rgba(255,255,255,.3);border-radius:12px;display:flex;flex:1;flex-direction:column;max-height:calc(100vh - 100px);overflow:hidden;width:100%}.video-player__header{align-items:center;background:#ffffff1a;display:flex;justify-content:space-between;padding:.75rem 1.25rem}.video-player__header-left{align-items:center;display:flex;gap:.5rem}.video-player__title-header{color:#fff;font-size:1rem;font-weight:600;margin:0}.video-player__header-right{display:flex}.video-player__close-btn{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:400;line-height:1;transition:.15s}.video-player__close-btn:hover{opacity:.7}.video-player__logo{height:1.875rem;width:auto}.video-player__video{aspect-ratio:16/9;background-color:#0b0223;display:block;flex:1;min-height:0;object-fit:contain;width:100%}.video-player__footer{align-items:center;background:#ffffff1a;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:1rem}.video-player__footer-left{display:flex}.video-player__app-name{color:#ffffffb3;font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.3125rem;margin:0}.video-player__footer-right{align-items:center;display:flex;gap:1rem;position:relative}.video-player__share-text{color:#fff;font-size:.875rem;margin:0}.video-player__tooltip{background:#000c;border:1px solid rgba(255,255,255,.2);border-radius:4px;bottom:120%;color:#fff;font-size:.75rem;padding:.25rem .5rem;position:absolute;right:0;transform:translate(-50%);white-space:nowrap;z-index:10}@media(min-width:320px){.video-player__footer{flex-direction:column;gap:1rem}.video-player__footer-left,.video-player__footer-right{width:100%}.video-player__footer-right{justify-content:flex-end}}@media(min-width:640px){.video-player__share-text{display:block}}@media(min-width:768px){.video-player__footer{flex-direction:row;gap:.5rem}.video-player__footer-left,.video-player__footer-right{width:auto}}.video-watch{display:flex;flex-direction:column;min-height:100vh;overflow-y:auto}.video-watch__content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.video-watch__info{margin-top:1.5rem;padding:0 .5rem}.video-watch__title{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.video-watch__description{color:#b4b4b4;font-size:.875rem;line-height:1.5;white-space:pre-wrap}@media(min-width:768px){.video-watch__content{padding:1.5rem}.video-watch__info{padding:0}.video-watch__title{font-size:1.5rem}.video-watch__description{font-size:1rem}}.app-container{min-height:100vh;position:relative}.left-element,.right-element{filter:blur(30px);opacity:.7;pointer-events:none;position:absolute;top:0}.left-element{left:0;top:12.5rem}.right-element{right:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}html{background:#14161f}body{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;min-height:100vh}[id=root]{min-height:100vh;width:100%}