@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);.bottom-navbar{background-color:#161616;bottom:0;flex-shrink:0;height:56px;justify-content:space-around;position:fixed;z-index:101}.bottom-navbar,.bottom-navbar .nav-item{align-items:center;display:flex;width:100%}.bottom-navbar .nav-item{background:#0000;border:0;cursor:pointer;flex-direction:column;height:100%;justify-content:center;outline:0;outline:1px solid #333}.bottom-navbar .nav-item:hover{background:#333}.bottom-navbar .icon{color:#d4d3d3;font-size:18px;height:24px;width:24px}.bottom-navbar .item-name{color:#d4d3d3;font-size:10px;margin-top:4px}body.fullscreen .bottom-navbar{display:none}.video{display:flex;flex-direction:column;height:100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always;text-shadow:0 0 4px #00000080;width:100%}html[data-scroll-direction=horizontal] .video{flex-grow:1;flex-shrink:0}.video:before{background:#0000;box-shadow:inset 0 -33px 48px #00000080;content:"";display:block;height:100%;pointer-events:none}.player,.video:before{left:0;position:absolute;top:0;width:100%}.player{flex-shrink:0;height:calc(100% - 56px);z-index:1}.feed-pad-top{width:100%}html[data-scroll-direction=horizontal] .feed-pad-top{flex-shrink:0;height:100%;width:auto}.feed{-ms-overflow-style:none;height:100%;overflow:scroll;position:relative;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%}.feed::-webkit-scrollbar{display:none}.video-track-progress{background:blue;height:1px;position:fixed;transform:scaleX(0);transform-origin:left;width:100%;z-index:9}.video-track-progress.bottom{bottom:57px}.video-track-progress.top{top:0}html[data-scroll-direction=horizontal] .feed{display:flex;scroll-snap-type:x mandatory}.blacklist-manager{align-items:flex-start;justify-content:flex-start;left:0;position:fixed;top:0;transform:translateY(-100vh);transition:transform .3s;z-index:200}.blacklist-manager,.blacklist-manager .blacklist-inner{display:flex;flex-direction:column;height:100%;width:100%}.blacklist-inner .blacklist-header{align-items:center;background-color:blue;display:flex;flex-shrink:0;height:60px;justify-content:center;width:100%}.blacklist-header span{color:#fff;font-family:Inter,sans-serif;font-size:18px;font-weight:600}.blacklist-content{background:#000;height:100%;overflow:auto;width:100%}.blacklist-controls{background:#161616;flex-shrink:0;height:56px}.blacklist-controls,.blacklist-controls button{align-items:center;display:flex;justify-content:center}.blacklist-controls button{background:#0000;border:0;cursor:pointer;height:100%;outline:0}.blacklist-controls button svg{color:#d4d3d3;font-size:18px;height:24px;width:24px}.blacklist-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.blacklist-placeholder p{color:#fff;font-family:Inter,sans-serif;font-size:20px;font-weight:500;line-height:150%;max-width:80%;text-align:center}.blacklist-manager.visible{transform:translateY(0)}.blacklist-entry{align-items:center;background:#fff;border-bottom:1px solid #161616;display:flex;height:96px;padding-left:12px;padding-right:12px;width:100%}.blacklist-entry .left{display:flex;flex-direction:column;height:100%;justify-content:center;max-width:90%}.blacklist-entry .left p{color:#000;font-family:Inter,sans-serif;font-weight:600;height:18px;max-width:240px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.blacklist-entry .left a{color:#002dff;font-family:Inter,sans-serif;margin-top:10px;text-decoration:none}.blacklist-entry .left a:hover{text-decoration:underline}.blacklist-entry .right{display:flex;flex-direction:column;flex-shrink:0;height:100%;justify-content:center;margin-left:auto;width:48px}.blacklist-entry .right button{align-items:center;background:green;border:0;border-radius:23051998px;cursor:pointer;display:flex;height:48px;justify-content:center;outline:0;width:48px}.blacklist-entry .right button:hover{background:#008f00}.blacklist-entry .right button svg{color:#fff;font-size:18px}@media (prefers-color-scheme:dark){.blacklist-entry{background:#222}.blacklist-entry .left p{color:#ddd}}.bottom-metadata{background:#0000001a;bottom:57px;padding-bottom:3px;padding-top:8px;position:fixed;width:calc(100% - 60px);z-index:10}.bottom-metadata .video-title{align-items:center;display:flex;height:30px;width:100%}.bottom-metadata .video-title svg{color:#fff}.bottom-metadata .video-title p{color:#fff;font-size:16px;font-weight:400;line-height:normal;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-metadata .channel{align-items:center;display:flex;gap:6px;justify-content:flex-start;margin-bottom:12px;padding-left:8px;width:100%}.bottom-metadata .channel .avatar-wrapper{align-items:center;background:#555;border-radius:50%;display:flex;height:24px;justify-content:center;overflow:hidden;width:24px}.bottom-metadata .channel .avatar-wrapper img{width:100%}.bottom-metadata .channel>span{color:#fff;font-size:14px;font-weight:500}.bottom-metadata .video-caption{color:#fff;font-size:13px;line-height:125%;margin-bottom:12px;max-height:50px;overflow:auto;padding-left:8px;padding-right:16px}body.fullscreen .bottom-metadata{bottom:0}.playlists-viewer{align-items:flex-start;justify-content:flex-start;left:0;position:fixed;top:0;transform:translateY(-100vh);transition:transform .3s;z-index:200}.playlists-viewer,.playlists-viewer .playlists-viewer-inner{display:flex;flex-direction:column;height:100%;width:100%}.playlists-viewer-inner .playlists-viewer-header{align-items:center;background-color:blue;display:flex;flex-shrink:0;height:60px;justify-content:center;width:100%}.playlists-viewer-header span{color:#fff;font-family:Inter,sans-serif;font-size:18px;font-weight:600}.playlists-viewer-content{background:#000;height:100%;overflow:auto;width:100%}.playlists-viewer-controls{align-items:center;background:#161616;display:flex;flex-shrink:0;height:56px;justify-content:center}.playlists-viewer-controls button{align-items:center;background:#0000;border:0;cursor:pointer;display:flex;height:100%;justify-content:center;outline:0}.playlists-viewer-controls button svg{color:#d4d3d3;font-size:18px;height:24px;width:24px}.playlists-viewer.visible{transform:translateY(0)}.playlists-viewer-entry{align-items:center;background:#fff;border-bottom:1px solid #161616;display:flex;height:72px;padding-left:12px;padding-right:12px;text-decoration:none;text-decoration:initial;width:100%}.playlists-viewer-entry .left{display:flex;flex-direction:column;height:100%;justify-content:center;max-width:95%;text-decoration:none;width:100%}.playlists-viewer-entry .left p{color:#000;font-family:Inter,sans-serif;font-weight:600;height:18px;max-width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.playlists-viewer-entry .right{display:flex;flex-direction:column;flex-shrink:0;height:100%;justify-content:center;margin-left:auto;width:48px}.playlists-viewer-entry .right button{align-items:center;background:blue;border:0;border-radius:23051998px;cursor:pointer;display:flex;height:48px;justify-content:center;outline:0;width:48px}.playlists-viewer-entry .right button svg{color:#fff;font-size:18px}@media (prefers-color-scheme:dark){.playlists-viewer-entry{background:#222}.playlists-viewer-entry .left p{color:#ddd}}.playlist-gallery{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;position:fixed;top:0;transform:translateY(-100vh);transition:transform .3s;width:100%;z-index:200}.playlist-gallery.visible{transform:translateY(0)}.playlist-gallery .playlist-gallery-inner{display:flex;flex-direction:column;height:100%;width:100%}.playlist-gallery-inner .playlist-gallery-header{align-items:center;background-color:blue;display:flex;flex-shrink:0;height:60px;justify-content:center;width:100%}.playlist-gallery-header span{color:#fff;font-family:Inter,sans-serif;font-size:18px;font-weight:600}.playlist-gallery-content{background:#000;height:100%;overflow:auto}.playlist-gallery-controls{align-items:center;background:#161616;display:flex;flex-shrink:0;height:56px;justify-content:center}.playlist-gallery-controls a,.playlist-gallery-controls button{align-items:center;background:#0000;border:0;cursor:pointer;display:flex;flex:1 1;height:100%;justify-content:center;outline:0;outline:1px solid #333}.playlist-gallery-controls a{text-decoration:none}.playlist-gallery-controls a svg,.playlist-gallery-controls button svg{color:#d4d3d3;font-size:18px;height:24px;width:24px}.playlist-gallery-controls button svg{height:28px;width:28px}.playlist-gallery-content{display:flex;flex-direction:column;width:100%}.playlist-gallery-content .playlist-gallery-inner{display:flex;flex-direction:column;height:100%;width:100%}.playlist-gallery-inner .playlist-header{align-items:center;display:flex;gap:16px;padding:24px 18px;width:100%}.playlist-header .avatar-wrapper{align-items:center;border:3px solid blue;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:68px;justify-content:center;overflow:hidden;padding:4px;width:68px}.playlist-header .avatar-wrapper svg{animation:spin 2.5s linear infinite;height:80%;width:80%}.playlist-header .avatar-wrapper:has(img){padding:0}.playlist-header .avatar-wrapper img{width:100%}.playlist-header .playlist-info{display:flex;flex-direction:column;gap:6px;height:100%;justify-content:center}.playlist-header .playlist-info .playlist-media-count,.playlist-header .playlist-info .playlist-title{color:#fff;font-family:Inter,sans-serif;font-size:18px;font-weight:600}.playlist-header .playlist-info .playlist-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-header .playlist-info .playlist-media-count{font-size:14px;font-weight:400}.playlist-gallery-inner .playlist-media{display:grid;grid-template-columns:repeat(3,1fr);outline:2px solid #fff;overflow:auto;width:100%}@media screen and (min-width:768px){.playlist-gallery-inner .playlist-media{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:920px){.playlist-gallery-inner .playlist-media{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width:1268px){.playlist-gallery-inner .playlist-media{grid-template-columns:repeat(6,1fr)}}.playlist-gallery-inner .playlist-media .playlist-video-wrapper{align-items:center;display:flex;height:120px;justify-content:center;outline:1px solid #fff;position:relative;width:100%}.playlist-gallery-inner .playlist-media .playlist-video-wrapper:before{animation:spin 1s linear infinite;background:#fff;content:"";height:2px;position:absolute;width:10px;z-index:1}.playlist-gallery-inner .playlist-media .playlist-video-wrapper:has(video[poster]){cursor:pointer;outline:2px solid #fff}.playlist-gallery-inner .playlist-media .playlist-video-wrapper:has(video[poster]):before{display:none}.playlist-gallery-inner .playlist-media .playlist-video-wrapper video{flex-shrink:0;height:100%;width:100%}*{box-sizing:border-box}#app,body,html{height:100%}html{font-family:Inter,sans-serif;scroll-snap-type:y mandatory}html[data-scroll-direction=horizontal]{scroll-snap-type:x mandatory}body{background-color:#000}.screen{background-color:#000;display:grid;height:100%;place-items:center;width:100%}.container{height:100%;overflow:scroll;position:relative;width:100%}.container::-webkit-scrollbar{display:none}.container{-ms-overflow-style:none;scrollbar-width:none}.empty-state,.login-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.empty-state{padding:0 12px}.empty-state h1,.login-state h1{color:#fff;font-family:Inter,sans-serif;font-size:26px;font-weight:800;margin-top:24px;text-align:center}.empty-state p,.login-state p{color:#fff;font-family:Inter,sans-serif;margin-top:16px;text-align:center}.login-state form{display:flex;flex-direction:column;margin-top:96px;padding:0 12px;width:100%}.login-state form .form-error{color:red;margin-bottom:8px;margin-top:12px;text-align:center}.empty-state .icon-wrapper,.login-state .icon-wrapper{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;overflow:hidden;width:64px}.empty-state .icon-wrapper img,.login-state .icon-wrapper img{height:100%;width:100%}.login-state label{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:500}.login-state input{margin-top:6px;padding:0 12px}.empty-state button,.login-state button,.login-state input{border-radius:6px;font-family:Inter,sans-serif;font-size:16px;height:52px;width:100%}.empty-state button,.login-state button{align-items:center;background-color:blue;border:1px solid blue;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:center;margin-top:12px;outline:0;text-align:center;transition:border-color .3s}button.btn-alternate{background:#0000}.empty-state button:hover,.login-state button:hover{border-color:#fff}.loading-state{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state svg{animation:spin 1s linear infinite;background-color:#fff;border-radius:50%;color:blue;height:96px;overflow:hidden;width:96px}.side-controls{height:100%;padding-bottom:58px;padding-top:2px;position:absolute;right:0;top:0;width:60px;z-index:100}.side-controls .inner{height:100%;justify-content:flex-end;padding-bottom:8px}.side-controls .inner,.side-controls .inner button{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.side-controls .inner button{background-color:initial;border:0;color:#fff;font-size:14px;justify-content:center;outline:0}