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}.component-grade-input{border:0;border-bottom:1px solid rgba(30,30,30,.15);margin:0 5px}.text{width:30vw;max-width:300px}.num{width:58px}.component-delete-grade-btn{border:none;border-radius:5px;background-color:transparent;color:red;padding:0 5px}.component-grade-list{padding-left:2vw}.component-section-container{position:relative;border-radius:10px;margin:10px 0;padding:15px 5px;box-shadow:1px 1px 2px 2px rgba(0,0,0,.1)}.component-section-input{border:0;border-bottom:1px solid #1e1e1e;margin:0 5px}.component-add-grade-btn{right:30px}.component-add-grade-btn,.component-delete-section-btn{position:absolute;top:3px;border:none;background-color:transparent}.component-delete-section-btn{right:3px;color:grey}.component-section-grade{position:absolute;right:3px;bottom:3px;color:rgba(30,30,30,.2);font-size:35px;pointer-events:none}.red{background:#e8a9c1;background:linear-gradient(110deg,rgba(232,169,193,.1),rgba(207,18,89,.1))}.yellow{background:#f8f3cd;background:linear-gradient(110deg,rgba(248,243,205,.1),rgba(255,240,124,.1))}.green{background:#c2d5c8;background:linear-gradient(110deg,rgba(194,213,200,.1),rgba(92,148,110,.1))}.blue{background:#b0d7f4;background:linear-gradient(110deg,rgba(176,215,244,.1),rgba(39,154,241,.1))}.purple{background:#d0c1d7;background:linear-gradient(110deg,rgba(208,193,215,.1),rgba(135,89,155,.1))}.component-class-container{background-color:#fff;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:1vw;box-shadow:1px 1px 2px 2px rgba(0,0,0,.15)}.component-class-content-container{position:relative;padding:20px 0;max-width:800px}.component-class-name{border:0;border-bottom:2px solid #303030;font-size:large;font-weight:700}.component-class-grade{position:absolute;right:3px;font-weight:700}.component-add-section-btn{border:2px solid #5c946e;border-radius:10px;background-color:#fff;padding:4px 15px}.component-add-section-btn:hover{background-color:#5c946e;color:#fff}.component-class-tab{position:relative;width:20vw;border:none;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;white-space:nowrap;padding:5px 10px 1px;text-align:left;box-shadow:-3px 0 2px -2px rgba(0,0,0,.15),0 -3px 2px -2px rgba(0,0,0,.15),3px 0 2px -2px rgba(0,0,0,.15)}.component-class-tab:hover{cursor:pointer;font-weight:700}.component-class-tab:focus{z-index:1}.__react_component_tooltip{font-weight:400}.active-tab{border-bottom:none;background-color:#fff;font-weight:700;z-index:1}.component-class-tab-name{margin-right:9px;overflow:hidden;pointer-events:none}.component-delete-class-btn{position:absolute;top:5px;right:3px;border:none;background-color:transparent}.component-flex-container{display:flex}.component-add-class-btn{border-radius:10px;border:1.5px solid #5c946e;background-color:#fff;font-weight:700;padding:5px 10px}.component-add-class-btn:hover{background-color:#5c946e;color:#fff}*{color:#1e1e1e}html{background-color:#f8f8f8}.app-container{margin:0 5px;padding:.5vw}button:hover{cursor:pointer;font-weight:700}input{background-color:transparent}
/*# sourceMappingURL=main.276ecdc7.chunk.css.map */