#root,body,html{font-size:1.2rem;font-family:georgia,"times new roman",times,serif;line-height:1.5;margin:0;padding:0;min-height:100vh}.annotation-panel-container{display:grid;grid-template-columns:50% 50%;grid-template-rows:100vh}.category-panel{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:4rem 1rem}.category-card{text-decoration:none;color:#333;padding:1rem;background-color:#fff;border-radius:.5rem;margin:.5rem}.category-card:hover{background:rgba(0,0,0,.1)}.article-container{overflow-y:scroll;padding-bottom:4rem;scroll-behavior:smooth;background-color:#fff}.not-so-smooth{scroll-behavior:unset}.article-container>*{padding-left:2rem;padding-right:2rem}.article-container>p>span>span{cursor:pointer;border-top:2px solid #fff;border-bottom:2px solid #fff}.article-container>p>span>span:hover{border-bottom:2px dashed #000}.legends{margin-top:1.75rem;position:-webkit-sticky;position:sticky;top:0;padding:.25rem 2rem;background:#fff}.legends span{display:inline-block;margin:.25rem 0;line-height:1.1;cursor:pointer}.legends span:first-child{text-decoration:underline;cursor:pointer;-webkit-transition:all .25s;transition:all .25s}.legends span:first-child:hover{background-color:#eee}.legends span:not(:last-child){margin-right:.75rem}.legends span.deselected{background:transparent;-webkit-text-decoration:stroke;text-decoration:stroke}.annotator-container{background-color:rgba(245,245,220,.5);padding:2rem 1rem 4rem;overflow-y:scroll;scroll-behavior:smooth}.annotator-container h3,.annotator-container p{padding:.6rem 1rem;margin:0}.explanation{padding:1rem!important}.explanation,.sentence-card{background-color:#fff;border-radius:.5rem;-webkit-transition:all .25s;transition:all .25s;overflow:hidden}.sentence-card{display:grid;grid-template-columns:auto 1.5rem;cursor:pointer;margin-bottom:.75rem;position:relative}.sentence-card-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;border-radius:.5rem}.sentence-card p{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.explanation:hover,.sentence-card:hover{box-shadow:0 0 1rem rgba(32,32,32,.1)}.sentence-card .side{display:flex;flex-direction:column;align-items:center;background-color:rgba(0,0,0,.1);justify-content:space-between;color:#333;-webkit-transition:all .25s;transition:all .25s}.sentence-card.checked{background-color:rgba(3,166,120,.2)}.sentence-card.checked .side{color:#fff;background-color:rgba(3,166,120,.8)}.sentence-card .side:after{opacity:0;visibility:hidden;-webkit-transition:all .25s;transition:all .25s;color:#fff;content:"✓"}.sentence-card.checked .side:after{opacity:1;visibility:visible}.last-next-buttons{display:flex;position:fixed;width:50vw;bottom:0;right:0;justify-content:space-between;background:#f3e6b9}.last-article-button,.next-article-button{cursor:pointer;background-color:#f4d03f;font-size:1rem;font-family:Helvetica,Arial,Sans-Serif;-webkit-transition:all .25s;transition:all .25s;padding:.5rem 1rem}.last-article-button:hover,.next-article-button:hover{box-shadow:0 0 1rem rgba(32,32,32,.1)}.last-article-button{border-top-right-radius:2rem;border-bottom-right-radius:2rem}.next-article-button{border-top-left-radius:2rem;border-bottom-left-radius:2rem}.article-card-container{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:flex-end;font-size:.8rem;line-height:1.2;margin:.5rem 0;position:relative}.article-card-container .article-container{font-size:.2rem;height:15rem;width:11rem;overflow:hidden;padding:.5rem;border-radius:.5rem;-webkit-transition:all .25s;transition:all .25s}.article-card-container:hover{cursor:pointer}.article-card-container:hover .article-container{box-shadow:0 0 1rem rgba(32,32,32,.2)}.article-card-container .article-container-mask{position:absolute;top:0;left:0;width:100%;height:16rem}.article-card-container span{margin-top:.25rem}.article-card-container .article-container>*{padding:0}.article-card-panel-container{padding:16px 16px 48px}.article-card-panel-container>div{overflow:visible!important}.username-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.username-input{width:15rem;height:1.85rem;font-size:1.2rem;margin-right:.5rem;padding:0 .5rem;border-radius:1rem;outline:0;color:#333;background-color:#fff;border:none}.username-button{background-color:#fad859;font-size:1rem;padding:.1rem 1rem;border:2px solid #f0f0d6;border-radius:2rem;color:#333;cursor:pointer}@-webkit-keyframes shakey-sentence-motion{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(1.5rem);transform:translateX(1.5rem)}40%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}60%{-webkit-transform:translateX(.5rem);transform:translateX(.5rem)}80%{transoform:translateX(-.25rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shakey-sentence-motion{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(1.5rem);transform:translateX(1.5rem)}40%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}60%{-webkit-transform:translateX(.5rem);transform:translateX(.5rem)}80%{transoform:translateX(-.25rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.shakey-sentence{-webkit-animation-name:shakey-sentence-motion;animation-name:shakey-sentence-motion;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes selected-sentence-highlight{0%{outline:6px solid rgba(241,130,141,.8)}50%{outline:6px solid rgba(240,52,52,.8)}to{outline:6px solid rgba(240,52,52,0)}}@keyframes selected-sentence-highlight{0%{outline:6px solid rgba(241,130,141,.8)}50%{outline:6px solid rgba(240,52,52,.8)}to{outline:6px solid rgba(240,52,52,0)}}.selected-sentence{-webkit-animation-name:selected-sentence-highlight;animation-name:selected-sentence-highlight;-webkit-animation-duration:1.5s;animation-duration:1.5s}.hotkey-selected-sentence{outline:6px solid rgba(240,52,52,.8)}@-webkit-keyframes selected-sentence-card-highlight{0%{box-shadow:0 0 1rem rgba(3,166,120,0)}25%{box-shadow:0 0 1rem rgba(3,166,120,.8)}50%{box-shadow:0 0 1rem rgba(3,166,120,.8)}to{box-shadow:0 0 1rem rgba(3,166,120,0)}}@keyframes selected-sentence-card-highlight{0%{box-shadow:0 0 1rem rgba(3,166,120,0)}25%{box-shadow:0 0 1rem rgba(3,166,120,.8)}50%{box-shadow:0 0 1rem rgba(3,166,120,.8)}to{box-shadow:0 0 1rem rgba(3,166,120,0)}}.selected-sentence-card{-webkit-animation-name:selected-sentence-card-highlight;animation-name:selected-sentence-card-highlight;-webkit-animation-duration:1.5s;animation-duration:1.5s}
/*# sourceMappingURL=main.ad46431b.chunk.css.map */