body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.226);column-gap:2vw;height:8vh;justify-content:space-between;left:0;min-height:60px;position:fixed;top:0;width:100%;z-index:10}.navmenu-navlink,header{align-items:center;display:flex}.navmenu-navlink{color:#0009;column-gap:20px;height:70%}.navmenu-navlink .nav-menu{display:none;transform:scale(1.5)}.nav-link{color:inherit;text-decoration:none}.logo-caption{align-items:center;column-gap:5px;display:flex}.logo-caption img{width:50px}.search-form{background-color:rgba(143,153,183,.241);border-radius:20px;display:flex;flex:10 1;height:70%;max-width:600px;position:relative}.login-box{visibility:hidden}.login-box *{margin-left:10px}.logo-caption button{background-color:#0000;border:none;font-weight:700;letter-spacing:-1px;line-height:.5}.logo-caption .caption{font-size:26px;font-weight:700}.caption .span{color:red}.search-form .icon{align-self:center;left:17px;opacity:.5;position:absolute;transform:scale(1.4)}.search-form .searchInput{background-color:#0000;border:none;box-sizing:border-box;flex:1 1;outline:none;padding-left:40px}@media only screen and (max-width:1200px){.navmenu-navlink .nav-menu{display:none}}@media only screen and (max-width:960px){.logo-caption .caption{display:none}}*{--div-bd-radius:15px;box-sizing:border-box;margin:0;padding:0}.App{background-color:#fff;position:relative;top:max(9vh,70px)}.App>*{padding-left:2vw;padding-right:3vw}.nav,.page{padding-bottom:15px;padding-top:10px}.nav{background-color:#fff;border:0;border-right:1px solid rgba(0,0,0,.226);display:none;height:min(92vh,calc(100vh - 60px));left:0;overflow-y:scroll;overscroll-behavior:contain;position:fixed;scrollbar-color:#0000 #fff0;scrollbar-width:thin;top:max(8vh,60px);width:270px;z-index:6}.nav:hover{scrollbar-color:rgba(0,0,0,.226) #fff0}.page{margin:0 auto;padding-left:4%;padding-right:4%}.main-container{grid-column-gap:4%;column-gap:4%;display:grid;grid-template-columns:72% 24%}.main-container>*{width:100%}@media only screen and (max-width:1200px){.main-container{column-gap:3%;grid-template-columns:69% 28%}.page{padding-left:3%;padding-right:2%}}@media only screen and (max-width:950px){.main-container{grid-template-columns:100%}}.main{display:flex;flex-direction:column;row-gap:20px}.post.skeleton>*{padding:0}.post{border-radius:var(--div-bd-radius);box-shadow:0 3px 2px 1px #0000001a;padding:5px 40px}.post>*{margin:10px 0;padding:0 10px}.post-details{align-items:center;column-gap:5px;display:flex}.post-details .icon{border-radius:50%;height:30px;width:30px}.post-details .post-time{font-size:12px;font-weight:300;margin-left:15px}.post .post-linktext,.post .post-text{white-space:pre-wrap;word-break:break-word}.post-text{border-radius:10px;max-height:5em}.post-text li{list-style-position:inside;white-space:normal;*{display:inline}}.post-text.overflow{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;max-height:max-content;overflow:clip;padding-bottom:5px;padding-top:3px}.post-text:hover.overflow{background-color:#80808012;cursor:pointer}.post-text.show{background-color:inherit;box-shadow:none;display:block;max-height:max-content}.post-img,.post-video{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-blend-mode:hue;background-image:var(--image-url),linear-gradient(#78706d,#78706d);border-radius:var(--div-bd-radius);margin-bottom:0;max-height:500px;object-fit:contain;width:100%}.interactions{display:flex;justify-content:space-between;margin-bottom:0;min-height:25px}.ups{margin:auto 10px}.comments-button:hover{cursor:pointer}.comments-button,.downvote,.upvote{transform:scale(1.5)}.post .num-comments{margin:auto 0 auto 7px}@media only screen and (max-width:1100px){.post{padding:5px 15px}}@media only screen and (max-width:750px){.post{padding:5px 10px}.post-img,.post-video{max-height:250px}}.comments{margin-top:20px}.comment{word-wrap:break-word;background-color:#80808017;border-radius:20px;margin:12px 0 12px 10px;padding:2px 5px 5px 0;position:relative;white-space:pre-wrap}.comment .comment-details{align-content:center;margin-bottom:5px;min-height:30px}.comment .icon{background-color:#0003;border-radius:50%;height:20px;left:-10px;position:absolute;top:2px;width:20px}.comment .comment-time{font-size:12px;font-weight:300;margin-left:15px}.comment>*{margin-left:20px}.comment:hover{box-shadow:3px 3px 2px 3px #0003}.comment-body li{list-style-position:inside;white-space:normal;*{display:inline}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}aside{background-color:#f5f5f5;border-radius:var(--div-bd-radius);color:#333;height:80vh;overflow-y:scroll;overscroll-behavior:contain;padding:5px 9%;position:sticky;scrollbar-color:#0000 #fff0;top:max(8vh,60px)}aside .heading{text-transform:uppercase}.sr{list-style:none;padding:10px}.sr-figure{align-items:center;column-gap:10px;display:flex;font-size:14px;justify-content:flex-start}.sr-figure:hover *{transform:scale(1.2)}.sr-figure:hover{column-gap:25px}.sr *{color:#000;text-decoration:none}.sr-figure>.icon{border-radius:50%;height:40px;width:40px}.sr-detail2{font-weight:300}@media only screen and (max-width:950px){.main-container aside{display:none}}@media only screen and (max-width:1100px){aside{padding:5px 2% 5px 5%}.sr{padding-bottom:0}.sr-figure>.icon{height:30px;width:30px}.sr-figure .sr-detail2{font-size:12px}}
/*# sourceMappingURL=main.92476c1a.css.map*/