:root{--f-base: "Suisse Int'l", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 600;--fw-strong: var(--fw-semibold)}html{height:100%;width:100%;position:relative;font-size:10px;padding:0;margin:0}*{box-sizing:border-box}body{padding:0;margin:0;width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mail-signature-tool{display:flex;flex-direction:column;width:100%;height:100%;padding:1rem;gap:1rem}@media (min-width: 900px){.mail-signature-tool{flex-direction:row}}.mail-signature-tool__image{display:flex;align-items:center;justify-content:center;position:relative;border-radius:.5rem;overflow:hidden}.mail-signature-tool__image .picture,.mail-signature-tool__image img{width:100%;max-height:35vh;object-fit:cover}@media (min-width: 600px){.mail-signature-tool__image .picture,.mail-signature-tool__image img{height:100%;display:flex;max-height:45vh}}@media (min-width: 900px){.mail-signature-tool__image{flex:1}.mail-signature-tool__image .picture,.mail-signature-tool__image img{max-height:none}}.mail-signature-tool__content{flex:1;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden}.mail-signature-tool__content .content{overflow:auto;display:flex;flex-direction:column;align-items:flex-start;padding:4.3rem;overflow-y:auto;width:100%;max-width:56rem}.mail-signature-tool__content .content__title h1{margin-top:0;font-family:var(--f-base);font-weight:var(--fw-medium);font-size:3rem;font-style:normal;margin-bottom:1.6em;line-height:3rem;letter-spacing:letter-spacing(-.6)}@media (min-width: 600px){.mail-signature-tool__content .content__title h1{font-size:3.4rem;margin-bottom:1em}}.mail-signature-tool__content .content__text{font-size:1.8rem;font-family:var(--f-base);color:#000;font-weight:var(--fw-regular);font-style:normal;line-height:1.65;max-width:42.3em;letter-spacing:.016rem;text-wrap:pretty}.mail-signature-tool__content .content__form{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;margin-top:4.8rem;font-size:1.3rem;font-family:var(--f-base);font-weight:var(--fw-regular);font-style:normal;line-height:1.65}.mail-signature-tool__content .content__form__group{display:flex;align-items:center;justify-content:center;width:14rem;height:4rem;border-radius:.5rem;background-color:transparent;border:1px solid #000000;color:#000;position:relative;font-family:var(--f-base);overflow:hidden;transition:background-color .3s ease-in-out,color .3s ease-in-out}.mail-signature-tool__content .content__form__group:hover{background-color:#000;color:#fff}.mail-signature-tool__content .content__form__group input[type=file]{opacity:0;height:100%;width:100%;cursor:pointer}.mail-signature-tool__content .content__form__group label{position:absolute;z-index:1;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);line-height:4rem;cursor:pointer;box-sizing:border-box;width:12.7rem;padding:0 1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mail-signature-tool__content .content__form #submit{height:4rem;width:16.4rem;background-color:#000;color:#fff;position:relative;border:none;border-radius:.5rem;opacity:1;transition:opacity .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out;cursor:pointer}.mail-signature-tool__content .content__form #submit:hover:not(:disabled){background-color:#000;color:#fff}.mail-signature-tool__content .content__form #submit:disabled:not(.loading){background-color:#e0ddd9;color:#7c7c7c;cursor:not-allowed}.mail-signature-tool__content .content__form #submit.loading{color:transparent}.mail-signature-tool__content .content__form #submit.loading .loader{opacity:1;visibility:visible}.mail-signature-tool__content .content__form #submit.loading:hover{background-color:#333}.mail-signature-tool__content .content__form #submit.loading:hover .loader span div{border-color:#000000 transparent transparent transparent}.mail-signature-tool__content .content__form #submit .loader{cursor:not-allowed;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition);position:absolute;top:0;right:0;bottom:0;left:0;z-index:100}.mail-signature-tool__content .content__form #submit .loader span{display:block;width:2rem;height:2rem;margin:1rem auto}.mail-signature-tool__content .content__form #submit .loader span div{box-sizing:border-box;display:block;position:absolute;width:2rem;height:2rem;margin:0 auto;border:.3rem solid #333333;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#333333 transparent transparent transparent;transition:border-color .3s ease-in-out}.mail-signature-tool__content .content__form #submit .loader span div:nth-child(1){animation-delay:-.45s}.mail-signature-tool__content .content__form #submit .loader span div:nth-child(2){animation-delay:-.3s}.mail-signature-tool__content .content__form #submit .loader span div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}