*{box-sizing:border-box;transition:all .1s}*,body{margin:0}body{background:#0c0d10;color:#292727;font-family:Montserrat,Poppins,sans-serif;overflow:hidden}#root{margin:0 auto;max-width:1180px}h1,h2,h3,h4,h5,h6,p,ul{margin-block-end:0;margin-block-start:0;padding-inline-start:0}input{font-family:Montserrat,Poppins,sans-serif}.navbar{background:#0c0d10;display:flex;height:17px;justify-content:center;width:100%}.nav{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#15161c6e;border:1px solid #21232b;border-radius:10px;justify-content:space-around;margin:8px 0;max-width:1180px;padding:1px;position:fixed;width:96%;z-index:99999}.logo-container,.nav{align-items:center;display:flex}.logo-container{margin-left:.4rem;width:6.5rem}.logo{width:8rem}.search-container{align-items:center;background:#0a0b0dd4;border:1px solid #0000;border-radius:50px;display:flex;overflow:hidden;padding-left:.7rem;margin-left:6rem;width:500px}.search{color:#fff;width:450px}.search-container input{background-color:#23253100;background:0 0;border:none;caret-color:#18e588;flex:1 1;font-weight:500;outline:0;padding:.7rem 0 .7rem .5rem}.search-container input::placeholder{color:#aeaeae}.search-container:focus-within{border:1px solid #21232b}.search-container span{background:#2f3034;height:25px;width:.5px}.search-container button{align-items:center;background-color:#23253100;background:0 0;border:none;color:#a8a9b0;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;outline:0;padding:.65rem}.search-container button:hover{background:#8787871d}.nav-menu{margin-left:3rem;align-items:center;display:flex;justify-content:flex-end;list-style:none;padding:.7rem}.nav-menu a{color:#fff;cursor:pointer;font-size:1.1rem;padding:0 .5rem}.ham-menu{display:none}.off-screen-menu{display:none}a{color:inherit;text-decoration:none}a:visited{color:#fff}a:hover{color:#6f86ff}.main{display:flex}aside{margin-left:3rem;padding-top:4rem}aside ul{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#15161c6e;border:1px solid #21232b;border-radius:10px;list-style:none;overflow:hidden;width:280px}.active{color:#ffce00;font-weight:600}.nav-help{margin-bottom:1rem;margin-top:2rem}aside ul li{align-items:center;color:#fff;cursor:pointer;display:flex;padding:.8rem}aside ul li:hover{background:#21232b}aside ul li ion-icon{font-size:1.2rem;margin-right:.5rem}aside footer img{margin-top:30px;width:280px}.navigation-container{box-sizing:border-box;display:flex;flex-direction:column;height:96vh;justify-content:space-between;margin-right:2rem;padding:1rem;z-index:99999}.navigation-container div{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#15161c;border:1px solid #63646a4f;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:3.5rem;justify-content:center;width:3.5rem}.navigation-container div:hover{background:#63646a4f}.nav-up{margin-top:5rem}.short-container::-webkit-scrollbar{display:none}.short-container{display:flex;flex:1 1;flex-direction:column;height:100vh;overflow-y:scroll;padding-top:5rem;scroll-behavior:smooth;scroll-padding-top:5rem;scroll-snap-type:y mandatory}.reel{align-items:center;display:flex;justify-content:center;margin-bottom:2.6rem;scroll-snap-align:start}.reel-video{display:flex;position:relative}.reel:last-child{padding-bottom:10rem}.reel ion-icon{cursor:pointer;z-index:999}video{height:100%;width:100%}.videos{align-items:center;background:#15161c;height:80vh;max-width:45vh;overflow:hidden;position:relative}.controls,.videos{border-radius:10px;display:flex}.controls{background:linear-gradient(180deg,rgba(0,0,0,.734),#0000);box-sizing:border-box;justify-content:space-between;opacity:0;padding:1rem;position:absolute;top:0;transform:translateY(-50px);transition:all .2s;visibility:hidden;width:100%}.videos:hover>.controls{opacity:1;transform:translateY(0);visibility:visible}.controls ion-icon{color:#fff;cursor:pointer;font-size:1.3rem}.foot{border-radius:10px;bottom:0;box-sizing:border-box;padding:1rem;position:absolute;transition:all .2s;width:100%}.videos:hover>.foot{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3}.foot img{border-radius:50%;height:36px;object-fit:cover;width:36px}.play-pause-btn{align-items:center;background:#00000075;border-radius:50%;cursor:pointer;display:flex;height:4rem;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .2s;width:4rem}.show-play-pause{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important}.play-pause ion-icon{color:#fff;font-size:2rem}.user-info{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-top:.5rem}.title{color:#fff}.user-info div{align-items:center;display:flex;width:400px}.user-info div span{position:absolute}.user-info div marquee{height:fit-content;margin-left:30px;width:60%}.reaction{align-self:flex-end;padding:.5rem}.reaction,.reaction div{display:flex;flex-direction:column}.reaction div{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;justify-content:center;margin-top:1.5rem}.reaction div span{margin-top:10px}.reaction ion-icon{font-size:1.5rem}#like{animation:like .3s ease-in forwards;background:#f813482b;color:#f81348;display:none}.like,.unlike{align-items:center;border-radius:50%;display:flex;height:45px;justify-content:center;width:45px}.unlike{animation:unlike .17s ease-in reverse forwards}@media (max-width:930px){aside{margin-left:1rem}.navigation-container{margin-right:1rem}}@media (max-width:870px){aside{display:none}}@media (max-width:700px){.search-container{display:none}}@media (max-width:600px){.nav-menu{display:none}.reaction{bottom:1rem;color:#fff;position:absolute;right:0}.reaction .value{font-size:.4rem}.navigation-container{display:none}.short-container{align-items:center}}@keyframes like{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes unlike{0%{transform:scale(1)}50%{transform:scale(.5)}to{transform:scale(1)}}@media (max-width:600px){ul{list-style:none}li{margin:15px}.off-screen-menu{background-color:rgba(34,37,49,.741);height:auto;width:100%;max-width:450px;position:fixed;top:3rem;right:-450px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:1rem;transition:.3s ease;padding-bottom:1rem}.off-screen-menu.active{right:0}.ham-menu{display:inline;height:40px;width:30px;margin-left:auto;position:relative}.ham-menu span{height:5px;width:100%;background-color:#f80a0a;border-radius:25px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.3s ease}.ham-menu span:nth-child(1){top:25%}.ham-menu span:nth-child(3){top:75%}.ham-menu.active span{background-color:#fff}.ham-menu.active span:nth-child(1){top:50%;transform:translate(-50%,-50%) rotate(45deg)}.ham-menu.active span:nth-child(2){opacity:0}.ham-menu.active span:nth-child(3){top:50%;transform:translate(-50%,-50%) rotate(-45deg)}}@keyframes spinTheRecord{from{transform:rotate(0)}to{transform:rotate(360deg)}}.videoFooter__record{border-radius:50%;animation:spinTheRecord infinite 5s linear;height:30px;filter:invert(1);position:absolute;bottom:0}