body{margin:0;-webkit-tap-highlight-color:transparent}canvas{display:block;touch-action:none}canvas:active{cursor:move}.side-button-container{position:absolute;top:15px;left:20px;display:flex;flex-direction:column;flex-wrap:nowrap}.side-button{display:block;position:relative;padding-top:6px;padding-bottom:6px;background-color:#fff;border-radius:4px;border:1px solid rgba(128,128,128,0.5);box-shadow:1px 4px 10px rgba(64,64,64,0.1);text-align:center;margin:5px 0;text-decoration:none}.side-button:hover{cursor:pointer}.side-button>span{display:block;font-size:26px;font-weight:bold;color:#474754;transition:color 0.1s ease-in-out;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.side-button:hover>span{color:#000}.zoom-container{padding:0;display:block;background-color:#fff;border-radius:4px;border:1px solid rgba(128,128,128,0.5);box-shadow:1px 4px 10px rgba(64,64,64,0.1);text-align:center;margin-top:5px;margin-bottom:5px}#zoom-in-button{width:100%;display:block;position:relative;border-radius:4px 4px 0 0;border:none;border-bottom:1px solid rgba(128,128,128,0.5);padding-top:4px;padding-bottom:4px;background-color:transparent}#zoom-in-button:hover{cursor:pointer}#zoom-in-button>span{display:block;font-size:26px;color:#474754;transition:color 0.1s ease-in-out}#zoom-in-button:hover>span{color:#000}#zoom-out-button{width:100%;display:block;position:relative;border-radius:0 0 4px 4px;border:none;padding-top:4px;padding-bottom:4px;background-color:transparent}#zoom-out-button:hover{cursor:pointer}#zoom-out-button>span{display:block;font-size:26px;color:#474754;transition:color 0.1s ease-in-out}#zoom-out-button:hover{color:#000}#zoom-out-button:hover>span{color:#000}.info-tooltip{visibility:hidden;position:absolute;top:50%;left:125%;padding:7px 14px 7px 14px;color:white;background-color:#424242d4;cursor:default;border-radius:4px;border:none;white-space:nowrap;box-shadow:1px 4px 10px rgba(64,64,64,0.1);transform:translateY(-50%);font-family:'Ubuntu', sans-serif;font-size:15px;opacity:0;transition:visibility 0s linear 0s, opacity 300ms;z-index:2;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.side-button:hover .info-tooltip,#zoom-in-button:hover .info-tooltip,#zoom-out-button:hover .info-tooltip{visibility:visible;opacity:1;transition:visibility 0s linear 0s, opacity 300ms}#settings-overlay{display:block;position:absolute;top:20px;left:100px;width:275px;background-color:#fff;border-radius:9px;border:1px solid rgba(128,128,128,0.5);box-shadow:1px 4px 10px rgba(64,64,64,0.1);opacity:0;transition:visibility 0s linear 0s, opacity 150ms}#settings-overlay>ul{margin-right:18px;margin-left:18px;margin-top:5px;margin-bottom:5px;padding:0}#settings-overlay>ul>li{list-style-type:none;padding-top:10px;padding-bottom:10px;display:flex;align-items:center}#settings-overlay>ul>li:not(:last-child){border-bottom:2px solid #adadad85}.settings-label{flex:1 0 auto;font-size:20px;color:#212225;font-family:'Ubuntu', sans-serif}#settings-close-button{flex:0 0 auto;text-align:center;text-decoration:none;border:none;background:transparent;margin:auto;padding:0}#settings-close-button:hover{cursor:pointer}#settings-close-button>span{font-size:28px;color:#6f6f6f;display:block}#settings-close-button:hover>span{color:#2b2b2b}.field-label{font-size:16px;color:#212225;font-family:'Ubuntu', sans-serif;display:block}.dropdown{margin-top:10px;display:flex;align-items:center;border-radius:8px;padding:2px 8px 2px 15px;border:1px solid #ececec;cursor:pointer;position:relative;background-color:#fff;transition:all 0.1s ease-in-out}.dropdown:focus-within{background-color:#e9f1fa;border-color:rgba(25,103,210,0.1)}.settings-container{width:100%;padding-top:5px;padding-bottom:5px}.dropdown-label{flex:1 0 auto;font-family:'Ubuntu', sans-serif;font-size:16px;color:#212225;display:inline-block;transition:all 0.1s ease-in-out}.dropdown:focus-within>.dropdown-label{color:#2c69bb}.dropdown-icon{font-size:24px;color:gray;transition:all 0.1s ease-in-out}.dropdown:focus>.dropdown-icon{color:black}.dropdown-options{position:absolute;z-index:3;top:35px;left:0;background-color:#fbfbfb;border-radius:6px;border:1px solid #ececec;cursor:pointer;padding:5px 0}.dropdown-options>li{display:block;padding:6px 15px;transition:all 0.1s ease-in-out;background-color:#fff}.dropdown-options>li.selected-option,.dropdown-options>li:hover{background-color:#e9f1fa}.dropdown-options>li>span{font-size:15px;color:#212225;font-family:'Ubuntu', sans-serif}#color-pallet-label{margin-top:10px}#apply-button{font-family:'Ubuntu', sans-serif;font-size:15px;border:1px solid #5b5bff;background-color:#1a73e8;border-radius:6px;padding:6px 33px;color:#fff;margin:auto;cursor:pointer;transition:color 0.1s ease-in-out}#apply-button:hover{background-color:#1d6ace}#apply-button:disabled{cursor:default;border:1px solid #e0e0ff3b;background-color:#2683fd2e}.checkbox{width:18px;height:18px;border-radius:4px;border:1px solid #cccfdb;box-shadow:0 1px 1px rgba(64,64,64,0.1);line-height:24px;text-align:center;float:right;cursor:pointer}.checkbox>span{font-size:16px;color:white;visibility:hidden;cursor:pointer}.checked-checkbox{background:#07f;border-color:#07f}.checked-checkbox>span{visibility:visible}.checkbox-label{display:inline-block}.checkbox-container{margin-top:15px;margin-bottom:5px}.input-container{display:flex;align-items:center;margin-top:12px}.input-container:first-child{margin-top:0}.input-label{display:inline-block;flex:1 0 auto}.number-input{flex:0 0 auto;display:inline-block;padding:3px 10px;font-size:15px;color:#3e444b;font-family:'Ubuntu', sans-serif;background-color:#fff;border:1px solid #ced4da;border-radius:4px;width:50px;text-align:right;-moz-appearance:textfield;outline:none !important}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}