body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--clr-bg:#f1f1f1;--clr-light:#fff;--clr-dark:#ddd;--clr-error:red;--clr-darker:#494949;--clr-interact:#345181}body{background-color:#f1f1f1;background-color:var(--clr-bg)}.header{display:flex;justify-content:center;position:relative}.logout{cursor:pointer;font-size:.8em;font-weight:700;position:absolute;right:0}.signator-logo{align-items:center;display:flex;flex-direction:column;justify-content:center}.signator-logo>img{display:block;margin:0}.signator-logo>p{color:#345181;color:var(--clr-interact);font-size:.85em;font-weight:700;margin:0}.title{color:#494949;color:var(--clr-darker);font-size:1em;font-weight:800;text-transform:uppercase}.app{padding:20px;width:calc(100vw - 40px)}@media (min-width:800px){.app{align-items:center;display:flex;justify-content:center}}.app__container{grid-gap:2em;display:grid;gap:2em;margin-left:auto;margin-right:auto;max-width:1024px;width:100%}.app.app--starter .app__container{grid-template-columns:1fr 200px 1fr;grid-template-rows:80px 1fr}.app .preview{background-color:#fff;background-color:var(--clr-light);border:2px solid #ddd;border:2px solid var(--clr-dark);border-radius:6px;padding:1em}@media (min-width:800px){.app:not(.app--starter) .app__container{grid-template-areas:"header header header header header" ". sidebar content content ." ". download client client ." "footer footer footer footer footer"}.app .sidebar{grid-area:sidebar}.app .result{grid-area:content}.app .download{grid-area:download}.app .insert-signature{grid-area:client}.header{grid-area:header}}.app.app--starter .app__container>*{grid-column-end:3;grid-column-start:2;grid-row:2}.app.app--starter .header{grid-row:1}.form-item{display:flex;flex-direction:column}.form-item .form-item__label{display:block;font-size:.8em;font-weight:700;margin-bottom:.25em}.form-item+.form-item{margin-top:.5em}.form-item .form-item__input{background-color:#fff;background-color:var(--clr-light);border:1px solid #ddd;border:1px solid var(--clr-dark);border-radius:3px;flex-grow:1;padding:.5em 1em}.form-item.is-required .form-item__label:after{color:red;color:var(--clr-error);content:" *"}button{font-weight:700;margin-bottom:.5em;margin-top:.5em;padding:.5em 1em}.email-client{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center;max-width:64px;text-decoration:none}.email-client:focus,.email-client:hover{text-decoration:underline}.email-client:not(.first-child){margin-left:1em}.email-client__icon{height:32px;width:32px}.email-client__name{color:#345181;color:var(--clr-interact);font-size:.65em;font-weight:700;text-align:center}.overlayer.overlayer--instruction{background-color:rgba(0,0,0,.3);height:100%;left:0;position:fixed;top:0;width:100%}.overlayer__inner{background-color:#fff;border-radius:6px;margin:1.5em auto;max-height:calc(100vh - 80px - 3em);max-width:600px;padding:40px;position:relative}.overlayer__content{max-height:calc(100vh - 80px - 3em);max-width:100%;overflow-y:auto;padding-right:1em}.overlayer__content img{display:block;margin:.5em;max-width:calc(100% - 1em)}.overlayer__button{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;position:absolute;right:0;top:0;width:40px}.overlayer__button:focus,.overlayer__button:hover{background-color:#ddd}
/*# sourceMappingURL=main.547fabfb.css.map*/