button:focus,input:focus{outline:none!important}.canvas-container{-webkit-user-select:none;user-select:none;justify-content:center;width:100%;padding:0;display:flex;position:relative;margin:0!important}.canvas-container canvas{-webkit-user-select:none;user-select:none}.canvas-butons{-webkit-user-select:none;user-select:none;justify-content:space-evenly;min-width:12.5rem;display:flex;position:absolute}.canvas-buttons button{-webkit-user-select:none;user-select:none;border:1px solid #dcdcdc;border-top:none;border-left:none;padding:.2rem .4rem;font-size:.875rem;transition:all .19s ease-in}.canvas-buttons button:focus,.molecule-input:focus{outline:none}.canvas-buttons button:hover{background-color:#ececec}.canvas-buttons button:first-child{border-left:1px solid #dcdcdc;border-bottom-left-radius:.4rem}.canvas-buttons button:last-child{border-bottom-right-radius:.4rem}.canvas-button-active{background-color:#eee}.molecule-input{color:gray}.image-viewer{flex-direction:column;align-items:center;display:flex}.toolbar{margin-bottom:.625rem}.toolbar button{color:#fff;cursor:pointer;background-color:#007bff;border:none;margin:0 .3125rem;padding:.3125rem .625rem;font-size:1rem}.toolbar button:hover{background-color:#0056b3}.smilesdrawer{float:left;width:100%}.image-viewer{width:100%;display:flex}.molecule-container{justify-content:space-between;width:100%;display:flex}.molecule-container div{min-width:45%;position:relative}.smilesdrawer-btn-group{justify-content:center;display:flex}.smilesdrawer-btn-group button{cursor:pointer;border:1px solid #eee;border-left:none;justify-content:center;align-items:center;width:50%;padding:.2rem .4rem;transition:all .16s ease-in;display:flex}.smilesdrawer-btn-group button:first-child{border-left:1px solid #eee;border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.smilesdrawer-btn-group button:last-child{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.input-bar{margin-top:.2rem;padding:.2rem 0}.canvas-container,.viewer-container{border-radius:.5rem;max-width:50%}