*,:after,:before{font-family:Roboto,serif;padding:0;margin:0;box-sizing:border-box;outline:none}::-webkit-scrollbar{display:none;height:0;width:0}body{height:100svh;background-size:400% 400%;display:grid;place-items:center;font-size:20px;color:#000;cursor:pointer;animation:gradient 15s ease infinite;overflow:hidden}.container{display:grid;place-items:center;height:100svh;width:100svw}.video-container{position:relative;border:3px solid #339d7ab8;border-radius:10px;height:659px;width:330px;box-shadow:0 0 150px #18c6b1eb;margin:auto;overflow:hidden;scroll-snap-type:y mandatory;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:center}@media (max-height:900px){.video-container{height:calc(100svh - 140px)}}.play-icon{top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;justify-content:center;border-radius:50%;opacity:.5}.play-icon,.video-container-header{position:absolute;display:flex;align-items:center}.video-container-header{top:20px;left:0;width:100%;height:50px;justify-content:space-between;text-align:center;z-index:3}.video-container-header div{width:100%;height:100%;display:flex;font-size:15px;color:#ccc;justify-content:center;align-items:center;cursor:pointer}.video-container-header div.active{font-size:20px;color:#fff}.post{overflow:hidden;scroll-snap-align:center}.post,.video-player{position:relative;height:100%;width:100%}.video-player:before{content:"";position:absolute;top:0;left:0;z-index:1;height:100%;width:100%}.side-bar{right:0;top:70%;transform:translateY(-50%)}.post-footer,.side-bar{position:absolute;z-index:2}.post-footer{width:80%;bottom:0;left:0;padding:10px;color:#fff}.post-footer a{color:#fff}.post-footer .username{display:flex;height:30px;align-items:center}.post-footer .username .username-link:before{color:#fff}.post-comment-user-verified,.verfied .verfied-icon{height:20px;width:20px;margin-left:10px;font-size:9px;border-radius:50%;background-color:#008abf;display:grid;place-items:center}.post-description{padding-left:10px;font-size:10px}.side-bar .profile-follow{position:relative}.side-bar .profile-follow .fa-plus{font-size:10px;position:absolute;top:65%;left:50%;transform:translate(-50%);height:20px;width:20px;border-radius:50%;background-color:#ff2828;display:flex;justify-content:center;align-items:center}.side-bar .profile-logo-img{overflow:hidden;height:40px;width:40px;border-radius:50%}.side-bar .side-icon{cursor:pointer;padding:15px;font-size:25px;text-align:center;color:#fff}.side-icon p{font-size:10px;padding-top:5px}.post-comments{position:absolute;bottom:-100%;left:0;height:50%;width:100%;border-radius:10px 10px 0 0;padding:10px;background-color:#fff;z-index:5;transition:all .5s ease}.post-comments:before{content:"";position:absolute;top:5px;left:50%;width:50%;padding:1px;background-color:#000;border-radius:50px;transform:translate(-50%)}.post-comments.open{bottom:0}.close-comment{position:absolute;top:10px;right:10px;cursor:pointer;font-size:20px;font-weight:300px}.post-comments-area{height:250px;overflow:scroll;margin-top:20px}.post-comment{margin:10px auto;display:flex;width:100%;height:50px;align-items:center;justify-content:space-between;text-align:left}.post-comment-user-name{display:flex}.post-comment-user-img{overflow:hidden;border-radius:50%;height:40px;width:40px}.post-comment-user-verified{width:15px;height:15px;font-size:10px}.post-comment-user-msg{font-size:14px}.post-comment-like-btn{text-align:center;cursor:pointer}.post-comment-like-btn p{font-size:10px}.post-comment-like-btn .post-comment-like-icon.liked{color:#ff2828}.post-comment-content{display:flex;flex-direction:column;padding-left:20px;justify-content:center;width:100%}.post-comment-input{display:flex;height:50px;width:100%;align-items:center;justify-content:flex-start}.post-comment-text{height:40px;width:100%;border:0;padding:10px 20px}.post-comment-send{height:40px;width:40px;border:0;background-color:transparent;cursor:pointer}.music-name{display:flex;font-size:10px;padding:5px}.song-name{margin-left:10px}img.post-img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes disc-anime{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.user-info{position:absolute;bottom:10px;left:10px;display:flex;align-items:flex-end;text-align:left}.user-avatar{width:50px;height:50px;border-radius:50%;margin-right:10px;border:2px solid #fff}.username{font-size:16px}.description{font-size:13px;color:#fff}.header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;background-color:#000;padding:10px 20px;z-index:1000}.logo{width:30px;height:auto}.header-text{color:#fff;font-size:11px;text-align:center}.header-button{background-color:#0aa794;color:#fff;border:none;border-radius:5px;padding:10px 15px;cursor:pointer}.header-button:hover{background-color:#096f63}.footer{display:flex;flex-direction:row;align-items:stretch;justify-content:center;position:fixed;bottom:0;left:0;right:0;padding:10px;gap:10px;z-index:1000}.footer-button{background-color:#0000007b;color:#fff;border:1px solid #0000007b;border-radius:10px;padding:10px 15px;cursor:pointer}.butt2{background-color:#249e8fac;border:1px solid #249e90;border-radius:10px}.footer-text{color:#fff;margin-bottom:5px}.footer-button:hover{background-color:#000}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#218276;display:flex;align-items:center;justify-content:center;z-index:9999}#preloader img{max-width:30%;height:auto}.profile-card{position:relative;background:#000;border:3px solid transparent;border-radius:10px;width:330px;box-shadow:0 0 150px #18c6b1eb;margin:auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.cover-photo{width:100%;height:170px;position:relative}.cover-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar{border-radius:50%;overflow:hidden;border:4px solid #fff}.avatar,.live-avatar{position:absolute;top:110px;left:50%;transform:translateX(-50%);width:100px;height:100px;background:#000}.live-avatar{border-radius:50%;border:3px solid red;display:flex;justify-content:center;align-items:center}.live-avatar .avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.live-label{position:absolute;top:calc(100% - 24px);left:50%;transform:translateX(-50%);background:red;border:4px solid #841212;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:17px;text-transform:uppercase;animation:pulse-live .7s infinite alternate;white-space:nowrap}@keyframes pulse-live{0%{transform:translateX(-50%) scale(1)}to{transform:translateX(-50%) scale(1.1)}}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.username{color:#fff;font-size:18px;font-weight:700;text-align:center;margin-top:70px}.bio{color:hsla(0,0%,100%,.5)}.bio,.live-desc{font-size:14px;font-weight:400;text-align:center;margin-top:5px;max-width:80%;line-height:1.4;word-wrap:break-word}.live-desc{color:hsla(0,0%,100%,.835)}.metrics{justify-content:space-around;width:100%;margin-top:20px;padding:10px 0}.metric,.metrics{display:flex;position:relative}.metric{text-align:center;flex:1;flex-direction:column;align-items:center}.metric-value{font-size:24px;font-weight:700;color:#0aa794;margin-bottom:5px}.metric-label{font-size:14px;color:#fff}