.tool-container{align-items:center;display:flex;justify-content:center;position:relative}.tool-container .tool-title{background-color:#828282;border-radius:7px;color:#fff;display:none;font-size:17px;left:0;left:27px;opacity:.8;padding:2px 5px;position:absolute;top:0;white-space:nowrap}.tool-container:hover{cursor:pointer}.tool-container:hover .tool-title{display:block}.control-container{background-color:#fff;border-radius:7px;box-shadow:1px 1px 5px #cdcdcd;display:flex;flex-direction:row;position:fixed;z-index:100}.control-container>div{border-right:1px solid #ccc;height:15px;line-height:15px;margin:5px 5px 5px 0;padding:5px}.control-container>div:first-child{border-bottom-left-radius:5px;border-top-left-radius:5px}.control-container>div:last-child{border-bottom-right-radius:5px;border-right:none;border-top-right-radius:5px}.text-control-container .font-size-control{align-items:center;display:flex;flex-direction:row}.text-control-container .font-size-control .title{border:none;color:#333;font-size:17px;text-align:center;width:2em}.text-control-container .font-size-control .title::-webkit-inner-spin-button,.text-control-container .font-size-control .title::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}.text-control-container .font-size-control .content{position:relative}.text-control-container .font-size-control .content .down,.text-control-container .font-size-control .content .up{cursor:pointer;height:16px;position:absolute;width:24px}.text-control-container .font-size-control .content .down:hover,.text-control-container .font-size-control .content .up:hover{background-color:#33333336}.text-control-container .font-size-control .content .up{border-top-left-radius:5px;border-top-right-radius:5px;top:-3.5px}.text-control-container .font-size-control .content .down{border-bottom-left-radius:5px;border-bottom-right-radius:5px;bottom:-2.5px}.text-control-container .background-color-control,.text-control-container .color-control{padding-left:0;padding-top:3px}.text-control-container .background-color-control .icon,.text-control-container .color-control .icon{font-weight:bolder;text-align:center}.text-control-container .background-color-control .color-picker,.text-control-container .color-control .color-picker{border:1px solid #ccc;border-radius:7px;height:5px;position:relative;width:1em}.text-control-container .background-color-control .color-picker .color-picker-container,.text-control-container .color-control .color-picker .color-picker-container{background-color:#fff;border-radius:7px;box-shadow:1px 1px 5px #cdcdcd;padding:10px;position:absolute;top:15px}.text-control-container .background-color-control .color-picker .color-picker-container .custom-color-picker,.text-control-container .color-control .color-picker .color-picker-container .custom-color-picker{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.text-control-container .background-color-control .color-picker .color-picker-container .custom-color-picker .color-item,.text-control-container .color-control .color-picker .color-picker-container .custom-color-picker .color-item{height:28px;margin:5px;position:relative;width:28px}.text-control-container .background-color-control .color-picker .color-picker-container .custom-color-picker .color-item .active-cover,.text-control-container .background-color-control .color-picker .color-picker-container .custom-color-picker .color-item .color,.text-control-container .color-control .color-picker .color-picker-container .custom-color-picker .color-item .active-cover,.text-control-container .color-control .color-picker .color-picker-container .custom-color-picker .color-item .color{border-radius:14px;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;width:100%}.text-control-container .background-color-control .color-picker .color-picker-container .custom-color-picker .color-item .color:hover,.text-control-container .color-control .color-picker .color-picker-container .custom-color-picker .color-item .color:hover{border:14px solid #7f7c7c60}.text-control-container .background-color-control .color-picker .color-picker-container .custom-color-picker .color-item .active-cover,.text-control-container .color-control .color-picker .color-picker-container .custom-color-picker .color-item .active-cover{align-items:center;background-color:#c8c8c802;justify-content:center;left:0;position:absolute;top:0}.text-control-container .background-color-control .icon{margin-bottom:-.5px}.text-control-container .text-align-control,.text-control-container .text-decoration-control{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.text-control-container .text-align-control .icon,.text-control-container .text-decoration-control .icon{border-right:1px solid #ccc;box-sizing:border-box;padding:0 5px}.text-control-container .text-align-control .icon:first-child,.text-control-container .text-decoration-control .icon:first-child{padding-left:0}.text-control-container .text-align-control .icon:last-child,.text-control-container .text-decoration-control .icon:last-child{border-right:none;padding-right:0}.text-control-container .sub-super-control{align-items:center;display:flex;flex-direction:row;justify-content:space-around;padding-left:0}.text-control-container .sub-super-control .icon{border-right:1px solid #ccc;box-sizing:border-box;padding:0 5px}.text-control-container .sub-super-control .icon:last-child{border-right:none}.text-control-container .sub-super-control .icon .base-text{font-size:17px;font-weight:700}.text-control-container .sub-super-control .icon .base-text .sub,.text-control-container .sub-super-control .icon .base-text .sup{font-size:.5em;font-weight:400;position:relative}.text-control-container .sub-super-control .icon .base-text .sub{top:-1em}.text-control-container .sub-super-control .icon .base-text .sup{top:1px}.shape-control .stroke-width-control,.stroke-control .stroke-width-control{align-items:center;display:flex;flex-direction:row}.shape-control .stroke-width-control .title,.stroke-control .stroke-width-control .title{border:none;color:#333;font-size:17px;text-align:center;width:2em}.shape-control .stroke-width-control .title::-webkit-inner-spin-button,.shape-control .stroke-width-control .title::-webkit-outer-spin-button,.stroke-control .stroke-width-control .title::-webkit-inner-spin-button,.stroke-control .stroke-width-control .title::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}.shape-control .stroke-width-control .content,.stroke-control .stroke-width-control .content{position:relative}.shape-control .stroke-width-control .content .down,.shape-control .stroke-width-control .content .up,.stroke-control .stroke-width-control .content .down,.stroke-control .stroke-width-control .content .up{cursor:pointer;height:16px;position:absolute;width:24px}.shape-control .stroke-width-control .content .down:hover,.shape-control .stroke-width-control .content .up:hover,.stroke-control .stroke-width-control .content .down:hover,.stroke-control .stroke-width-control .content .up:hover{background-color:#33333336}.shape-control .stroke-width-control .content .up,.stroke-control .stroke-width-control .content .up{border-top-left-radius:5px;border-top-right-radius:5px;top:-3.5px}.shape-control .stroke-width-control .content .down,.stroke-control .stroke-width-control .content .down{border-bottom-left-radius:5px;border-bottom-right-radius:5px;bottom:-2.5px}.shape-control .fill-color-control,.shape-control .stroke-color-control,.stroke-control .fill-color-control,.stroke-control .stroke-color-control{padding-left:0;padding-top:3px}.shape-control .fill-color-control .icon,.shape-control .stroke-color-control .icon,.stroke-control .fill-color-control .icon,.stroke-control .stroke-color-control .icon{font-weight:bolder;text-align:center}.shape-control .fill-color-control .color-picker,.shape-control .stroke-color-control .color-picker,.stroke-control .fill-color-control .color-picker,.stroke-control .stroke-color-control .color-picker{border:1px solid #ccc;border-radius:7px;height:5px;position:relative;width:1em}.shape-control .fill-color-control .color-picker .color-picker-container,.shape-control .stroke-color-control .color-picker .color-picker-container,.stroke-control .fill-color-control .color-picker .color-picker-container,.stroke-control .stroke-color-control .color-picker .color-picker-container{background-color:#fff;border-radius:7px;box-shadow:1px 1px 5px #cdcdcd;padding:10px;position:absolute;top:15px}.shape-control .fill-color-control .color-picker .color-picker-container .custom-color-picker,.shape-control .stroke-color-control .color-picker .color-picker-container .custom-color-picker,.stroke-control .fill-color-control .color-picker .color-picker-container .custom-color-picker,.stroke-control .stroke-color-control .color-picker .color-picker-container .custom-color-picker{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.shape-control .fill-color-control .color-picker .color-picker-container .custom-color-picker .color-item,.shape-control .stroke-color-control .color-picker .color-picker-container .custom-color-picker .color-item,.stroke-control .fill-color-control .color-picker .color-picker-container .custom-color-picker .color-item,.stroke-control .stroke-color-control .color-picker .color-picker-container .custom-color-picker .color-item{height:28px;margin:5px;position:relative;width:28px}.shape-control .fill-color-control .color-picker .color-picker-container .custom-color-picker .color-item .active-cover,.shape-control .fill-color-control .color-picker .color-picker-container .custom-color-picker .color-item .color,.shape-control .stroke-color-control .color-picker .color-picker-container .custom-color-picker .color-item .active-cover,.shape-control .stroke-color-control .color-picker .color-picker-container .custom-color-picker .color-item .color,.stroke-control .fill-color-control .color-picker .color-picker-container .custom-color-picker .color-item .active-cover,.stroke-control .fill-color-control .color-picker .color-picker-container .custom-color-picker .color-item .color,.stroke-control .stroke-color-control .color-picker .color-picker-container .custom-color-picker .color-item .active-cover,.stroke-control .stroke-color-control .color-picker .color-picker-container .custom-color-picker .color-item .color{border-radius:14px;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;width:100%}.shape-control .fill-color-control .color-picker .color-picker-container .custom-color-picker .color-item .color:hover,.shape-control .stroke-color-control .color-picker .color-picker-container .custom-color-picker .color-item .color:hover,.stroke-control .fill-color-control .color-picker .color-picker-container .custom-color-picker .color-item .color:hover,.stroke-control .stroke-color-control .color-picker .color-picker-container .custom-color-picker .color-item .color:hover{border:14px solid #7f7c7c60}.shape-control .fill-color-control .color-picker .color-picker-container .custom-color-picker .color-item .active-cover,.shape-control .stroke-color-control .color-picker .color-picker-container .custom-color-picker .color-item .active-cover,.stroke-control .fill-color-control .color-picker .color-picker-container .custom-color-picker .color-item .active-cover,.stroke-control .stroke-color-control .color-picker .color-picker-container .custom-color-picker .color-item .active-cover{align-items:center;background-color:#c8c8c802;justify-content:center;left:0;position:absolute;top:0}.settings-modal-container .brush-container{align-items:center;display:flex;padding-bottom:10px}.settings-modal-container .brush-container .brush-item{align-items:center;display:flex;padding:5px 10px;white-space:nowrap}.settings-modal-container .brush-container .brush-item .brush-title{color:#828282;font-size:17px;margin-left:5px}.settings-modal-container .brush-container .active{background-color:#020202;border-radius:14px}.settings-modal-container .brush-container .active .brush-title{color:#fff}.settings-modal-container .stroke-container{border-top:1px solid #cdcdcd;padding:10px 0}.settings-modal-container .stroke-container .stroke-title{color:#828282;font-size:17px}.settings-modal-container .color-picker-container .custom-color-picker{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.settings-modal-container .color-picker-container .custom-color-picker .color-item{height:28px;margin:5px;position:relative;width:28px}.settings-modal-container .color-picker-container .custom-color-picker .color-item .active-cover,.settings-modal-container .color-picker-container .custom-color-picker .color-item .color{border-radius:14px;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;width:100%}.settings-modal-container .color-picker-container .custom-color-picker .color-item .color:hover{border:14px solid #7f7c7c60}.settings-modal-container .color-picker-container .custom-color-picker .color-item .active-cover{align-items:center;background-color:#c8c8c802;justify-content:center;left:0;position:absolute;top:0}.settings-modal-container{background-color:#fff;border-radius:7px;box-shadow:1px 1px 5px #cdcdcd;left:49px;padding:10px;position:absolute;top:0}.settings-modal-container .shape-container{display:grid;grid-template-columns:repeat(4,1fr)}.settings-modal-container .shape-container .shape-item{align-items:center;display:flex;height:28px;justify-content:center;padding:5px;position:relative;width:28px}.settings-modal-container .shape-container .shape-item .shape-name{background-color:#828282;border-radius:7px;color:#fff;display:none;font-size:17px;left:0;left:27px;opacity:.8;padding:2px 5px;position:absolute;top:0;white-space:nowrap}.settings-modal-container .shape-container .shape-item:hover{cursor:pointer}.settings-modal-container .shape-container .shape-item:hover .shape-name{display:block}.settings-modal-container .shape-container .active{background-color:#dadada;border-radius:7px;opacity:.5}.tools-container{display:inline-block;left:10px;position:fixed;top:32%;z-index:100}.tools-container .base-tools{background-color:#fff;border-radius:7px;box-shadow:1px 1px 5px #cdcdcd;display:flex;flex-direction:column;padding:10px}.tools-container .base-tools .tool{margin:5px;position:relative}.state-container{align-items:center;bottom:10px;display:flex;position:fixed;right:10px}.state-container .drag-container,.state-container .zen-container,.state-container .zoom-container{align-items:center;background-color:#fff;border-radius:7px;box-shadow:1px 1px 5px #cdcdcd;display:flex;flex-direction:row;justify-content:space-around;padding:5px}.state-container .zoom-container .zoom-size{border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;font-size:17px;text-align:center;width:4em}.state-container .zen-container{margin-left:5px}.state-container .drag-container{margin-right:5px}::-webkit-scrollbar{width:0}body{overflow:hidden}.main{position:relative}
/*# sourceMappingURL=main.291979bb.css.map*/