:root{--app-bg:#f3f4f6;--app-bg-null:#fff;--app-accent-color:#ff6200;--app-page-y-padding:60px;--app-page-x-padding:20px;--app-page-heading-font-size:36px;--app-page-heading-description-font-size:18px;--app-modal-title-font-size:32px;--app-modal-description-font-size:20px}#am-email-signature-generator-app,.app,body,html{min-height:100vh}.app{display:grid;grid-template-columns:350px 1fr;grid-template-rows:auto 1fr;max-height:100vh}.app a,.app a:hover{text-decoration:none}.app.app--page-2,.app.app--page-3{display:grid;grid-template-columns:1fr}@media (max-width:980px){.app{display:grid;grid-template-columns:1fr;grid-template-rows:auto 2fr 1fr}}body{background:#f3f4f6;background:var(--app-bg)}.app__header{align-items:center;background:#fff;background:var(--app-bg-null);box-shadow:inset 0 -2px 0 -1px #e5e7eb;display:grid;gap:12px;grid-column-end:3;grid-column-start:1;grid-template-columns:auto 1fr auto auto;padding:0 20px 0 0}.app__header__logo{background:#ff6200;background:var(--app-accent-color);padding:18px}.app__header__logo svg{fill:currentColor;display:block;height:26px;margin:0;vertical-align:middle;width:26px}.app__header__nav ul{align-items:stretch;display:flex;justify-content:left;list-style:none}.app__header__nav ul li{margin:0;padding:0}.app__header__nav ul li>span{color:#464646;cursor:pointer;display:block;font-size:16px;font-weight:600;line-height:1;margin-left:18px;padding:23px 0;transition:all .2s;-webkit-user-select:none;user-select:none}.app__header__nav ul li>span,.app__header__nav ul li>span:hover{text-decoration:none}.app__header__nav ul li>span:hover{box-shadow:inset 0 -5px 0 -1px #f1f1f1;color:#111}.app__header__nav ul li>span.active{box-shadow:inset 0 -5px 0 -1px #ff6200;box-shadow:inset 0 -5px 0 -1px var(--app-accent-color);color:#111}.app__header__nav ul li:first-of-type>span{margin-left:6px}.app__header__save{background:#3ea600;border:0;border-radius:3px;color:#fff;display:inline-block;font-size:14px;font-weight:600;line-height:1;padding:12px 28px;position:relative;white-space:nowrap}.app__header__save:hover{background:#40910f}.app__header__save.loading:before{background:#40910f;border-radius:inherit;bottom:0;box-shadow:inset 4px 4px 6px -4px #0009;content:"";display:inline-block;left:0;position:absolute;right:0;top:0;z-index:10}.app__header__save.loading:after{animation:am-loading-save .35s linear infinite;border:0;border-radius:50%;box-shadow:0 2px 0 0 #fff;content:"";display:inline-block;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;z-index:11}@keyframes am-loading-save{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}.app__header__close-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.app__header__close{display:inline-block;height:32px;margin:0 0 0 6px;opacity:.7;position:relative;width:32px}.app__header__close:hover{opacity:1}.app__header__close:after,.app__header__close:before{background:#333;content:"";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}.app__header__close:before{transform:translate(-50%,-50%) rotate(45deg)}.app__header__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.app__header__back{align-items:center;background:#0000;border:0;cursor:pointer;display:inline-grid;font-size:20px;font-weight:600;gap:10px;grid-template-columns:10px auto;padding:10px 6px;transition:all .2s}.app__header__back svg{fill:currentColor}.app__header__back:hover{color:#ff6200;color:var(--app-accent-color)}.app__header__back:focus:not(:focus-visible){outline:none}@media (max-width:980px){.app__header{grid-column-end:2;grid-column-start:1}}@media (max-width:630px){.app__header{gap:6px;grid-template-columns:1fr auto auto;padding-right:6px}.app__header__logo{display:none}.app__header__nav ul li>span{font-size:13px;letter-spacing:-.5px;margin-left:8px}.app__header__save{font-size:13px;letter-spacing:-.5px;padding:12px}.app__header__close{margin:0}}.app__sidebar{background:#fff;background:var(--app-bg-null);max-height:100%;overflow:auto;padding:32px 24px}.app__sidebar h3{color:#464646;font-size:16px;font-weight:700}.app__form{margin:0}.app__form-row{display:block;margin:0 0 20px}.app__form-row label{cursor:pointer;font-size:14px;font-weight:600}.app__notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;display:block;font-size:12px;font-weight:600;margin:0 0 30px;padding:8px 12px}.app__notice a{box-shadow:inset 0 -2px 0 -1px #3b82f6;color:#3b82f6;text-decoration:none}.app__notice a:hover{box-shadow:inset 0 -4px 0 -1px #3b82f6bf;text-decoration:none}.app__form__theme{align-items:center;background:#f9fafb;border-radius:8px;cursor:pointer;display:flex;justify-items:center;margin:0 0 20px;padding:20px;position:relative;transition:all .2s}.app__form__theme:hover{background:#dfe9ef}.app__form__theme.active{box-shadow:inset 0 0 0 2px #10aaee,2px 2px 3px 1px #d0d5db47}.app__form__theme.loading:before{background:#fff6;bottom:0;content:"";display:inline-block;left:0;position:absolute;right:0;top:0;z-index:10}.app__form__theme.loading:after{animation:am-loading .35s linear infinite;border:0;border-radius:50%;box-shadow:0 3px 0 0 #ff6200;box-shadow:0 3px 0 0 var(--app-accent-color);content:"";display:inline-block;height:36px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:36px}@keyframes am-loading{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}@media (max-width:980px){.app__form--theme{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.app__form--theme .app__form__theme{margin:0}}.app__clear{background:#0000;border:0;box-shadow:inset 0 -2px 0 -1px currentColor;color:red;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin:10px 0;padding:5px 0;transition:all .2s}.app__clear:hover{box-shadow:inset 0 -4px 0 -1px #ff0000b3}.app__clear+.app__clear{margin-left:10px}.app__preview{align-items:center;display:flex;justify-content:center;padding:32px 24px}@media (max-width:1140px){.app__preview{padding:8px}}.signature-preview{background:#fff;background:var(--app-bg-null);border-radius:8px;max-width:708px;padding:5vmin 10vmin;position:relative;width:100%}.signature-preview>div{align-items:center;display:flex;justify-items:center}.signature-preview>div>table{margin:auto}@media (max-width:1140px){.signature-preview{padding:16px}}.app__page{display:flex;justify-content:center;justify-items:left;padding:60px 20px;padding:var(--app-page-y-padding) var(--app-page-x-padding)}.app__page__inner{max-width:1140px;width:100%}.app__page__heading{margin:0 auto 32px;text-align:center}.app__page__heading h2{font-size:36px;font-size:var(--app-page-heading-font-size);font-weight:700;margin:0}.app__page__heading p{font-size:18px;font-size:var(--app-page-heading-description-font-size);font-weight:600;margin:5px 0 0}.app__page__heading+.app__preview{padding-top:0}@media (max-width:680px){.app__page{--app-page-y-padding:30px;--app-page-x-padding:14px;--app-page-heading-font-size:20px;--app-page-heading-description-font-size:15px}}.app__steps-nav{--app-steps-nav-gap:16px;--app-steps-nav-margin:32px;--app-steps-nav-columns-width:32px;--app-steps-nav-columns-gap:18px;--app-steps-nav-font-size:20px;display:flex;gap:var(--app-steps-nav-gap);justify-content:center;margin:0 auto var(--app-steps-nav-margin)}.app__steps-nav__step{align-items:center;background:#0000;border:0;cursor:default;display:grid;font-size:var(--app-steps-nav-font-size);font-weight:600;gap:var(--app-steps-nav-columns-gap);grid-template-columns:var(--app-steps-nav-columns-width) var(--app-steps-nav-columns-width) auto;padding:3px;position:relative}.app__steps-nav__step:before{background:#9ca3af;content:"";display:block;height:1px;width:var(--app-steps-nav-columns-width)}.app__steps-nav__step>span:first-child{align-items:center;background:#0000;border:1px solid #464646;border-radius:50%;color:#464646;display:grid;height:var(--app-steps-nav-columns-width);justify-items:center;width:var(--app-steps-nav-columns-width)}.app__steps-nav__step:first-child{grid-template-columns:var(--app-steps-nav-columns-width) auto}.app__steps-nav__step:first-child:before{display:none}.app__steps-nav__step--current>span:first-child,.app__steps-nav__step--passed>span:first-child{background:#464646;color:#fff}.app__steps-nav__step--passed{cursor:pointer}@media (max-width:680px){.app__steps-nav{--app-steps-nav-gap:8px;--app-steps-nav-margin:20px;--app-steps-nav-columns-width:20px;--app-steps-nav-columns-gap:8px;--app-steps-nav-font-size:15px}}#am-email-signature-generator-app-inner-form{display:none!important;margin-left:auto;margin-right:auto;max-width:630px;padding:0 20px 60px;padding:0 var(--app-page-x-padding) var(--app-page-y-padding)}#am-email-signature-generator-app-inner-form .wpforms-submit-container{text-align:center}#am-email-signature-generator-app-inner-form div.wpforms-container-full .wpforms-form .wpforms-page-button,#am-email-signature-generator-app-inner-form div.wpforms-container-full .wpforms-form button[type=submit],#am-email-signature-generator-app-inner-form div.wpforms-container-full .wpforms-form input[type=submit]{background:#2d2520;border-radius:4px;box-shadow:0 8px 15px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:600;margin-top:30px;padding:15px 20px}#am-email-signature-generator-app-inner-form .wpforms-confirmation-container-full,#am-email-signature-generator-app-inner-form div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){background:#e9f6ec;border-color:#7ad38c;border-radius:10px;text-align:center}.continue-to-step-3{text-align:center}.continue-to-step-3 button{background:#2d2520;border-radius:4px;box-shadow:0 8px 15px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:600;margin-top:30px;padding:15px 20px}.app__download{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;justify-items:center;margin:20px auto}.app__download__button{background:#fff;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;line-height:1;padding:16px 32px}.app__download__copy{background:#ff6200;background:var(--app-accent-color);border-color:#0000;color:#fff}.app__after-download{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;justify-items:center;margin:50px auto 20px}.app__after-download a{background:#0000;color:#2d2520;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;line-height:1;padding:12px 32px}.app__after-download a:hover{color:#ff6200;color:var(--app-accent-color)}.app__after-download a+a{border-left:1px solid #d4d4d4}.app__modal{background:#00000040;display:grid;inset:0;overflow:auto;padding:60px;place-items:center;position:fixed}.app__modal__box{background:#fff;height:auto;max-width:800px;position:relative;width:100%}.app__modal__header{background:#ffc8b7;display:flex;justify-content:center;min-height:80px;padding:20px 20px 0}.app__modal__close{background:#0000;border:0;cursor:pointer;display:inline-block;height:24px;margin:0 0 0 6px;opacity:.7;position:absolute;right:16px;top:16px;width:24px}.app__modal__close:hover{opacity:1}.app__modal__close:after,.app__modal__close:before{background:#333;content:"";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.app__modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}.app__modal__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.app__modal__inner{padding:30px}.app__modal__inner>h3{display:block;font-size:32px;font-size:var(--app-modal-title-font-size);font-weight:700;line-height:1.1;margin:10px auto;text-align:center}.app__modal__inner>p{color:#525252;display:block;font-size:20px;font-size:var(--app-modal-description-font-size);font-weight:400;margin:0 auto;max-width:600px;text-align:center}.app__modal__textarea{margin-bottom:0;margin-top:20px;min-height:200px}.app__modal__guide-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;justify-items:center;margin:40px auto 20px}.app__modal__guide-buttons a{background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#2d2520;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;line-height:1;padding:16px 32px;transition:all .15s}.app__modal__guide-buttons a:hover{border-color:#ff6200;border-color:var(--app-accent-color);color:#ff6200;color:var(--app-accent-color)}@media (max-width:780px){.app__modal{--app-modal-title-font-size:24px;--app-modal-description-font-size:16px}}.am-email-signature-generator-step-2 #am-email-signature-generator-app,.am-email-signature-generator-step-2 #am-email-signature-generator-app .app{min-height:0}.am-email-signature-generator-step-2 #am-email-signature-generator-app .app__page{padding-bottom:30px}.am-email-signature-generator-step-2 #am-email-signature-generator-app-inner-form{display:block!important}