html,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;color:#383838}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{font-size:36px;font-weight:100;text-align:center;margin:40px 20px 20px}.grid{display:flex;flex-wrap:wrap;justify-content:center;padding:0;margin:0}.grid-image{background:#fff;align-self:center;margin:10px;padding:10px;overflow:hidden;border-radius:2px;box-shadow:0 1px 2px #0003}.grid-image-info{font-size:12px}.grid-image:hover polygon{animation:kaboom 5s ease infinite}@keyframes shoow{0%{opacity:0}to{opacity:1}}@keyframes kaboom{0%{opacity:1}10%{opacity:1}20%{opacity:.3}30%{opacity:1}to{opacity:1}}.renderer-container{background:#373737;padding:30px;color:#fff}.renderer-inner-container{max-width:600px;margin:auto}.renderer-header{font-size:26px;font-weight:200;margin-top:0}.renderer-image{background:#fff;display:inline-block;font-size:0}.renderer-text-container{font-size:12px;font-weight:300;display:inline-block;margin:0 20px;overflow:hidden}.renderer-value-text{font-size:12px;font-weight:600}.uploader{width:300px;margin:auto auto 30px}.form-group{width:300px;margin:14px;border-bottom:1px solid #E6E6E6;overflow:hidden;padding:17px;box-sizing:border-box;border-radius:2px}.form{max-width:700px;margin:40px auto;background:#fff;display:flex;flex-wrap:wrap;overflow:hidden}.form header{color:#3a3a3a;font-size:17px;font-weight:300;margin-bottom:20px}.form-checkbox-group{margin:20px 0}.form-button{max-width:200px;margin:30px;border:none;background:#1a4e7a;color:#fff;line-height:38px;text-align:center;border-radius:2px;overflow:hidden;padding:0 15px}.form-button:hover{background:#164064}.form-button:active{background:#143c5e}.group-button{border:none;background:#1a4e7a;color:#fff;line-height:38px;text-align:center;border-radius:2px;overflow:hidden;padding:0 15px}.group-button:hover{background:#164064}.group-button:active{background:#143c5e}input[type=range]{-webkit-appearance:none;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:13px;cursor:pointer;background:#3071a9}input[type=range]::-webkit-slider-thumb{height:13px;width:12px;background:#0000004d;cursor:pointer;-webkit-appearance:none}input[type=range]:focus::-webkit-slider-runnable-track{background:#367ebd}input[type=range]::-moz-range-track{width:100%;height:13px;cursor:pointer;background:#3071a9;border:0px solid #010101}input[type=range]::-moz-range-thumb{border:1px solid #000000;height:13px;width:12px;background:#0000004d;cursor:pointer}input[type=range]::-ms-track{width:100%;height:13px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#2a6495;border:0px solid #010101}input[type=range]::-ms-fill-upper{background:#3071a9;border:.2px solid #010101}input[type=range]::-ms-thumb{border:0px solid #000000;height:13px;width:12px;background:#0000004d;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#3071a9}input[type=range]:focus::-ms-fill-upper{background:#367ebd}