html{scroll-snap-type:y mandatory;font-family:Montserrat,sans-serif}.app,html{background-color:#000}.app{height:100vh;display:grid;place-items:center}.container{position:relative;height:667px;width:375px;border-radius:25px;overflow:scroll;scroll-snap-type:y mandatory}@media (max-width:575.98px){.container{height:100vh;width:100vw}}.container::-webkit-scrollbar{display:none}.container{-ms-overflow-style:none;scrollbar-width:none}.top-navbar{position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;height:50px;display:flex;justify-content:space-around;align-items:center;z-index:1}.top-navbar h2{font-size:14px;font-weight:500;color:#fff;text-shadow:0 0 2px #00000080;padding:0 40px}.top-navbar h2 .active{font-weight:700;position:relative}.top-navbar h2 .active:after{content:"";position:absolute;left:0;bottom:-2px;width:50%;height:1px;background-color:#fff;transform:translateX(50%)}.top-navbar h2>span{margin:0 10px}.top-navbar .icon{font-size:16px;color:#fff;cursor:pointer}.bottom-navbar{color:#fff;position:-webkit-sticky;position:sticky;background-color:#161616;bottom:0;width:100%;height:45px;display:flex;justify-content:space-around;align-items:center;z-index:100}.bottom-navbar .nav-item{display:flex;flex-direction:column;align-items:center}.bottom-navbar .icon{font-size:18px;color:#d4d3d3}.bottom-navbar .plus{background-color:#fff;color:#161616;padding:5px 10px;border-radius:25%;border-right:5px solid red;border-left:5px solid #40e0d0;font-size:12px}.bottom-navbar .item-name{color:#d4d3d3;font-size:10px;margin-top:2px}.bottom-navbar .active{color:#fff}.bottom-navbar .notification{position:absolute;top:0;left:260px;background-color:red;color:#fff;font-size:7px;padding:5px;border-radius:50%}.footer-container{display:flex;flex-direction:column;margin-bottom:110px}.footer-left{position:relative;color:#fff;flex-grow:1;pointer-events:none;display:flex;margin-left:5px}.ticker{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ticker,.ticker marquee{width:100%;display:flex;align-items:center}.text{width:100%}.text h3{font-size:18px;font-weight:700;margin-bottom:5px}.text p{font-size:14px;font-weight:500}.text span{font-size:12px;font-weight:400;color:#fff}.footer-right{z-index:100;color:#fff;margin-right:5px;margin-bottom:25px}.sidebar-icon{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;margin-top:5px}.sidebar-icon .userprofile{border-radius:50%;border:2px solid #fff;margin-bottom:25px}.sidebar-icon .useradd,.sidebar-icon .userprofile{background-color:#fff;display:flex;justify-content:center;align-items:center;text-align:center}.sidebar-icon .useradd{border-radius:50%;margin-top:-30px;margin-bottom:15px}.sidebar-icon p{font-size:14px;font-weight:500;margin-top:5px}.record{animation:spinTheRecord 5s linear infinite;filter:invert(1)}.record img{width:35px;height:35px;padding:5px;border-radius:50px;background-color:#b3afaf}@keyframes spinTheRecord{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video{position:relative;width:100%;height:100%;text-shadow:0 0 4px #00000080;scroll-snap-align:start}.video:before{content:"";display:block;box-shadow:inset 0 -33px 48px #00000080;width:100%;pointer-events:none;z-index:99;height:100%;top:0;left:0;position:absolute;background:#0000}.player,.player-mask-layout video{position:absolute;top:0;left:0;object-fit:fill;width:100%;height:calc(100% - 50px)}.bottom-controls{display:flex;align-items:flex-end;height:100%}.video-player-keep-aspect-ratio{position:absolute;top:calc(50% - 25px);left:50%;transform:translate(-50%,-50%);object-fit:contain;width:100%;height:calc(100% - 50px)}video::-webkit-media-controls-fullscreen-button{display:none}video::-webkit-media-controls-panel{width:calc(100% + 30px)}video::-moz-media-controls-fullscreen-button{display:none}video::--media-controls-fullscreen-button{display:none}