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;padding:0}.App{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:600px;text-align:center}.emotion-mapping,.frame-slider-container,.loader,.tab-switcher,form{margin:.5rem}fieldset{border-radius:5px;padding:.5rem;text-align:start}input{margin:.5rem}label{margin-right:.5rem}button{font-size:1.2rem;margin:.2rem;padding:.5rem 1rem}.au-button{padding:.3rem .6rem}.video{margin:0;width:100%}@media (min-width:600px){.canvas-container,.video{margin-top:.5rem}}.canvas{height:100%;left:0;position:absolute;top:0;width:100%}.canvas-container{height:0;overflow:hidden;padding-bottom:75%;position:relative;width:100%}.frame-slider-container{align-items:center;display:flex;gap:1rem}.row-container{margin:.5rem}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:30px;justify-self:center;width:30px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.row-container{display:grid;grid-template-columns:3fr 3fr 1fr;padding:3px 2px}.grid-item{text-align:center}.chart-container{max-width:600px}.grey{background-color:#eaeaea;min-height:18px}.bar{background-color:#1e90ff;height:100%}.bar-labels{padding-right:2px;text-align:right}.bar-values{padding-left:2px;text-align:left}.ticks{text-align:right}.scale-container{display:grid;grid-template-columns:3fr 3fr 1fr;padding:3px 0}.scale-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}@media (max-width:500px){.row-container{grid-template-columns:1fr 1fr 1fr 1fr}.grid-item:first-child,.grid-item:nth-child(3){grid-row:1}.grid-item:nth-child(2){grid-row:2}.bar-labels{grid-column:1/4}.grey{grid-column:1/-1}.scale-container{grid-template-columns:1fr 19fr}.scale-item:nth-child(3){grid-row:1}.scale-item:first-child,.scale-item:nth-child(2){grid-row:2}}
/*# sourceMappingURL=main.8aea7e34.css.map*/