.Note{--x:0%;--y:0%;--width:0%;--height:0%;--calc-x:calc(var(--x)*100%);--calc-y:calc(var(--y)*100%);--calc-width:calc(var(--width)*100%);--calc-height:calc(var(--height)*100%);width:100%;height:100%;position:absolute;transform:translate(var(--calc-x),var(--calc-y));pointer-events:none}.Note>*{pointer-events:all}.Note:before{content:"";display:block;width:var(--calc-width);height:var(--calc-height);position:absolute;box-shadow:0 10px 20px rgba(0,0,0,.25)}.Note_color_0:before{background-color:#73cee1}.Note_color_1:before{background-color:#f6da4b}.Note_color_2:before{background-color:#fc79a5}.Note_color_3:before{background-color:#ffa34c}.Note_color_4:before{background-color:#afe655}.Note-Text{border:none;position:absolute;resize:none;background-color:transparent;margin:0;box-sizing:border-box;width:var(--calc-width);height:var(--calc-height);padding:1em}.Note-Move,.Note-Resize{position:absolute;background-color:#fff;width:25px;height:25px;border-radius:50%;box-shadow:0 5px 10px rgba(0,0,0,.25);opacity:0}.Field_action_none .Note:hover .Note-Move,.Field_action_none .Note:hover .Note-Resize,.Note:not(.Note_action_none) .Note-Move,.Note:not(.Note_action_none) .Note-Resize{opacity:1}.Note-Move{top:-10px}.Note-Move,.Note-Resize{left:calc(var(--calc-width) - 15px)}.Note-Resize{top:calc(var(--calc-height) - 15px)}.Note-MoveImg,.Note-ResizeImg{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:20px;height:20px;position:absolute;top:2px;left:2px}.Field{position:relative;width:100%;height:100%;overflow:hidden}.Field-NewNote{position:absolute;background-color:#fff;width:50px;height:50px;border:none;border-radius:50%;box-shadow:0 5px 10px rgba(0,0,0,.25);right:20px;bottom:20px;padding:0;z-index:10001}.Field-NewNoteImg{width:40px;height:40px;position:absolute;top:4px;left:4px}.Field-DeleteNote{background-color:rgba(255,0,0,.25);display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;width:10%;height:10%;transform:translateY(100%);transition:transform .5s;z-index:10001}.Field-DeleteNoteImg{width:70%;height:70%;max-width:40px;max-height:40px;position:relative;left:-2px}.Field_action_move .Field-DeleteNote{transform:translate(0)}.Field:not(.Field_action_none){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.App{height:100%}#root,body,html{height:100%;margin:0}
/*# sourceMappingURL=main.a73e5261.chunk.css.map */