body{background:#a6a6a6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;margin:0;overflow:hidden;font-family:Helvetica,Arial,sans-serif}#app{height:100vh;display:flex;justify-content:center;align-items:center}.artboard{width:60%;min-height:200px;max-height:95%;line-height:0;margin:0;-webkit-box-shadow:4px 4px 0 0 rgb(141,141,141);-moz-box-shadow:4px 4px 0 0 rgb(141,141,141);box-shadow:4px 4px #8d8d8d;border:1px solid #777;--backgroundColor: rgba(255, 255, 255);--squareColor: rgba(100, 100, 100, .2);--squareSize: 8px;background-color:var(--backgroundColor);background-image:linear-gradient(45deg,var(--squareColor) 25%,transparent 25%),linear-gradient(135deg,var(--squareColor) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--squareColor) 75%),linear-gradient(135deg,transparent 75%,var(--squareColor) 75%);background-position:0 0,var(--squareSize) 0,var(--squareSize) calc(-1 * var(--squareSize)),0 calc(-1 * var(--squareSize));background-size:calc(2 * var(--squareSize)) calc(2 * var(--squareSize))}.artboard svg{margin:0}.artboard#logo-generator{width:auto;min-height:auto;max-height:none}.hidden{display:none}.info{font-size:.75em;color:#333;position:absolute;bottom:0;left:0;margin:0 0 .5em .6em;padding:0}.info .logo{color:#888;position:relative;top:-1px}.info .logo.active{color:#fcf000}.tp-dfwv{text-transform:uppercase;width:330px!important}.tp-fldv_t{text-transform:uppercase;font-weight:700}.tp-lblv_v{width:200px!important}.tp-lblv-nol .tp-lblv_v{width:100%!important}.tp-txtrv_i{text-transform:uppercase;font-size:1.25em!important}:root{--tp-font-family: "Helvetica";--tp-base-background-color: #222222;--tp-container-background-color: #555555;--tp-input-background-color: #444444;--tp-input-foreground-color: #ffffff;--tp-label-foreground-color: #ffffff}