*{font-family:Quicksand,sans-serif}body{margin:0;background:#fbfbfb;--button-color:#fff;--button-border-radius:5px;--field-border-radius:3px;--field-border-color:#ccc}footer,main{width:960px;max-width:90%;margin:0 auto}.subtitle,.title{text-align:center}.title{font-size:2.3em;color:#383f62}.subtitle{font-size:1.1em}.subtitle.small{color:#888;font-size:.9em}.input-container{display:flex;flex-wrap:wrap;justify-content:space-between}.input-item{flex:0 0 49%;max-width:49%}.upload-container{position:relative;display:flex;justify-content:center;align-items:center}input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;background-color:#f6f6f6;border-radius:var(--field-border-radius);border:1px dashed var(--field-border-color);color:transparent}.upload-container:hover input[type=file]{background-color:#eee}input[type=file]::file-selector-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:none;background:#084cdf;padding:10px 20px;border-radius:var(--button-border-radius);color:var(--button-color);cursor:pointer}input[type=file]::file-selector-button:hover{background:#0d45a5}input[type=file]:before{content:"Drop SVG file here or";position:absolute;top:-40px;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#666}.CodeMirror{border-radius:var(--field-border-radius);border:1px solid var(--field-border-color)}.CodeMirror *{font-family:monospace}.preview{padding:40px 20px;margin:0;border-radius:var(--field-border-radius);border:1px solid var(--field-border-color)}.preview-title-container{display:flex;align-items:center}.colorpicker{-webkit-appearance:none;height:35px;width:35px;margin-left:10px;padding:0;border:none;outline:none;background:transparent;cursor:pointer}.control,input[type=file],input[type=file]::file-selector-button{transition:background .15s ease-in-out}.controls{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;margin:30px 0}.control{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;flex:0 0 auto;border:none;text-decoration:none;margin:0 0 10px;padding:10px 30px;border-radius:var(--button-border-radius);color:var(--button-color);font-size:1em;background:#0de86c;cursor:pointer}.control:hover{background:#0bc45b}.control:before{margin-right:10px}.control-download:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-download' width='24' height='24' stroke-width='2' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 0h24v24H0z' stroke='none'/%3E%3Cpath d='M4 17v2a2 2 0 002 2h12a2 2 0 002-2v-2M7 11l5 5 5-5M12 4v12'/%3E%3C/svg%3E")}.control-copy:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-clipboard' width='24' height='24' stroke-width='2' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 0h24v24H0z' stroke='none'/%3E%3Cpath d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2'/%3E%3Crect x='9' y='3' width='6' height='4' rx='2'/%3E%3C/svg%3E")}.copied{color:transparent}.copied:after{content:"Copied!";position:absolute;color:#fff}.about{line-height:1.8}footer{padding:30px 0 0}.footer-text{margin:0;padding:30px 0;text-align:center;border-top:1px solid var(--field-border-color);font-size:.8em}.footer-text a{color:#17a2d9}@media (prefers-color-scheme:dark){body{background:#333;color:#eee}.title{color:#7ca4fc}.subtitle.small{color:#ddd}input[type=file]{background:#555;border-color:#999}.upload-container:hover input[type=file]{background:#2f2f2f}input[type=file]:before{color:#eee}.footer-text a{color:#85b9fa}.CodeMirror{border-color:#797979}}
/*# sourceMappingURL=style.03ae455f.css.map */