@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.navigation{flex-shrink:0;flex-grow:0;flex-basis:7rem;padding:1rem;display:flex;flex-direction:column;align-items:center}.navigation .logo{width:5rem;height:auto;display:block}.navigation .menu ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.navigation .menu li{margin-bottom:1.5rem;position:relative;overflow:hidden}.navigation .menu li a{position:relative;z-index:1;width:1.5rem;height:1.5rem;display:block;text-indent:-9999em}.navigation .menu li:after{content:"";position:absolute;top:0;left:0;display:block;width:1.5rem;height:1.5rem;background-size:100%;background-position:50%;background-repeat:no-repeat}.navigation .menu--main{margin-top:2.5rem}.navigation .menu--main li:first-child:after{background-image:url(/static/media/dashboard.3f2a3f5a.svg)}.navigation .menu--main li:nth-child(2):after{background-image:url(/static/media/conversations.83efb629.svg)}.navigation .menu--main li:nth-child(3):after{background-image:url(/static/media/current.6e6d9e0b.svg)}.navigation .menu--user{margin-top:auto}.navigation .menu--user li:first-child:after{background-image:url(/static/media/inbox.39812607.svg)}.navigation .menu--user li:nth-child(2):after{background-image:url(/static/media/mail.bcfa6ca8.svg)}.navigation .menu--user li:nth-child(3):after{background-image:url(/static/media/print.4569d6c7.svg)}.navigation .menu--user li:nth-child(4):after{background-image:url(/static/media/settings.101c777e.svg)}.navigation .menu--user li:nth-child(5):after{background-image:url(/static/media/info.c1e03a4d.svg)}.navigation .profile{background:#ff6c6c;width:3rem;height:3rem;margin-bottom:1rem;border-radius:50%;text-align:center;line-height:3rem;color:#fff;text-decoration:none;font-weight:700;font-size:1.125rem}.pill{border-radius:1rem 1rem 1rem 1rem;height:2rem;background-repeat:no-repeat;background-position:.375rem;color:#fff;font-weight:600;font-size:.875rem;display:inline-block;padding:0 1rem}.pill--topic{background:#e1e3e4}.pill--topic span{line-height:2rem;color:#757c85}.pill--topic.pill--active{background:#757c85}.pill--topic.pill--active span{color:#fff}.pill--mood{padding-left:0}.pill--mood span{line-height:2rem;padding-left:2rem}.pill--highlight{cursor:pointer}.pill--small{height:1.125rem;border-radius:.5625rem;padding:0 .5rem;font-size:.75rem;background:#757c85}.pill--small span{line-height:1.125rem;color:#fff}.pill--icon{width:2rem}.pill--sad{background-color:#ff6c6c;background-image:url(/static/media/sad.dae21287.svg)}.pill--sad.pill--highlight{background-color:#e1e3e4;background-image:url(/static/media/sad--dark.76e32133.svg)}.pill--sad.pill--highlight.pill--active{background-color:#ff6c6c;background-image:url(/static/media/sad.dae21287.svg)}.pill--meh{background-color:#ffcd6c;background-image:url(/static/media/meh.afd51f59.svg)}.pill--meh.pill--highlight{background-color:#e1e3e4;background-image:url(/static/media/meh--dark.aa59ed82.svg)}.pill--meh.pill--highlight.pill--active{background-color:#ffcd6c;background-image:url(/static/media/meh.afd51f59.svg)}.pill--happy{background-color:#a3e7a1;background-image:url(/static/media/happy.2cdeb853.svg)}.pill--happy.pill--highlight{background-color:#e1e3e4;background-image:url(/static/media/happy--dark.aca22a3d.svg)}.pill--happy.pill--highlight.pill--active{background-color:#a3e7a1;background-image:url(/static/media/happy.2cdeb853.svg)}.pill-list{margin:0;padding:0;list-style:none;display:flex}.pill-list__item{margin:0 .25rem}.pill-list__item:first-child{margin-left:0}.pill-list__item:last-child{margin-right:0}.mood{position:relative;margin-bottom:2rem}.mood__percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700}.mood .sentiment-percentage{transform:rotate(-90deg)}.mood .sentiment-percentage circle{fill:none;stroke-width:1rem}.mood .sentiment-percentage .full{stroke:#e1e3e4}.mood .sentiment-percentage .percentage{stroke-dasharray:270;stroke-dashoffset:270;stroke:#757c85}.mood small{text-align:center;display:block;font-weight:600;position:absolute;width:100%;top:calc(100% + .5rem)}.mood--sad .mood__percentage{color:#ff6c6c}.mood--sad .sentiment-percentage .full{stroke:rgba(255,108,108,.3)}.mood--sad .sentiment-percentage .percentage{stroke:#ff6c6c}.mood--meh .mood__percentage{color:#ffcd6c}.mood--meh .sentiment-percentage .full{stroke:rgba(255,205,108,.3)}.mood--meh .sentiment-percentage .percentage{stroke:#ffcd6c}.mood--happy .mood__percentage{color:#a3e7a1}.mood--happy .sentiment-percentage .full{stroke:rgba(163,231,161,.3)}.mood--happy .sentiment-percentage .percentage{stroke:#a3e7a1}.mood-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;position:relative;width:calc(100% + 1rem);left:-.5rem}@media only screen and (min-width:1480px){.mood-list{flex-wrap:nowrap}}.mood-list__item{height:auto;flex-shrink:0;flex-grow:0;flex-basis:100%;padding:0 30%;margin:0 auto}@media only screen and (min-width:1480px){.mood-list__item{flex-shrink:1;flex-basis:33.33333%;padding:0;margin:0 .5rem}}.post{box-shadow:0 4px 4px rgba(0,0,0,.05);position:relative;background:#fff;padding:1rem;margin-bottom:1rem;width:100%;display:flex;flex-direction:column;border-radius:.25rem}.post:after{content:"";display:block;position:absolute;height:1px;width:1rem;top:50%;left:-1rem;background:#bbc5d0}.post__header{display:flex}.post__image{width:3rem;height:auto;display:block;border-radius:50%;margin-right:1rem;align-self:flex-start}.post__details{display:flex;flex-wrap:wrap}.post__details h3{margin:0 0 1rem;display:inline-block;font-weight:700;font-size:.875rem}.post__details>span{font-size:.875rem;color:#bbc5d0;font-weight:600}.post__details>span:before{content:"";display:inline-block;background:#bbc5d0;width:.25rem;height:.25rem;border-radius:50%;margin:0 .5rem;transform:translateY(-50%)}.post__details .pill--topic{align-self:flex-start}.post__text{margin-bottom:0;font-weight:600;line-height:1.4em}.post--active{box-shadow:0 0 32px 16px rgba(0,0,0,.1)}.post--inactive{height:4rem}.post--inactive:before{content:"...";font-size:2rem;line-height:.625rem}.post--inactive .post__header,.post--inactive .post__text{display:none}.post--inactive .pill{opacity:.7}.post .pill--mood{border-radius:1rem .25rem .25rem 1rem;box-shadow:0 4px 4px rgba(0,0,0,.05);position:absolute;width:2.75rem;right:-.375rem;top:1rem}.post-list{margin:2rem;padding:0;list-style:none;display:block;height:100%}.post-list ul{margin:0;padding:0 0 0 2rem;list-style:none}.post-list__item{position:relative}.post-list__item:before{content:"";display:block;position:absolute;height:100%;width:1px;top:0;left:1rem;background:#bbc5d0}.post-list__item--1{margin-bottom:2rem}.post-list__item--1>.post:after{display:none}.post-list__item--2:last-child>.post{z-index:1}.post-list__item--2:last-child>.post:after{background-color:transparent;height:50%;width:1rem;top:0;border-left:1px solid #bbc5d0;border-bottom:1px solid #bbc5d0}.post-list__item--2:last-child:after{content:"";position:absolute;display:block;background:#fafafa;left:-1rem;width:1px;height:100%;top:auto;bottom:0}.post-list__item--3:before{display:none}.post-list__item--3:last-child:before{display:block;background:#fafafa;left:-1rem;height:50%;top:auto;bottom:0}.highlight-bar{position:absolute;top:0;background:#fafafa;width:calc(100% - 27rem);z-index:1;height:5.5rem;left:7rem;border-bottom:1px solid #e1e3e4;padding:0 2rem;display:flex}@media only screen and (min-width:1480px){.highlight-bar{width:calc(100% - 33rem)}}.highlight-bar h6{margin:1rem 0 0}.highlight-bar__left{display:flex;flex-direction:column;padding-bottom:1rem}.highlight-bar__left .pill-list{margin-top:auto}.highlight-bar__right{display:flex;flex-direction:column;padding-bottom:1rem;margin-left:auto}.highlight-bar__right .pill-list{margin-top:auto}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-loader{position:absolute;width:2.5rem;height:2.5rem;top:50%;left:50%;transform:translate(-50%,-50%)}.page-loader:after{content:"";position:absolute;display:block;width:100%;height:100%;margin:0;background:transparent;border-top:.125rem solid #ff6c6c;border-right:.125rem solid #ff6c6c;border-bottom:.125rem solid transparent;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.flex-break{flex-basis:100%;height:0}body{font-family:"Open Sans",sans-serif;color:#757c85}body,h6{font-weight:400}h6{margin:2rem 0 1rem;text-transform:uppercase}.container{box-shadow:0 4px 4px rgba(0,0,0,.05);height:calc(100vh - 2rem);margin:1rem;overflow:hidden;background:#f2f3f3;border-radius:.25rem;display:flex}.container,main{position:relative}main{flex-shrink:0;flex-grow:0;flex-basis:calc(100% - 27rem);background:#fafafa;height:calc(100% - 5.5rem);margin-top:5.5rem;overflow-y:scroll;box-shadow:-10px 0 32px 16px rgba(0,0,0,.05)}@media only screen and (min-width:1480px){main{flex-basis:calc(100% - 33rem)}}aside{position:relative;height:calc(100vh - 2rem);background:#fafafa;flex-shrink:0;flex-grow:0;flex-basis:20rem;border-left:1px solid #e1e3e4;right:0;border-radius:0 .25rem .25rem 0;padding:2rem}aside h4{margin:0}@media only screen and (min-width:1480px){aside{flex-basis:26rem}}*,:after,:before{box-sizing:border-box}body{background:#757c85}
/*# sourceMappingURL=main.cea4773a.chunk.css.map */