body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;height:100%}#upload_widget.cloudinary-button{background-color:#ff5b35}.profile-info{display:flex;flex-direction:column;width:calc(100% - 120px);padding:15px 10px;color:#fff}.profile-info label{display:flex;flex-direction:column;gap:10px;width:100%;padding:10px 0;color:#fff}.profile-info__groups{width:100%;display:flex;gap:10px}.profile-info input{height:35px;padding:5px 10px;border:1px solid rgb(181,181,181);border-radius:5px;background-color:transparent;color:#fff}.profile-info input::placeholder{color:#b5b5b5}.template{width:70%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.template-signature{min-width:700px;min-height:400px;margin:0 auto;display:inline-flex;align-items:center;flex-direction:column;justify-content:center;border:1px solid #192732;color:#fff;border-top:40px solid #192732;border-radius:4px}.template-signature__container{width:auto;display:inline-flex;align-items:left;flex-direction:column;gap:15px}.profile__img{width:130px;object-fit:cover}.template-signature__top{display:flex;justify-content:center;align-items:center;width:100%;padding-bottom:15px;gap:15px}.template-signature__top-left{display:flex;justify-content:center;align-items:center;padding:0 15px 0 0;gap:15px;width:100%}.template-signature__top-left h2,.template-signature__top-left p{padding:5px 0}.template-signature__top-right a{color:inherit;text-decoration:none}.template-signature__top-right p{display:flex;align-items:center;padding:6px 0;gap:10px}.template-signature__top.large h2{font-size:20px}.template-signature__top.medium h2{font-size:18px}.template-signature__top.small h2,.template-signature__top.large p,.template-signature__top.large a{font-size:16px}.template-signature__top.medium p,.template-signature__top.medium a{font-size:14px}.template-signature__top.small p,.template-signature__top.small a{font-size:12px}.template__btn{width:250px;padding:15px 20px;font-size:20px;background-color:#ff5b35;border:none;border-radius:5px;color:#fff;cursor:pointer}.modal-template{display:none}.modal-template.open{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:3}.modal-template__content{width:1024px;padding:20px;position:absolute;top:10%;left:30%;background-color:#fff}.modal-template__text{overflow-y:scroll;height:500px}.styles{display:flex;flex-direction:column;width:calc(100% - 120px);padding:15px 10px;color:#fff}.styles label{margin-bottom:10px;font-size:22px}.styles__group{width:100%;display:flex;padding-bottom:15px;gap:10px}.styles__group input[type=text]{width:calc(100% - 50px);padding:5px 10px;border:1px solid rgb(181,181,181);border-radius:5px;background-color:transparent;color:#b5b5b5}.styles__color{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:40px;height:40px;padding:0 1px;border:none;cursor:pointer}.styles__color::-webkit-color-swatch{border-radius:50%;border:2px solid #ffffff}.styles__color::-moz-color-swatch{border-radius:50%;border:2px solid #ffffff}.form-signature{width:40%;height:100vh;display:flex;background-color:#192732}.list{width:120px;display:flex;flex-direction:column;align-items:center;list-style:none;padding:0;margin:0}.form-signature__list{display:flex}.list__item{width:100%;padding:15px;text-align:center;cursor:pointer;color:#fff}.list__item.active{background-color:#2e475d}