@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap);body{margin:0;font-family:"Inter","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1faee}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container{margin:0 auto;position:relative;max-width:1023px;width:calc(100% - 40px)}@media (min-width:768px){.container{width:calc(100% - 80px)}}button:focus,input:focus,link:focus,select:focus,textarea:focus{outline:1px dotted #1d3557;outline-offset:2px}.text-input input,.text-input select,.text-input textarea{border:1px solid #1d3557;background-color:rgba(168,218,220,.2)}.text-input select{padding:4px}.text-input__field{display:block;width:100%;resize:none;height:120px}.text-input__options{margin-top:12px}.text-input__controls{display:flex;flex-wrap:wrap;flex-direction:column;line-height:26px}.text-input__controls>div{margin-top:10px;display:flex}.text-input__controls input{max-width:70px;padding:3px;margin-right:8px}.text-input__controls label{margin-right:12px}.color-picker{position:relative}.color-picker .react-colorful{position:absolute;top:110%}.panel{display:flex;grid-gap:10px;gap:10px;flex-direction:column}.panel>div{width:100%}@media (min-width:768px){.panel{flex-direction:row}}.canvas canvas{background:#fff;border:1px solid #457b9d;width:100%;max-width:100%;margin:0 auto}
/*# sourceMappingURL=main.0adb6001.chunk.css.map */