body{margin:0;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}.App{width:96%;max-width:1200px;margin:2% auto;padding-top:120px}.App-logo{height:40vmin;pointer-events:none}.toolbar{position:fixed;top:10px;width:93%;max-width:1180px;z-index:1}.editor-wrapper{padding:10px}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.whiteback{position:fixed;top:0;left:0;height:100px;width:100%;z-index:1;background:#fff}.toolbar{border-radius:10px;background:#fff;box-shadow:-8px 8px 13px #ededed,8px -8px 13px #fff;margin:20px 0;display:flex;flex-wrap:wrap;align-items:center;padding:15px 10px;grid-row-gap:5px;row-gap:5px}.toolbar-grp>*{cursor:pointer}.toolbar-grp{margin-left:10px;padding:5px 10px 5px 5px;display:flex;border-right:1px solid #d2d2d2}.toolbar-grp.temp{box-shadow:0 0 5px #afafaf}.toolbar-grp.no-border{border:none;padding:0;margin:0}select{height:30px;border:none;width:6.9rem}.toolbar-grp button{height:30px!important;width:30px;padding:5px}.color-options{display:grid;grid-template-columns:auto auto auto auto auto auto auto;align-items:center;grid-gap:5px;gap:5px}.clicked{border:1px solid #d3d3d3;border-bottom:none}.hexPreview,.option{width:16px;height:16px;background-color:#000}.color-picker form{display:flex;align-items:center;grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;width:100%}.color-picker input{width:65%;height:1.3em;border:1px solid #d3d3d3;border-radius:5px;padding-left:5px}.color-picker button{margin:0;padding:0;cursor:pointer}.color-picker input:focus{outline:none}.table-option{display:flex;margin:5px 2px;grid-gap:5px;gap:5px;white-space:nowrap}.table-input{display:grid;grid-template-columns:auto auto auto auto auto auto;grid-gap:3px;gap:3px}.table-unit{width:15px;height:15px;border:1px solid #d3d3d3}.inputList{position:absolute;left:101%;top:0;background:#fff;padding:5px;z-index:90;box-shadow:0 0 5px #000;cursor:default}.inputList Button{white-space:nowrap;background:#000;color:#fff;width:90px!important;margin:5px auto!important;display:block}.icon{cursor:pointer;color:#494949;position:absolute;top:0;right:0;background:#fff}.inputOption{border:2px solid #e8e8e8;padding:3px;margin-top:3px;font-weight:600;cursor:pointer}.inputOption.selected{border:2px solid #575757}blockquote{border-left:2px solid #ddd;margin-left:0;margin-right:0;padding-left:10px;color:#aaa;font-style:italic}tbody,td,tr{border:inherit}table{border-collapse:collapse;table-layout:fixed}button{background-color:#fff;border:none;opacity:.5}.btnActive{opacity:1}.editor-wrapper{padding-top:30px!important;font-family:"Helvetica","Arial",sans-serif;border-radius:10px;background:#fff;box-shadow:-8px 8px 13px #ededed,8px -8px 13px #fff;min-height:400px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}table{width:100%}td{height:50px;padding:0 5px}.popup-wrapper{display:inline;position:relative}.ipopup{position:absolute;left:0;background-color:#fff;padding:6px 10px;border:1px solid #d3d3d3;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:1;cursor:default;width:800px}.popup-gallery{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;max-height:600px;overflow-y:scroll}.popup-image{width:9.5%;align-self:center;cursor:pointer;padding:10px}.popup-image:hover{padding:9px;border:1px solid #000}.popup-image.selected{padding:7px;border:3px solid #000}.popup-image img{width:100%;height:auto}.popup-button{white-space:nowrap;padding:10px;color:#000!important;background:#d9d9d9;border-radius:5px;width:unset!important;opacity:1;display:inline-block}.popup form{display:inline-block;width:80%}.popup input[name=image]{display:none}button{cursor:pointer}p{margin:0}.popupinput{margin-left:10px}.popupsavebutton{margin-left:20px!important;white-space:nowrap;padding:5px 30px!important;color:#fff!important;background:#000;border-radius:5px;width:unset!important;opacity:1;display:inline-block;font-weight:700;border:2px solid #000}.App.modal{width:80%;margin-left:0}.App.modal .toolbar{width:78%;margin-top:0}.App.modal .inputList{width:22%;display:flex!important;flex-direction:column;height:90vh}.App.modal .inputList>div{flex:0 1}.App.modal .inputList>div:nth-child(2){flex:1 1!important;overflow-y:scroll}.link{display:inline;position:relative}.link-popup{position:absolute;left:0;display:flex;align-items:center;background-color:#fff;padding:6px 10px;grid-gap:10px;gap:10px;border-radius:6px;border:1px solid #d3d3d3;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}img{height:15px}.element-image img,.video-wrapper,iframe{width:100%;height:100%}
/*# sourceMappingURL=main.0d97f5d5.chunk.css.map */