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}: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[data-theme=dark]{--color-background:#181818;--color-background-secondary:#232323;--color-foreground:#232323;--color-border:#333;--color-text-header:#f5f5f5;--color-text-body:#ccc;--color-text-secondary:#bbb;--color-text-invert:#232323;--color-text-link:#4ec3f5;--color-branding:#7b9cff;--color-branding-transparent:#7b9cff40;--color-alert:#ff304f;--color-success:#45b81f;--color-on-hover:#ffffff0f;--box-shadow:0 10px 15px -3px #0009,0 4px 6px -2px #00000040!important;--box-shadow-hover:0 20px 25px -5px #0009,0 10px 10px -5px #00000040!important}[data-theme=dark] :root{--background-color:#181818;--text-color:#f5f5f5;--card-bg:#232323}.App{display:grid;text-align:center}[data-theme=dark].App{background-color:#181818}.App-logo{height:40vmin;pointer-events:none}main{padding-left:16px;padding-left:var(--spacing-2)}body{color:#6f6f6f;color:var(--color-text-body)}.App,body{background-color:#fcfcfc;background-color:var(--color-background)}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.app-container{box-sizing:border-box;display:flex;height:100vh;margin:0 auto;max-width:auto;padding:20px}:dark.app-container{background-color:#000}.posts-container{flex:2 1;margin-right:20px;min-width:1185px;overflow-y:auto}.subreddits-container{border-left:1px solid #ddd;flex:1 1;max-width:500px;min-width:500px;overflow-y:auto;padding-left:20px}@media (max-width:768px){.app-container{flex-direction:column}.posts-container,.subreddits-container{border:none;margin:0;max-width:100%;padding:0}}header{background-color:orange;border-radius:8px;display:flex;grid-column:1/3;justify-content:space-between;margin:5px 35px;padding:0 40px}.logo-img{fill:#151515;align-self:center;font-weight:700;height:2rem;width:2rem}header .logo{align-items:center;display:flex;padding:0}.title{color:#000;font-size:2rem;padding-left:20px}[data-theme=dark] .title{color:#fff}.title span{background-color:#151515;border-radius:10px;color:orange;font-style:italic;font-weight:500;padding:0 6px}form{align-self:center;border-radius:12px}.search{align-items:center;display:flex}.search input{border:2px solid #000;height:auto;height:max-content;min-height:1.5rem;min-width:20vw;padding-left:5px;width:100%}.search button,.search input{align-self:center;border-radius:12px}.search button{background:none;border:none;cursor:pointer;font-size:1.5rem}.theme-switch{align-items:center;background:#f3f3f3;background:var(--color-background-secondary,#f3f3f3);border:none;border-radius:999px;box-shadow:0 2px 8px #00000012;box-shadow:var(--box-shadow,0 2px 8px #00000012);cursor:pointer;display:flex;height:32px;outline:none;padding:0;position:relative;top:30px;transition:background .3s;width:80px}.theme-switch.dark{background:#232323;background:var(--color-foreground,#232323)}.theme-switch-slider{background:#3d5af1;background:var(--color-branding,#3d5af1);border:1px solid #fff;border-radius:42%;box-shadow:0 1px 4px #0000001a;height:24px;left:12px;position:absolute;top:3px;transition:left .3s,background .3s;width:24px}.theme-switch.dark .theme-switch-slider{background:#5876cd;background:var(--color-branding,#5876cd);left:40px}.theme-switch-icon{color:#444;color:var(--color-text-header,#444);font-size:1.2rem;pointer-events:none;position:absolute;right:8px;top:2px}.theme-switch.dark .theme-switch-icon{color:#f5f5f5;color:var(--color-text-header,#f5f5f5);left:8px;right:auto}.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);margin-bottom:var(--spacing-4);padding:var(--spacing-3);transition:box-shadow .1s ease-in}.post,.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{border-radius:8px;box-shadow:0 2px 8px #00000012;display:block;height:auto;margin:0 auto;max-height:400px;max-width:100%;object-fit:contain;width:auto}.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) 0;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)}.subreddit-card{display:block;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%}.selected-subreddit button{color:var(--color-branding)!important}.selected-subreddit{background:var(--color-branding-transparent);border-left:5px solid var(--color-branding)}.subreddit-card button:hover{background:var(--color-on-hover)}.subreddits-list{list-style:none;padding:0}.subreddit-icon{border-radius:50%;height:25px;margin-right:var(--spacing-1);width:25px}
/*# sourceMappingURL=main.aee27314.css.map*/