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{grid-gap:var(--spacing-2);display:grid;grid-template-columns:1fr 2fr 2fr 1fr}main{grid-column:1/3;padding-left:var(--spacing-2)}a{color:var(--color-text-link)}header{grid-gap:var(--spacing-2);align-content:center;display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr 1fr}@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:#3d5af140;--color-alert:#ff304f;--color-success:#45b81f;--color-on-hover:#0000000f;--box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;--box-shadow-hover:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!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{align-items:center;border-top:1px solid var(--color-border);display:flex;font-size:.75rem;justify-content:space-between;margin-top:var(--spacing-2);padding-top:var(--spacing-1)}.post-details .author-username{color:var(--color-branding);font-weight:700}.post-image-container{border-radius:var(--radius-2);overflow:hidden;width:100%}.post-image-container .post-image{width:100%}.post-title{color:var(--color-text-header);margin:0;margin-bottom:var(--spacing-2)}.post-votes-container{align-items:center;display:flex;flex-direction:column;margin-right:var(--spacing-3)}.icon-action{font-size:1.5rem}.post-votes-container .post-votes-value{font-weight:700;margin:var(--spacing-1) 0}.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{align-items:center;background:none;border:none;border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer;display:flex;padding:0}.icon-action-button:hover{background:var(--color-on-hover)}.post-comments-container{align-items:center;display:flex}.post-comments-container .icon-action{margin-right:var(--spacing-0)}.author-details{align-items:center;display:flex}.showing-comments{color:var(--color-branding)}.card{background:var(--color-foreground);border-radius:var(--radius);box-shadow:var(--box-shadow);color:var(--color-text-secondary);margin-bottom:var(--spacing-4);padding:var(--spacing-3);transition:box-shadow .1s ease-in}.card:hover{box-shadow:var(--box-shadow-hover)}.comment{background:var(--color-background);border-radius:var(--border-radius);margin:var(--spacing-1);padding:var(--spacing-2);transition:box-shadow .1s ease-in}.comment:hover{box-shadow:var(--box-shadow)}.comment-metadata{align-items:center;display:flex;margin-bottom:var(--spacing-2)}.comment-created-time{font-style:italic;margin-left:auto}.comment-author{color:var(--color-branding);font-weight:700}.avatar-profile-image{border-radius:50%;height:20px;margin-right:var(--spacing-1)}.post-votes-value-loading{width:2ch!important}.post{background:var(--color-foreground);border-radius:var(--radius);box-shadow:var(--box-shadow);color:var(--color-text-secondary);display:flex;margin-bottom:var(--spacing-4);padding:var(--spacing-3);transition:box-shadow 0,1s ease-in}.error{align-items:center;display:flex;flex-direction:column;justify-content:center}.error button{background:var(--color-branding);border:none;border-radius:var(--radius);color:var(--color-text-invert);cursor:pointer;font-size:1rem;padding:var(--spacing-2) var(--spacing-4)}header .logo{align-items:center;display:flex;font-weight:700;grid-column:1/2;padding:var(--spacing-1) 0}header{background-color:var(--color-foreground);box-shadow:var(--box-shadow);color:var(--color-branding);height:64px;padding:0 var(--spacing-5)}header .logo-icon{font-size:2rem;grid-column:2/3;margin-right:var(--spacing-1)}header span{color:var(--color-text-header)}.search{align-items:center;display:flex}.search input{background-color:var(--color-background-secondary);border:none;border-radius:var(--radius);flex-grow:1;height:max-content;padding:var(--spacing-1) var(--spacing-2)}.search button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem}.subreddit-card{padding-right:var(--spacing-2)}.subreddit-card h2{color:var(--color-text-header);margin-top:0}.subreddit-card button{align-items:center;background:none;border:none;border-radius:var(--radius);color:var(--color-text-body);cursor:pointer;display:flex;font-weight:600;padding:var(--spacing-2);width:100%}.subreddit-card button:hover{background:var(--color-on-hover)}.selected-subreddit button{color:var(--color-branding)!important}.selected-subreddit{background:var(--color-branding-transparent);border-left:5px solid var(--color-branding)}.subreddits-list{list-style:none;padding:0}.subreddit-icon{border-radius:50%;height:25px;margin-right:var(--spacing-1);width:25px}
/*# sourceMappingURL=main.bc25f210.css.map*/