body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:var(--spacing-2)}main{padding-left:var(--spacing-2);grid-column:1/3}a{color:var(--color-text-link)}header{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:var(--spacing-2);align-content:center}@media only screen and (max-width:600px){#root{grid-template-columns:1fr}main{grid-column:1;padding:1rem}}:root{--color-background:#fcfcfc;--color-background-secondary:#f3f3f3;--color-foreground:#fff;--color-border:#e6e6e6;--color-text-header:#444;--color-text-body:#6f6f6f;--color-text-secondary:#717171;--color-text-invert:#fff;--color-text-link:#4ec3f5;--color-branding:#3d5af1;--color-branding-transparent:rgba(61,90,241,0.25);--color-alert:#ff304f;--color-success:#45b81f;--color-on-hover:rgba(0,0,0,0.06);--box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)!important;--box-shadow-hover:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)!important;--spacing-0:4px;--spacing-1:8px;--spacing-2:16px;--spacing-3:24px;--spacing-4:36px;--spacing-5:64px;--radius:4px;--radius-2:8px}body,html{background:#fcfcfc;background:var(--color-background);color:#6f6f6f;color:var(--color-text-body)}p{margin:0}.post-wrapper{display:flex}.post-container{width:100%}.post-details{margin-top:var(--spacing-2);border-top:1px solid var(--color-border);padding-top:var(--spacing-1);font-size:.75rem;display:flex;justify-content:space-between;align-items:center}.post-details .author-username{color:var(--color-branding);font-weight:700}.post-image-container{width:100%;overflow:hidden;border-radius:var(--radius-2)}.post-image-container .post-image{width:100%}.post-title{margin:0;margin-bottom:var(--spacing-2);color:var(--color-text-header)}.post-votes-container{margin-right:var(--spacing-3);display:flex;flex-direction:column;align-items:center}.icon-action{font-size:1.5rem}.post-votes-container .post-votes-value{margin:var(--spacing-1) 0;font-weight:700}.post-votes-value.up-vote{color:var(--color-success)!important}.post-votes-value.down-vote{color:var(--color-alert)!important}.up-vote.active,.up-vote:hover{color:var(--color-success)!important}.down-vote.active,.down-vote:hover{color:var(--color-alert)!important}.icon-action-button{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:0;display:flex;align-items:center;border-radius:var(--radius)}.icon-action-button:hover{background:var(--color-on-hover)}.post-comments-container{display:flex;align-items:center}.post-comments-container .icon-action{margin-right:var(--spacing-0)}.author-details{display:flex;align-items:center}.showing-comments{color:var(--color-branding)}.card{background:var(--color-foreground);box-shadow:var(--box-shadow);margin-bottom:var(--spacing-4);border-radius:var(--radius);padding:var(--spacing-3);transition:box-shadow .1s ease-in;color:var(--color-text-secondary)}.card:hover{box-shadow:var(--box-shadow-hover)}.comment{background:var(--color-background);margin:var(--spacing-1) 0;padding:var(--spacing-2);transition:box-shadow .1s ease-in;border-radius:var(--border-radius)}.comment:hover{box-shadow:var(--box-shadow)}.comment-metadata{display:flex;margin-bottom:var(--spacing-2);align-items:center}.comment-created-time{margin-left:auto;font-style:italic}.comment-author{font-weight:700;color:var(--color-branding)}.avatar-profile-image{border-radius:50%;height:20px;margin-right:var(--spacing-1)}.post-votes-value-loading{width:2ch!important}.post{display:flex;background:var(--color-foreground);box-shadow:var(--box-shadow);margin-bottom:var(--spacing-4);border-radius:var(--radius);padding:var(--spacing-3);transition:box-shadow .1s ease-in;color:var(--color-text-secondary)}.error{display:flex;flex-direction:column;justify-content:center;align-items:center}.error button{color:var(--color-text-invert);background:var(--color-branding);border:none;border-radius:var(--radius);font-size:1rem;padding:var(--spacing-2) var(--spacing-4);cursor:pointer}header .logo{font-weight:700;padding:var(--spacing-1) 0;grid-column:1/2;display:flex;align-items:center}header{color:var(--color-branding);background:var(--color-foreground);box-shadow:var(--box-shadow);height:64px;padding:0 var(--spacing-5)}header .logo-icon{grid-column:2/3;margin-right:var(--spacing-1);font-size:2rem}header span{color:var(--color-text-header)}.search{display:flex;align-items:center}.search input{flex-grow:1;background:var(--color-background-secondary);border:none;padding:var(--spacing-1) var(--spacing-2);height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:var(--radius)}.search button{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:1.5rem}.subreddit-card{padding-right:var(--spacing-2)}.subreddit-card h2{margin-top:0;color:var(--color-text-header)}.subreddit-card button{background:none;border:none;display:flex;align-items:center;color:var(--color-text-body);font-weight:600;cursor:pointer;width:100%;padding:var(--spacing-2);border-radius:var(--radius)}.selected-subreddit button{color:var(--color-branding)!important}.selected-subreddit{border-left:5px solid var(--color-branding);background:var(--color-branding-transparent)}.subreddit-card button:hover{background:var(--color-on-hover)}.subreddits-list{list-style:none;padding:0}.subreddit-icon{height:25px;width:25px;border-radius:50%;margin-right:var(--spacing-1)}
/*# sourceMappingURL=main.791fefe6.chunk.css.map */