html{box-sizing:border-box;font-size:100%}body{margin:0 auto;padding:0;min-height:100vh;color:#fff;background-color:#202020;font-family:Roboto,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.4rem}*{scrollbar-width:thin;scrollbar-color:#606060 #181818}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#181818}::-webkit-scrollbar-thumb{background-color:#606060}button:focus,button:hover{cursor:pointer;outline:none}input{outline:none}.sideNav{width:4.4rem;font-size:.6em;position:fixed;margin-top:.5rem;color:#909090}.sideNav ul{padding-left:0;margin:0;list-style-type:none}.sideNav ul p{height:4.55rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;transition:18ms}.sideNav ul p:hover:not(a:first-child){background-color:#404040}.sideNav ul p:first-child{height:3.6rem}.sideNav ul li:first-child svg:hover{padding:6px;background-color:#404040;border-radius:50%}.filter-bar-container{position:relative}.filter-bar{-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;margin-left:4.5rem;height:3.5rem;-webkit-border-after:1px solid #404040;border-block-end:1px solid #404040;z-index:1;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth}.filter-bar::-webkit-scrollbar{display:none}.filter-bar{-ms-overflow-style:none;scrollbar-width:none}.filter-button{background-color:#373737;color:#fff;height:2.2rem;border:1px solid #4b4b4b;margin:12px 12px 12px 0;border-radius:20px;padding-right:8.5px;transition:.28s}.filter-button:hover{background-color:#4d4d4d}.selected{color:#030303;background-color:#fff}.selected:hover{background-color:#909090}.arrow{position:absolute;height:100%;z-index:2}.arrow,.hide{display:none}.show{display:-webkit-flex;display:flex}.left{left:0}.left .arrow-button{-webkit-justify-content:flex-start;justify-content:flex-start;background:linear-gradient(270deg,rgba(33,33,33,0) -2%,#202020 47%)}.right{right:0;top:0}.right .arrow-button{-webkit-justify-content:flex-end;justify-content:flex-end;background:linear-gradient(90deg,rgba(33,33,33,0) -2%,#202020 47%)}.arrow-button{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:5rem;height:100%}.arrow-button svg{padding:.5rem;border-radius:50%;transition:all .28s}.arrow-button svg:hover{background-color:#373737;cursor:pointer}.header{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;margin-left:4.5rem;height:3.8rem;-webkit-border-after:1px solid #404040;border-block-end:1px solid #404040}.reddit-logo{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;min-width:8rem}.reddit-logo h3{margin-left:.6rem}.go-back-button{padding:.5rem;border-radius:50%}.header-user-features,.inputForm{-webkit-flex:1 1;flex:1 1}.input{-webkit-flex:3 1;flex:3 1;min-width:0}.header-user-features{-webkit-flex:1 1;flex:1 1;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;margin-left:20.19px;margin-right:20.19px}.icon-container{position:relative}.user-icon{padding:.5rem}.icon-label{padding:.4rem;color:#fff;background-color:rgba(90,90,90,.788);border-radius:2px;position:absolute;top:45px;right:-4px;opacity:0;transition:opacity .28s;font-size:.75rem;z-index:3}.user-icon:hover+p{opacity:1}.input-form{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}input{background-color:#121212;color:#d1d1d1;border:1px solid #303030;height:1.75rem;font-size:.9rem;-webkit-flex-basis:34.5rem;flex-basis:34.5rem;border-radius:2px 0 0 2px;padding:2px 6px;min-width:0}.button-container{position:relative}.search-button{background-color:#313131;border-radius:0 2px 2px 0;height:2.1rem;min-width:4.06rem;border-inline:none;border-block:1px solid #303030}input:focus{border:.2px solid #0059ff;box-shadow:0 0 10px #313131}.search-label{padding:.4rem;color:#fff;background-color:rgba(90,90,90,.788235294117647);border-radius:2px;position:absolute;right:7px;top:38px;opacity:0;transition:opacity .28s;font-size:.75rem;z-index:2}button:hover+p{opacity:1}.post-block{margin-bottom:15px;width:82%;margin-left:auto;margin-right:auto;height:10rem;overflow:hidden}.image-container,.post-block{display:-webkit-flex;display:flex}.image-container{-webkit-flex-basis:15rem;flex-basis:15rem;background-color:#202021;-webkit-align-items:center;align-items:center;min-width:230px}.content-image{width:100%;border-radius:2.5px;max-height:100%}.post-data{margin-left:13px;min-width:0;color:#a5aa9c;-webkit-flex-basis:80%;flex-basis:80%}.post-data .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.2rem;font-weight:300;color:#fff;margin-top:0;margin-bottom:2px}.post-data p{font-size:.75rem;margin:0}.upvotes-date-data{display:-webkit-flex;display:flex}.upvotes-date-data p span{margin:0 4px}.subreddit{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;padding:12px 0}.subreddit svg{min-width:24px}.subreddit-icon{height:1.7rem;width:1.7rem;border-radius:50%}.subreddit p{margin-left:7px}.subreddit-label{padding:.4rem;color:#fff;background-color:rgba(90,90,90,.788235294117647);border-radius:2px;position:absolute;left:22px;bottom:42px;opacity:0;transition:opacity .28s}.subreddit-name:hover+p{opacity:1}.posts-container{display:-webkit-inline-flex;display:inline-flex;margin-left:4.5rem;background-color:#181818;min-height:100vh}.posts-list{width:100vh;margin-top:1.5rem;-webkit-flex:1 1;flex:1 1}.post-data-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.subreddit span:nth-child(2){margin-left:4px}.skeleton-content-image{width:auto}.App{text-align:center}.App-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.App-container a:link,.App-container a:visited{text-decoration:inherit;color:inherit}@media (max-width:660px){.filter-bar,.header,.posts-container{margin:0}.sideNav{bottom:0;margin:0;width:100%;z-index:2;background-color:#202020;color:#fff}.sideNav ul{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sideNav ul p{display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex:1 1;flex:1 1;height:3.2rem;margin:0}.sideNav ul p:first-child{display:none}}@media (max-width:580px){.post-block{-webkit-flex-direction:column;flex-direction:column;height:15rem;width:100%}.image-container{display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;height:65%;width:100%;-webkit-flex-basis:auto;flex-basis:auto}.content-image{height:156px;width:auto;max-width:100%}.post-data-container{-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;align-items:flex-start;margin-top:12px}.post-data-container .subreddit{padding:0 12px}.post-data{margin:0 auto;-webkit-flex-basis:35%;flex-basis:35%}.skeleton-post-block{-webkit-align-items:center;align-items:center}.skeleton-post-data-mobile{display:-webkit-flex;display:flex;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.skeleton-post-data-container-mobile{-webkit-flex-direction:column;flex-direction:column}.skeleton-subreddit-mobile{-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center;padding:10px}.skeleton-subreddit-mobile span:first-child{width:20px;height:20px;border-radius:50%}.skeleton-subreddit-mobile span:nth-child(2){display:none}}@media (max-width:460px){.header .reddit-logo svg{width:1.4rem;height:1.4rem}.header .mobile-search-button{background-color:#202020;border:none}.header .go-back-arrow{margin:0}.header .input{margin:0 7px 0 0}}@media (max-width:350px){.header-user-features{-webkit-justify-content:flex-end;justify-content:flex-end;margin:0 6px 0 0}.icon-container:not(.icon-container:first-child){display:none}}
/*# sourceMappingURL=main.68c23c75.chunk.css.map */