:root{font-family:sans-serif}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.spacer{height:0;width:50px;border:1px solid #2c3e50;margin:15px auto}.small-shadow{box-shadow:0 0 5px #0003;transition:.3s ease-in-out}.small-shadow:hover,.medium-shadow{box-shadow:0 0 10px #0003}.large-shadow{box-shadow:0 0 15px #0003}.render-preview{max-width:800px;margin:30px auto;min-height:100px;display:flex;justify-content:stretch;align-items:center}.ngp-area{flex-basis:100%}.options{display:flex;flex-direction:column;max-width:600px;margin:30px auto;padding:15px 25px}.options>h1{text-align:center}.options #form_url{padding:15px;width:80%}.options .option label{display:block;font-weight:700;margin-bottom:5px}.drag-drop-wrapper{text-align:center;border-radius:5px;max-width:600px;margin:0 auto;padding:15px}#drag-drop-list{display:flex;flex-direction:column;list-style:none;width:100%;margin:0;padding:0;align-items:center}#drag-drop-list li{padding:15px;margin:5px;border:1px solid #ccc;width:50%;position:relative;cursor:grab}#drag-drop-list li:active{cursor:grabbing}#drag-drop-list li:before{content:"drag_indicator";font-family:Material Icons;font-weight:400;vertical-align:middle;font-size:24px;position:absolute;left:5%;top:25%}