body{background-color:#f0f0f0;margin:0;box-sizing:border-box;font-family:monospace;font-size:16px}.draggable-component-container{display:flex;align-items:center;width:100%}.draggable-content{flex:1 1;display:flex;align-items:center}.draggable-component-wrapper{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.drag-handler{background:#f5f5f5;border-radius:4px;padding:5px;cursor:-webkit-grab;cursor:grab;margin-left:10px;-webkit-transition:all .2s;transition:all .2s}.drag-container{display:inline-flex;align-items:center;padding:5px}.layout-grid :not(.draggable-source--is-dragging) .drag-handler{opacity:.1}.layout-grid .draggable-component:hover .drag-handler{opacity:1}.draggable-ak-component{display:none;max-width:400px}.draggable-ak-component img{max-width:100%}.draggable-component-wrapper .draggable-ak-component{display:none!important}.draggable-source--is-dragging .draggable-ak-component,.layout-grid .draggable-ak-component{display:block}.draggable-component:focus{outline:none;border:2px dashed #d7ebf5}.component-drawer{height:120vh;background-color:#fff;padding:10px 15px;box-shadow:0 10px 20px rgba(0,0,0,.03),0 6px 6px rgba(0,0,0,.04)}.component-drawer:focus{outline:none}.components h3{font-weight:900;padding:12px 10px;margin:0;font-size:20px}.dummy{display:flex;align-items:center}.icon{background-color:#0251cc;color:#fff;border-radius:50%;width:24px;height:24px}.button-set,.date-picker,.text{background-color:#fff;color:#0251cc}.button{color:#0251cc;border-radius:4px;width:40px;margin-left:-7px;margin-right:-6px}.component-name{margin-left:15px}.checkbox{border-radius:0}.actual{position:absolute;width:100%;top:0;left:0;height:100%;cursor:pointer}.actual img{max-width:300px}.beta-label{margin-top:1rem;background:#adadad;text-transform:uppercase;font-weight:700;display:inline-block;color:#fff;padding:5px 10px;border-radius:2px;font-size:.9rem}.component-drawer h1{margin-bottom:.7rem}.subtext{font-size:.9rem;color:#999;margin:0 0 .8rem}.component-editor-container{background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.03),0 6px 6px rgba(0,0,0,.04);height:120vh;padding:10px 15px;flex-basis:20%}.component-editor-container h3{font-weight:700;font-size:20px}.component-editor-container .lever{padding:15px 0;border-bottom:1px solid #eee}.lever-prop-name{text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#787878;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem}.playground .layout{background-color:#fff;width:80%;height:80vh;margin:75px auto 0;box-shadow:0 14px 28px rgba(0,0,0,.12),0 10px 10px rgba(0,0,0,.11);border-radius:4px}.thumbnails{display:flex;margin:15px auto 0;width:550px}.thumbnails .thumbnail{width:100px;height:125px;background-color:#fff;margin:0 7px;border-radius:4px}.playground h3{width:550px;margin:50px auto 0;padding-left:15px}.layout-grid:focus{outline:none}.layout-grid td{min-width:200px;margin:0}.layout-grid,.layout-grid td{border-collapse:collapse;border-radius:4px}.layout-grid{width:100%;height:100%}.draggable-container--over .draggable-dropzone--occupied{border:1px solid #4fdabc}.layout-grid td{border:1px solid #eee;-webkit-transition:all .4s;transition:all .4s}.layout-grid td.draggable-droppable--active{border-color:#4fdabc}body.draggable--is-dragging td{border:1px dotted #ddd}.draggable--original,.draggable-mirror{opacity:1}:not(.body.draggable--is-dragging) .draggable-source--placed{-webkit-animation:pop 1s;animation:pop 1s}.draggable-dropzone--occupied .item{-webkit-animation:pop .2s;animation:pop .2s}@-webkit-keyframes pop{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.99);transform:scale(.99)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.99);transform:scale(.99)}to{-webkit-transform:scale(1);transform:scale(1)}}.draggable-container--is-dragging,body.draggable--is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.draggable-component{cursor:-webkit-grab;cursor:grab}body,html{font-family:Varela Round}h1,h2,h3,h4,h5{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.flex{display:flex;flex-direction:row}.gutter.gutter-horizontal{cursor:ew-resize}.app{display:flex}.download-container{text-align:center;padding:15px;margin-top:2rem}.download-container a{align-items:baseline;border-width:0;box-sizing:border-box;display:inline-flex;font-size:inherit;font-style:normal;font-weight:400;max-width:100%;outline:none!important;text-align:center;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap;background:rgba(9,30,66,.04);border-radius:3px;box-shadow:0 0 0 2px inherit;color:#6c7380!important;cursor:pointer;height:2.2857142857142856em;line-height:2.2857142857142856em;padding:0 8px;-webkit-transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38);-webkit-transition-duration:.1s,.15s;transition-duration:.1s,.15s;vertical-align:middle;width:auto}.dwn-icon{position:relative;top:4px;margin-left:2px}
/*# sourceMappingURL=main.20992827.chunk.css.map */