*{margin:0;padding:0;box-sizing:border-box}body{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;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{height:100vh;background:linear-gradient(135deg,#2396ef,#4470ef);overflow:hidden;color:#fff}.container{display:flex;align-items:center;justify-content:center;flex-direction:column}h2{margin:15px 0}.total{margin-bottom:30px;font-size:20px}.class-cup{width:150px;height:350px;border:4px solid #072a94;border-bottom-left-radius:28px;border-bottom-right-radius:28px;color:#1263a1;background:linear-gradient(135deg,#f1f2f3 10%,#fff 90%);overflow:hidden}.class-cup>.percent,.class-cup>.remind{display:flex;justify-content:center;align-items:center;transition:all .3s linear;flex-direction:column}.class-cup>.remind>.cup-total{font-weight:700;font-size:22px}.class-cup>.remind>span:not(.cup-total){font-size:15px}.class-cup>.percent{background:linear-gradient(135deg,#96cef8 90%,#b6c9db 0);color:#0951af}p{margin:1em 0;font-size:14px;letter-spacing:2px}.select-cup{display:flex;flex-direction:column;width:350px}.select-cup>.row{margin:10px 0}.select-cup>.row,.select-cup>.row>.cup{display:flex;justify-content:center;align-items:center}.select-cup>.row>.cup{width:50px;height:100px;border:4px solid #072a94;border-bottom-left-radius:28px;border-bottom-right-radius:28px;background:linear-gradient(135deg,#f1f2f3 10%,#fff 90%);margin:0 15px;text-align:center;cursor:pointer;transition:all .3s linear;color:#072a94;-webkit-user-select:none;-ms-user-select:none;user-select:none}.select-cup>.row>.cup.active{color:#fff;background:linear-gradient(135deg,#96cef8 90%,#b6c9db 0)}
/*# sourceMappingURL=main.73861e18.chunk.css.map */