.Odontogram{text-align:center}.teethContainerDesktop{display:flex;justify-content:space-around;padding-bottom:10px;margin-bottom:10px}.teeth{display:flex;justify-content:space-between;width:100%;height:100%}svg.tooth{cursor:pointer;fill:#fff;height:60px;width:60px;margin-right:10px;margin-bottom:10px}svg.tooth .to-do{fill:red}svg.tooth .done{fill:#00f}svg.tooth .active{fill:gray}svg.tooth polygon{stroke:#000;stroke-width:.5}#polygon:hover{fill:#d3d3d3}rect:hover{fill:#d3d3d3}.tooth-wrapper{margin:0 2px;position:relative}.flex-container-justify{display:flex;justify-content:space-around}.flex-container-right{display:flex;justify-content:flex-end}.flex-container-left{display:flex;justify-content:flex-start}.tooth{font-size:6pt;font-weight:400}.tooth-polygon{fill:none;cursor:pointer;pointer-events:all}.tooth-polygon:hover{fill:gray;pointer-events:"all"}.tooth-polygon-selected{fill:#3b72ff;cursor:pointer;pointer-events:all}.tooth-polygon-selected-red{fill:#bc2c2c}.tooth-polygon-sin-hover{fill:none}.tooth-polygon-selected-sin-hover{fill:#3b72ff}.tooth-polygon-selected-red-sin-hover{fill:#bc2c2c}.loginWrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:#e9fffd;position:fixed;inset:0;width:100%;height:100%}.loginPaper{padding:40px 20px;box-shadow:0 8px 32px #0000001a;background:#fff;width:100%;max-width:420px;min-width:300px}.textAlign{text-align:center}.loginPaper .textAlign img{display:block;margin:0 auto 16px;max-width:100%;height:auto}.loginPaper .loginMainTitle{margin:0 0 8px;color:#4a4a4a;font-weight:600;font-size:1.75rem;letter-spacing:-.02em;line-height:1.2}.loginPaper .loginSubtitle{margin:0 0 28px;color:#6b6b6b;font-weight:500;font-size:1.15rem}.loginPaper .title{margin:20px 0 30px;color:#4a4a4a;font-weight:500;font-size:27px}.formContainer{display:flex;flex-direction:column;align-items:center;gap:20px}.loginPaper .inputWidth{width:100%;max-width:350px}.errorMessage{color:#d32f2f;margin-top:10px;text-align:center;font-size:14px}@media(max-width:768px){.loginWrapper{padding:15px}.loginPaper{padding:30px 20px;min-width:280px}.loginPaper .loginMainTitle{font-size:1.5rem;margin:0 0 6px}.loginPaper .loginSubtitle{font-size:1.05rem;margin:0 0 24px}.loginPaper .title{font-size:1.8rem;margin:15px 0 25px}.loginPaper .inputWidth{max-width:100%}}@media(max-width:480px){.loginWrapper{padding:10px}.loginPaper{padding:25px 15px;border-radius:20px}.loginPaper .loginMainTitle{font-size:1.35rem}.loginPaper .loginSubtitle{font-size:1rem;margin:0 0 20px}.loginPaper .title{font-size:1.5rem;margin:10px 0 20px}.errorMessage{font-size:13px}}@media(max-width:360px){.loginPaper{min-width:260px;padding:20px 12px}.loginPaper .loginMainTitle{font-size:1.2rem}.loginPaper .loginSubtitle{font-size:.95rem}.loginPaper .title{font-size:1.3rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;overflow-x:hidden;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}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}