.app-container,.signature-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20px}.signature-container{background-color:#fff;border:2px solid #ccc;border-radius:5px;box-shadow:0 0 5px #0000001a}.signature-pad{background-repeat:repeat;border:none;height:100%;min-height:450px;width:100%}.btnsContainer{align-items:center;display:flex;justify-content:center}.download-buttons{display:flex;justify-content:space-around;margin-top:20px}.clear-button,.download-button,.save-button{border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .2s ease-in-out}.clear-button:hover,.download-button:hover,.save-button:hover{background-color:#c00}.download-button:disabled{cursor:not-allowed;opacity:.5}.download-button--png{background-color:#388e3c}.download-button--pdf{background-color:#1976d2}.download-button--clear{background-color:#d32f2f}.save-button{background-color:#388e3c;color:#fff;margin-bottom:10px;margin-top:10px}.save-button:hover{background-color:#2a692d}.clear-button{background-color:red;color:#fff;margin-bottom:10px;margin-left:10px;margin-top:10px}.clear-button:hover{background-color:#c00}@media only screen and (max-width:767px){*,.clear-button,.save-button,html{font-size:95%}}.footer{background-color:#f5f5f5;padding:10px}.footer,.footer-content{align-items:center;display:flex;justify-content:center;text-align:center}.footer-content a{background-color:#f5f5f5;border-radius:5px;color:#333;font-weight:700;margin:0;text-align:center}.modal-container{align-items:center;display:flex;height:100vh;justify-content:center}.modal{animation:entrance .5s ease-in-out forwards;background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;max-width:500px;padding:20px}@keyframes entrance{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal .modal-title{font-weight:700;margin-bottom:10px;text-align:center}.modal .modal-body{line-height:1.5}.modal .modal-list{list-style-type:none;padding:0}.modal .modal-list li{margin-bottom:10px;position:relative}.modal .modal-list li .icon{display:inline-block;font-size:1.5em;margin-right:10px}.modal .modal-close{background-color:#333;color:#fff;display:block;margin-top:20px;width:100%}@media only screen and (max-width:600px){.modal .modal{max-width:80%}.modal li{font-size:12px!important}}
/*# sourceMappingURL=main.3c3e0104.css.map*/