@import url(https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Lato:wght@100;300;400;700;900&family=Poppins:ital,wght@0,400;0,700;1,400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lato;margin:0}.app,body{height:100vh}.app,.app .emissions{background:#fff8f3}.app .emissions{display:flex;flex-wrap:wrap;gap:.75rem;padding:1.5rem}.app .emission{background:#fff;border:.5px solid rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;padding:.75rem;width:100%}.app .emission-selected{background:#e5e5e5}.app .emission-header{align-items:center;display:flex;gap:.75rem}.app .emission-header .time{color:grey;font-size:small}.app .emission-header h3{margin:0}.app .emission-subtitle{font-size:smaller}.channel-icon-text{align-items:center;display:flex;flex-direction:column;gap:1em;justify-content:center;margin-right:.75rem}.channel-icon-text img{width:92px}.search{display:flex;height:calc(100vh - 4.5rem);overflow:hidden;width:100%}.search .toolbar{min-width:16%}.search .emissions{height:90%;overflow-y:scroll}.search .analytics{background:#fff8f3;height:90%;min-width:50%}.toolbar{padding:1.5rem}.toolbar .filter-group{background:#fff;display:flex;-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-direction:column;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.toolbar .filter-group label{font-weight:700}.toolbar .filter-group .input{background:#f8f8f8;border:none;font-size:1rem;font-style:normal;padding:.5rem}.toolbar .filter-group .button{background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:initial}.toolbar .filter-btn{background:#575fcc;border:initial;color:#fff;-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1rem;font-weight:700;padding:.75em;text-align:center;width:100%}.analytics{background:#fff;padding-top:1.75em}.analytics .buttons{display:flex;justify-content:space-between;padding-left:1.75em;padding-right:.75em}.analytics .buttons button{background-color:initial;border:initial;color:#575fcc;cursor:pointer;font-size:large;font-weight:700;padding:.75em}select{-webkit-appearance:none;appearance:none}@media only screen and (min-width:320px) and (max-width:812px) and (orientation:portrait){.search{display:block}.search .emissions{height:50%}.analytics{height:calc(100vh - 4.5rem);min-width:inherit;position:absolute;top:4.5rem;width:100%}}.header{background:#575fcc;display:flex;justify-content:space-between;padding:.75rem;position:-webkit-sticky;position:sticky;top:0}.header,.header-icon svg{height:3rem}.main{padding:1.75rem}.main .graphs{align-items:baseline;display:flex;justify-content:space-between;position:relative}.main .graphs #pie{height:35%!important;padding-bottom:.5rem;width:35%!important}.main .graphs #bar{height:35%!important;width:60%!important}.main .graphs .slot-selector{background-color:#575fcc;bottom:0;height:.25rem;position:absolute;width:1rem}.main .data{color:#fff;display:flex;justify-content:space-between;margin-top:2rem}.main .data p{font-size:1rem;font-weight:700;text-align:center}.main .data .remarked{padding:.5rem;width:35%}.main .data .selected{padding:.5rem;width:55%}.main .reactions{max-height:48vh;overflow-x:scroll}.main .box{background:#575fcc;-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@media only screen and (min-width:320px) and (max-width:812px) and (orientation:portrait){.main{padding:1rem}.reactions{max-height:54vh}}.reaction{background:#fff;border-radius:12px;border-style:solid;border-width:2px;color:#000;margin:.5rem;padding:.5rem 1rem;position:relative;text-align:left}.reaction .username{font-size:small;font-weight:700;word-break:break-all}.reaction .message{box-sizing:border-box;max-height:50px;overflow:hidden}.reaction .message p{font-size:small;font-weight:400;text-align:left}.reaction .message:after{content:"\02026";font-size:medium;font-weight:700;position:absolute;right:.25em;text-align:right;top:25px;vertical-align:bottom;width:3em}.reaction .message-big-text{max-height:none!important}.reaction .likes{align-items:center;color:#575fcc;display:flex;gap:.5rem;justify-content:right}.reaction .likes .blue-circle{align-items:center;background:#575fcc;border-radius:50%;display:flex;height:23px;justify-content:center;width:23px}
/*# sourceMappingURL=main.0fb52f96.css.map*/