body{margin:0;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app,.app-grid{display:flex}.app-grid{flex-direction:column;align-items:center;z-index:1;align-self:center;margin-right:5px}.editor{flex:1 1;position:relative;display:flex;overflow:hidden}.editor-clip{flex:1 1;margin-left:-5px}.delete-button{position:absolute;right:1px;width:30px;height:30px;border-radius:15px;z-index:2;border:none;cursor:pointer;transition:background-color .33s,-webkit-transform .2s;transition:transform .2s,background-color .33s;transition:transform .2s,background-color .33s,-webkit-transform .2s}.delete-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:#87ceeb}.delete-button:active{-webkit-transform:scale(.95);transform:scale(.95);background-color:#87ceeb}.empty-editor{padding:0 10px}.empty-editor h1{color:#333}.empty-editor p{color:#666}.grid{display:grid;grid-gap:6px;gap:6px;grid-auto-columns:60px;grid-auto-rows:60px;padding:2px}.grid-container{position:relative;overflow:hidden}.grid-page{display:flex;align-items:center;justify-content:center;position:absolute;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;width:64px;height:96px;color:#333;font-size:20px;z-index:3;margin:-48px -32px;pointer-events:none;background:radial-gradient(ellipse,#fff 0,hsla(0,0%,100%,.8) 25%,hsla(0,0%,100%,.4) 40%,hsla(0,0%,100%,0) 66%)}.grid-page-left{top:50%;-webkit-transform:translate(7px);transform:translate(7px)}.grid-page-right{top:50%;right:0;-webkit-transform:translate(-7px);transform:translate(-7px)}.hidden{opacity:0}.grid-page-left.hidden{-webkit-transform:translate(20px);transform:translate(20px)}.grid-page-right.hidden{-webkit-transform:translate(-20px);transform:translate(-20px)}.grid-space{background-color:#d3d3d3;transition:background-color .5s;border-radius:6px;display:flex;-webkit-user-select:none;user-select:none;color:#fff;font-size:40px;align-items:center;justify-content:center;position:relative}@-webkit-keyframes block-select{0%{outline-color:hsla(0,0%,100%,0);outline-offset:8px;outline-width:5px}to{outline-color:#708090;outline-offset:0;outline-width:1px}}@keyframes block-select{0%{outline-color:hsla(0,0%,100%,0);outline-offset:8px;outline-width:5px}to{outline-color:#708090;outline-offset:0;outline-width:1px}}.grid-content{background-color:#87ceeb;transition:background-color .5s,-webkit-filter .33s;transition:background-color .5s,filter .33s;transition:background-color .5s,filter .33s,-webkit-filter .33s;border-radius:6px;display:flex;-webkit-user-select:none;user-select:none;color:#fff;font-size:32px;align-items:center;justify-content:center;position:relative}.grid-content-selected{outline-color:#708090!important;outline-style:solid;-webkit-animation-name:block-select;animation-name:block-select;-webkit-animation-duration:.33s;animation-duration:.33s;-webkit-animation-iteration-count:1;animation-iteration-count:1}.grid-content-selected,.grid-content:hover{background-color:#00bfff}.grid-content-grab{position:absolute}.grid-content-grab-left{width:10px;height:100%;left:0;top:0;margin-left:-3px;cursor:ew-resize}.grid-content-grab-right{width:10px;height:100%;left:100%;top:0;margin-left:-7px;cursor:ew-resize}.grid-content-grab-top{width:100%;height:10px;left:0;top:0;margin-top:-3px;cursor:ns-resize}.grid-content-grab-bottom{width:100%;height:10px;left:0;top:100%;margin-top:-7px;cursor:ns-resize}.pagination{display:flex;box-sizing:border-box;align-items:space-between;padding:3px;font-size:13px;background-color:#fff;border-radius:10px;position:relative;z-index:3;-webkit-user-select:none;user-select:none}.pagination button{-webkit-appearance:none;appearance:none;border:none;padding:0 3px;background:none;font:inherit;transition:color .33s}.pagination button:hover{color:#1e90ff}.pagination-list{display:flex;flex:1 1}.pagination-fill-l{flex-direction:row-reverse}.pagination-fill-l,.pagination-fill-r{display:flex;flex:1 1}.pagination-current{padding:0 3px;font-weight:800;color:#1e90ff}.title{padding:7px 0;min-height:20px;color:#666;font-size:13px}.cols-selector{display:flex;box-sizing:border-box;grid-gap:4px;gap:4px;padding:3px;font-size:13px;background-color:#fff;border-radius:10px;position:relative;z-index:3;-webkit-user-select:none;user-select:none}.cols-selector button{-webkit-appearance:none;appearance:none;border:none;padding:0 3px;background:none;font:inherit;transition:color .33s}.col-current,.cols-selector button:hover{color:#1e90ff}.col-current{padding:0 3px;font-weight:800}.message{display:flex;align-items:center;justify-content:center;position:absolute;z-index:100;width:100%;background-color:wheat;border-bottom:1px solid rgba(0,0,0,.6);height:24px;font-size:14px;-webkit-transform:translateY(-25px);transform:translateY(-25px);transition:-webkit-transform .33s;transition:transform .33s;transition:transform .33s,-webkit-transform .33s}.show-message{-webkit-transform:translate(0);transform:translate(0)}
/*# sourceMappingURL=main.2d9b4e22.chunk.css.map */