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}#root{display:grid;grid-template-areas:"header header header" "sidebar main main" "footer footer footer";grid-template-columns:1fr 1fr 2fr;grid-template-rows:auto}header{grid-area:header}aside{grid-area:sidebar}aside,main{padding-left:1rem}main{grid-area:main}footer{grid-area:footer}@media only screen and (max-width:600px){#root{display:grid;grid-template-areas:"header header header" "sidebar sidebar sidebar" "main main main" "footer footer footer";grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto}aside,main{width:100%}aside{padding:1rem}}*{box-sizing:border-box}main{margin-top:4rem;padding-right:1em}.menu-btn{border:none;color:#000;cursor:pointer;display:none;font-size:1.5rem}.sidebar{background-color:#fff;height:calc(100vh - 4rem);margin-top:4rem;overflow-y:auto;padding:0;position:fixed;width:300px;z-index:998}.sidebar.visible{transform:translateX(0)}footer{background:#f1f1f1;color:#333;margin-top:2em;padding:1em 0;text-align:center}@media (max-width:768px){.sidebar{border-right:2px solid #e0e0e0;position:fixed;transform:translateX(-100%);z-index:1000}.sidebar.hidden{transform:translateX(0)}main{padding:0;width:96vw}.posts-container{padding:.4em}.menu-btn{display:block}}@media (min-width:768px){.sidebar{background-color:#fff;height:calc(100vh - 4rem);margin-top:4rem;overflow-y:auto;width:300px;z-index:998}main{margin-left:300px;width:calc(100vw - 320px)}.menu-btn{display:none}}.subreddit-icon{border-radius:50%;height:2rem;width:2rem}.subreddits-container{box-shadow:0 2px 8px 0 #63636333;display:flex;flex-direction:column;padding-left:.5em}.subreddit-item-container button{background-color:#fff;border:none;cursor:pointer;margin:.1rem 0;padding:.7rem;text-align:left;transition:.3s;width:100%}.subreddit-item-container button:hover{background-color:#b3b7ba98}.subreddit-title{font-size:1rem;margin-left:2rem}.subreddit-item-container{align-items:center;display:flex;gap:.5rem}.subreddit-item-container button>*{display:inline-block;vertical-align:middle}button.active-subreddit{background-color:#eacfc7;color:#2961e5;font-weight:700}.skeleton-subreddits{height:2.5em}.subreddits-container2{background-color:#fff;height:calc(100vh - 4rem);margin-top:4rem;overflow-y:auto;position:fixed;width:360px;z-index:998}.subreddit-list{padding-bottom:1em}@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}}.comment-item-container{box-shadow:0 4px 12px #00000014;padding:1rem}.commentor-profile-image{border:1px solid #7c7878;border-radius:50%;height:2rem;width:2rem}.comment-item-header{align-items:center;display:flex;gap:.5rem}.comment-author{font-weight:700}.post-container{border-radius:1rem;box-shadow:0 7px 29px 0 #64646f33;margin-top:2rem;padding:1rem}.post-menus-container{display:flex;flex-direction:row;gap:1rem}.post-image{margin-bottom:.5rem;overflow:hidden;width:100%}.avatar-profile-image{border-radius:50%;height:20px;margin-right:var(--spacing-1)}.post-comments-container{margin-top:1rem;max-height:400px;overflow-y:auto}.poster-profile-image{border:1px solid #7c7878;border-radius:50%;height:2rem;width:2rem}.post-header{align-items:center;display:flex;gap:.5rem}.post-author{color:#0d54a0;font-weight:700}.post-menus-container span{font-size:1rem}.comment-button,.vote-buttons-container{align-items:center;background-color:#e9e6e6;border-radius:1rem;display:flex;padding:.2rem}.comment-button{gap:.6rem;padding:.4em 1.5em}.message-icon,.vote-icon{font-size:1.5rem;padding:1px}.vote-buttons-container button,button.comment-button{background-color:#e9e6e6;border:none;border-radius:1rem;cursor:pointer;margin:0;transition:.3s}.comment-button:hover,.vote-buttons-container button.up-vote:hover{background-color:#a09696;color:#69e38c}button.down-vote:hover{background-color:#a09696;color:#d52424}.up-vote-active{color:#23d635;font-weight:700}.down-vote-active{color:#db2e2e;font-weight:700}hr{border-width:1px;color:#eee8e8;height:1px}.skeleton-comments{height:3em;margin:.3em;width:98%}.no-posts-found{background-color:#f6dfdf;padding:.2em;width:50%}.skeleton-posts{height:15em;margin:.5em;width:98%}header{background-color:#fff;box-shadow:0 1px 8px #0003;flex-direction:row;justify-content:flex-end;padding:1rem 0 1rem .5em;position:fixed;width:100%}form,header{align-items:center;display:flex}form{margin-left:auto}header>*{flex-grow:1}header .logo-container{align-items:center;display:flex;width:60%}header .logo-text{color:#ff4500;font-family:Arial,sans-serif;font-size:1.4rem;font-weight:300}header .logo-text strong{color:#2c3e50;font-weight:700}form.search{display:flex}header input{background-color:#eef2f4;border:none;border-radius:.5em;padding:1em;width:100%}header button{background-color:#fff;border:none;cursor:pointer;margin-left:.1em;padding:0}.logo-icon{color:#e35b64;height:2rem;width:4rem}header .search-icon{height:2em;width:4rem}header button,header input{height:2rem}.footer-container{padding:1rem;text-align:center}
/*# sourceMappingURL=main.2d11c83a.css.map*/