*{box-sizing:border-box;transition:all .1s}*,body{margin:0}body{background:#0c0d10;color:#acacac;font-family:Montserrat,Poppins,sans-serif;overflow:hidden}#root{margin:0 auto;max-width:1180px}h1,h2,h3,h4,h5,h6,p,ul{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-padding-start:0;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:2px;position:fixed;width:96%;z-index:99999}.logo-container,.nav{align-items:center;display:flex}.logo-container{margin-left:1rem;width:6.5rem}.logo{width:100%}.search-container{align-items:center;background:#0a0b0dd4;border:1px solid transparent;border-radius:50px;display:flex;overflow:hidden;padding-left:.7rem;width:360px}.search-container input{background-color:#23253100;background:none;border:none;caret-color:#18e588;flex:1 1;font-weight:500;outline:none;padding:.7rem 0 .7rem .5rem}.search-container input::-webkit-input-placeholder{color:#aeaeae}.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:none;border:none;color:#a8a9b0;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;outline:none;padding:.65rem}.search-container button:hover{background:#8787871d}.navbar ul{align-items:center;display:flex;justify-content:flex-end;list-style:none;padding:.7rem}.navbar ul li{cursor:pointer;padding:0 1rem}.navbar ul li ion-icon{font-size:1.8rem}.navbar ul li img{border-radius:50%;height:2rem;object-fit:cover;width:2rem}.main{display:flex}aside{margin-left:3rem;padding-top:5rem}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;cursor:pointer;display:flex;padding:1rem}aside ul li:hover{background:#21232b}aside ul li ion-icon{font-size:1.5rem;margin-right:.5rem}aside footer small{color:#4a4a4d}.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%}.video{align-items:center;background:#15161c;height:80vh;max-width:45vh;overflow:hidden;position:relative}.controls,.video{border-radius:10px;display:flex}.controls{background:linear-gradient(180deg,rgba(0,0,0,.734),transparent);box-sizing:border-box;justify-content:space-between;opacity:0;padding:1rem;position:absolute;top:0;-webkit-transform:translateY(-50px);transform:translateY(-50px);transition:all .2s;visibility:hidden;width:100%}.video:hover>.controls{opacity:1;-webkit-transform:translateY(0);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%}.video:hover>.foot{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.7)}.foot img{border-radius:50%;height:36px;object-fit:cover;width:36px}.play-pause{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%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:all .2s;width:4rem}.show-play-pause{opacity:1!important;-webkit-transform:translate(-50%,-50%) scale(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}.user-info div span{margin-left:.5rem}.user-info button{background:#18e588;border:none;border-radius:7px;cursor:pointer;font-weight:600;padding:.5rem 2rem}.reaction{align-self:flex-end;padding:1rem}.reaction,.reaction div{display:flex;flex-direction:column}.reaction div{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;cursor:pointer;justify-content:center;margin-top:1rem}.reaction div span{margin-top:5px}.reaction ion-icon{font-size:2rem}.like{-webkit-animation:like .3s ease-in forwards;animation:like .3s ease-in forwards;background:#f813482b;color:#f81348}.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){.reaction{bottom:8rem;color:#fff;position:absolute;right:0}.reaction .value{font-size:.8rem}.navigation-container{display:none}.short-container{align-items:center}}@-webkit-keyframes like{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes like{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes unlike{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes unlike{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.4026b904.css.map*/