:root{--font-grey:#687684;--font-dark:#141619;--font-light:300;--font-medium:400;--font-bold:700;--color-blue:#4c9eeb;--color-white:#fff;--color-dark:#141619;--color-grey:#f7f9f9}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3{color:#141619;color:var(--font-dark);font-size:16px;font-weight:700}a{text-decoration:none}li{list-style:none}button{background:none;border:none}input,textarea{border:none;font-family:Roboto,sans-serif;font-size:14px;outline:none;padding:8px 12px}svg{color:#687684;color:var(--font-grey);font-size:24px;font-weight:300}svg:hover{color:#4c9eeb;color:var(--color-blue)}body{color:#687684;color:var(--font-grey);font-family:Roboto,sans-serif;font-size:16px;font-weight:400;font-weight:var(--font-medium)}nav{background:#fff;background:var(--color-white);border:2px solid #f7f9f9;border:2px solid var(--color-grey);bottom:0;height:50px;left:0;margin:auto;max-width:600px;position:fixed;right:0;width:100%}nav ul{height:100%;justify-content:space-evenly}nav ul,nav ul a,nav ul button{align-items:center;display:flex}nav ul a,nav ul button{flex-direction:column-reverse;gap:4px}nav ul span{color:#687684;color:var(--font-grey);font-size:12px}.app-loading{position:relative;top:-8px}.app-bar{align-items:center;background:#fff;background:var(--color-white);border:2px solid #f7f9f9;border:2px solid var(--color-grey);display:flex;height:45px;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%}.app-bar svg{color:#4c9eeb;color:var(--color-blue)}.category-list{align-items:center;display:flex;gap:20px;justify-content:flex-start;margin-left:24px;overflow:auto;padding:16px 0}.category-list button{background:#f7f9f9;background:var(--color-grey);border-radius:25px;color:#687684;color:var(--font-grey);font-family:Source Sans Pro,sans-serif;padding:2px 8px}.btn_new-thread{background:#4c9eeb;background:var(--color-blue);border-radius:26px;bottom:54px;padding:12px 14px 11px;position:absolute;right:14px}.btn_new-thread svg{color:#fff;color:var(--color-white);font-size:18px}.thread-list{display:flex;flex-direction:column;margin-bottom:34px;padding:0 24px}.thread-item{padding:12px 0}.thread-item .category{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start;margin-bottom:8px}.thread-item .category li{background:#f7f9f9;background:var(--color-grey);border-radius:15px;font-size:12px;padding:4px 8px}.thread-item h3 span{color:#687684;color:var(--font-grey);font-size:14px;font-weight:300;font-weight:var(--font-light);margin-left:8px}.thread-item h3 a{color:#141619;color:var(--font-dark)}.paragraph{font-family:Source Sans Pro,sans-serif;font-size:16px;font-weight:300;margin-top:6px}.item-action{border-bottom:2px solid #f7f9f9;border-bottom:2px solid var(--color-grey);gap:32px;justify-content:flex-start;padding:12px 0}.item-action,.item-action li{align-items:center;display:flex}.item-action li{color:#687684;color:var(--font-grey);font-size:14px;font-weight:300;font-weight:var(--font-light);gap:4px}.item-action svg{font-size:18px}.owner-thread img{border-radius:50%;height:15px;object-fit:cover;width:15px}.thread-new form{display:flex;flex-direction:column}.thread-new input{font-family:Source Sans Pro,sans-serif;font-size:24px;font-weight:700}.thread-new textarea{font-family:Source Sans Pro,sans-serif;font-size:16px;height:100%;min-height:450px}.thread-submit{bottom:-40px;position:relative;right:2px}.leaderboard-list{display:flex;flex-direction:column;margin-bottom:47px}.leaderboard-item{align-items:center;border-bottom:2px solid #f7f9f9;border-bottom:2px solid var(--color-grey);display:flex;gap:12px;padding:8px 12px}.leaderboard-item img{background:#555 no-repeat;border-radius:50%;height:55px;object-fit:cover;width:55px}.leaderboard-item p{font-size:14px;margin-top:4px}.section-detail{margin-bottom:50px;padding:0 24px}.detail-thread{padding:24px 0 0}.detail-thread header{align-items:center;color:#141619;color:var(--font-dark);display:flex;gap:12px}.detail-thread header img{background:#555 no-repeat;border-radius:50%;height:55px;object-fit:cover;width:55px}.detail-thread header span{font-size:14px;font-weight:300;font-weight:var(--font-light)}.detail-thread .detail-body{padding:12px 0}.detail-body span{font-size:16px;font-weight:300}.detail-thread .item-action{border-top:2px solid #f7f9f9;border-top:2px solid var(--color-grey);padding:12px 0}.detail-body span{display:block;margin-top:24px}.comment-item{margin-left:42px;padding:12px 0}.comment-item header{align-items:center;color:#141619;color:var(--font-dark);display:flex;gap:12px}.comment-item header img{background:#555 no-repeat;border-radius:50%;height:55px;object-fit:cover;width:55px}.comment-item header h4 span,.comment-item header span{font-size:14px;font-weight:300;font-weight:var(--font-light)}.comment-item header h4 span{color:#687684;color:var(--font-grey);margin-left:8px}.comment-input{align-items:center;background:#fff;background:var(--color-white);display:flex;gap:12px;padding-bottom:12px}.comment-input input{background:#f7f9f9;background:var(--color-grey);border-radius:25px;width:100%}.comment-input input:focus{outline:2px solid #4c9eeb;outline:2px solid var(--color-blue)}.comment-input button{display:inline}
/*# sourceMappingURL=main.796ad4e7.css.map*/