@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@400;500;600&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#bec4c4}::-webkit-scrollbar-thumb:hover{background:#9c9999}.login{overflow:hidden;background-color:#fff;padding:40px 30px 30px;border-radius:10px;position:absolute;top:50%;left:50%;width:400px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:-webkit-transform .3s,box-shadow .3s;-moz-transition:-moz-transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s;box-shadow:5px 10px 10px #02809033}.login .container2{display:flex;justify-content:space-between;margin-top:20px}.login .container2 .forgot-password,.login .container2 .signup{color:#080808b9;font-size:smaller;font-weight:700;text-decoration:underline}.login .container2 .forgot-password:hover,.login .container2 .signup:hover{color:#6e6e6c}.login .error-message{font-size:11px;font-weight:700;color:#ff000081;margin-bottom:10px}.login .success-message{font-size:11px;font-weight:700;color:#1fc41f;margin-bottom:10px}.login .formik-label{font-weight:700;color:#5c59549d;font-size:16px}.login .form-title{color:#6e6e6c;margin-bottom:25px}.login:before,.login:after{content:"";position:absolute;width:600px;height:600px;top:50%;border-radius:40% 45% 40% 35%;z-index:-1}.login:before{left:40%;bottom:-130%;background-color:#ceb64d26;-webkit-animation:wawes 6s infinite linear;-moz-animation:wawes 6s infinite linear;animation:wawes 6s infinite linear}.login:after{left:35%;bottom:-125%;background-color:#e2dca660;-webkit-animation:wawes 7s infinite;-moz-animation:wawes 7s infinite;animation:wawes 7s infinite}.login input{font-family:Asap,sans-serif;display:block;border-radius:5px;font-size:14px;color:#635642;background:white;width:100%;border-color:transparent;padding:10px;margin:10px -10px 15px;box-shadow:15px 10px 12px -1px #ebe5e5bf;-webkit-box-shadow:15px 10px 12px -1px rgba(235,229,229,.75);-moz-box-shadow:15px 10px 12px -1px rgba(235,229,229,.75)}.login input::placeholder{color:#aca9a9}.login input:focus{border:2px solid black;outline:transparent}.login button{font-family:Asap,sans-serif;cursor:pointer;color:#fff;font-size:15px;font-weight:700;text-transform:uppercase;width:80px;border:0;padding:10px 0;margin-top:20px;margin-left:-5px;border-radius:5px;background-color:#bea36a;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s}.login button:hover{background-color:#998456}.formik-error{font-size:11px;font-weight:700;color:#ff000081;margin-bottom:10px}.forms-container{width:100vw;height:100vh;background-color:#bea36ad2;font-family:monospace,sans-serif}.forms-container .login{overflow:hidden;background-color:#fff;padding:40px 30px 30px;border-radius:10px;position:absolute;top:50%;left:50%;width:450px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:-webkit-transform .3s,box-shadow .3s;-moz-transition:-moz-transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s;box-shadow:5px 10px 10px #02809033}.forms-container .login .warning-message{font-size:11px;font-weight:700;color:#f96;margin-bottom:10px}.forms-container .login .signin-form{display:flex;align-items:center;color:#08080869;font-size:11px;font-weight:700}.forms-container .login .signin-form .signin{color:#080808b9;font-weight:700;text-decoration:underline;font-size:13px}.forms-container .login .signin-form .signin:hover{color:#6e6e6c}.forms-container .login .form-title{color:#6e6e6c;margin-bottom:25px}.forms-container .login:before,.forms-container .login:after{content:"";position:absolute;top:50%;width:600px;height:600px;border-radius:40% 45% 40% 35%;z-index:-1}.forms-container .login:before{left:40%;bottom:-130%;background-color:#ceb64d26;-webkit-animation:wawes 6s infinite linear;-moz-animation:wawes 6s infinite linear;animation:wawes 6s infinite linear}.forms-container .login:after{left:35%;bottom:-125%;background-color:#e2dca660;-webkit-animation:wawes 7s infinite;-moz-animation:wawes 7s infinite;animation:wawes 7s infinite}.forms-container .login input{font-family:Asap,sans-serif;display:block;border-radius:5px;font-size:14px;color:#635642;background:white;width:100%;border-color:transparent;padding:10px;margin:10px -10px 15px;box-shadow:15px 10px 12px -1px #ebe5e5bf;-webkit-box-shadow:15px 10px 12px -1px rgba(235,229,229,.75);-moz-box-shadow:15px 10px 12px -1px rgba(235,229,229,.75)}.forms-container .login input::placeholder{color:#aca9a9}.forms-container .login input:focus{border:2px solid black;outline:transparent}.forms-container .login button{font-family:Asap,sans-serif;cursor:pointer;color:#fff;font-size:15px;font-weight:700;text-transform:uppercase;width:80px;border:0;padding:10px 0;margin-top:20px;margin-left:-5px;border-radius:5px;background-color:#bea36a;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s}.forms-container .login button:hover{background-color:#998456}@-webkit-keyframes wawes{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes wawes{0%{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@keyframes wawes{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.forms-container .formik-label{font-weight:700;color:#5c59549d;font-size:16px}@font-face{font-family:GT AMERICA REGULAR;src:url(/assets/GT-America-Regular-8799ba1f.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:GT AMERICA BOLD;src:url("/assets/GT America Bold-7ece54f9.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:POPPINS BOLD;src:url(/assets/Poppins\ Bold-4a8eac7c.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:POPPINS REGULAR;src:url(/assets/PoppinsRegular-7fc7e60e.woff) format("woff");font-weight:600;font-style:normal}.main{width:fit-content;max-width:780px;padding:10%;box-shadow:10px 2px 34px -5px #0000004f;-webkit-box-shadow:10px 2px 34px -5px rgba(0,0,0,.31);-moz-box-shadow:10px 2px 34px -5px rgba(0,0,0,.31)}.no-padding{border-radius:20px;padding:0}*{margin:0;padding:0;box-sizing:border-box}.template4-container{min-width:400px;word-break:break-all;max-width:500px;display:flex;justify-content:space-between;gap:20px;padding:10px}.template4-container .left-side{height:70%;display:flex;flex-direction:column;gap:10px}.template4-container .left-side .personal-information{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding-left:4%}.template4-container .left-side .personal-information div{margin-top:auto}.template4-container .left-side .personal-information div .full-name{margin-bottom:10px}.template4-container .left-side .contact-information{padding-left:4%;display:flex;flex-direction:column;gap:5px}.template4-container .left-side .contact-information .contact-data{display:flex;align-items:center;gap:10px}.template4-container .left-side .contact-information .contact-data .svg-holder{min-width:20px;min-height:20px}.template4-container .left-side .contact-information:after{content:"";width:1px;height:80%;background-color:b}.template4-container .right-side{height:30%;display:flex;flex-direction:column;gap:10px}.template4-container .right-side .company-log{display:grid;place-content:center}.template4-container .right-side .company-log img{width:120px;height:120px}.template4-container .right-side .profile-picture{display:flex;align-items:end;justify-content:center}.template4-container .right-side .profile-picture img{width:120px;height:120px}.template4-container .right-side .socials{display:flex;align-items:start;margin:0 auto;gap:4px}.template4-container .right-side .socials .social-icon{display:inline-block;width:30px;height:30px}.template4-container .right-side .socials .social-icon:hover{opacity:90%}a{text-decoration:none}.sidebar{width:100%;height:100vh;display:flex;flex-direction:column;background:#bea36a;font-family:Lexend Deca,monospace,sans-serif}.sidebar .overflow-y-auto{overflow-y:auto}.sidebar .templates-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 5%}.sidebar .form-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:10% 0;gap:20px}.sidebar .form-container .heading-title{width:80%;color:#fff;margin:20px 0 0}.sidebar .form-container .form__group{position:relative;padding:15px 0 0;margin-top:10px;width:100%}.sidebar .form-container .form__field{font-family:inherit;width:100%;border:0;border-bottom:2px solid #fff;outline:0;font-size:1.3rem;color:#fff;padding:7px 0;background:transparent;transition:border-color .2s}.sidebar .form-container .form__field::placeholder{color:transparent}.sidebar .form-container .form__field:placeholder-shown~.form__label{font-size:1.3rem;cursor:text;top:20px}.sidebar .form-container .form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1rem;color:#fff}.sidebar .form-container .form__field:disabled{opacity:50%}.sidebar .form-container .form__field:focus{padding-bottom:6px;font-weight:700;border-width:3px;border-image:linear-gradient(to right,#f3e4b3,#bba576);border-image-slice:1}.sidebar .form-container .form__field:focus~.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1rem;color:#f3e4b3;font-weight:700}.sidebar .form-container .form__field:required,.sidebar .form-container .form__field:invalid{box-shadow:none}.sidebar .form-container body{font-family:Poppins,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;background-color:#222}.color-input{padding:0;border:2px solid white;border-radius:50%;width:45px;height:45px;cursor:pointer}.color-input::-webkit-color-swatch{border:none;border-radius:20px;padding:0}.color-input::-webkit-color-swatch-wrapper{border:none;border-radius:10px;padding:0}.container{display:flex;flex-direction:column;gap:20px;padding-right:10%;margin-top:35px}select{width:100%;border-radius:.25em;padding:.25em .5em;font-size:1.25rem;cursor:pointer;line-height:1.1;color:#fff;outline:none;-webkit-appearance:none;appearance:none}select:active{outline:none}.color-heading{color:#fff;margin:0 0 15px}.template-name{color:#fff;margin:20px 0;text-align:center}.stepper{display:flex;width:100%;height:10vh;min-height:10vh}.stepper .stepperButton{flex:1;min-width:70px;border:none;background:#99804b;cursor:pointer}.stepper .stepperButton:hover{opacity:90%}.template-card-container .template-selected:after{content:"\2705";display:flex;align-items:start;justify-content:flex-end;color:green;font-size:25px;position:absolute;top:5px;right:5px;opacity:50%}.template-card-container .template-selected{opacity:70%}.template-card-container .signature-template-card{width:200px;position:relative;border:none;cursor:pointer}.template-card-container .signature-template-card:hover{opacity:90%}.template-card-container .template-heading{color:#fff;margin-bottom:8px;font-family:Lexend Deca,monospace,sans-serif}.iconpicker-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:999}.iconpicker-modal{background:#fff;border-radius:8px;padding:16px 20px;width:538px;max-width:95vw;box-shadow:0 10px 35px #00000040;position:absolute;top:115px;right:980px}.iconpicker-header{display:flex;justify-content:space-between;align-items:center}.iconpicker-close{border:none;background:transparent;font-size:18px;cursor:pointer}.iconpicker-section{margin-top:12px}.iconpicker-row{display:flex;align-items:center;gap:8px;margin-top:6px}.iconpicker-label{width:80px;font-size:13px}.iconpicker-btn{border:1px solid #ddd;background:#fafafa;border-radius:4px;padding:4px;cursor:pointer}.iconpicker-btn img{width:24px;height:24px}.iconpicker-help{margin-top:10px;font-size:11px;color:#666}.app-container{display:flex;width:100vw;height:100vh;background:#fff}.aside{height:100vh;display:flex;flex:1.5;max-width:400px;background:red}.main-content{width:100%;height:100%;padding:0 15%;display:grid;place-content:center;flex:3}.main-content .copy-button,.main-content .save-button{appearance:none;background-color:#a084dc;border:none;border-radius:3px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:20px;font-weight:600;line-height:normal;min-height:60px;min-width:0;outline:none;padding:16px 24px;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;margin-top:20px;margin-right:10px;will-change:transform}.main-content .copy-button:disabled,.main-content .save-button:disabled{pointer-events:none}.main-content .copy-button:hover,.main-content .save-button:hover{box-shadow:#00000040 0 8px 15px;transform:translateY(-2px)}.main-content .copy-button:active,.main-content .save-button:active{box-shadow:none;transform:translateY(0)}.logout-button{position:absolute;top:0;right:0;padding:15px 30px;font-size:large;border:none;color:#fff;font-weight:700;border-bottom-left-radius:4px}.logout-button:hover{cursor:pointer;opacity:95%}.signature-buttons{display:flex;justify-content:center}.container2{display:flex;justify-content:right;margin-top:20px;text-align:end}.container2 .signin{color:#080808b9;font-size:smaller;font-weight:700;text-decoration:underline;width:100%}.container2 .signin:hover{color:#6e6e6c}.sup-container{font-family:monospace;display:grid;place-content:center;margin-top:5vh}.sup-container h1{text-align:center;margin:15px 0 25px}.sup-container .stepper{display:flex;justify-content:space-evenly;height:fit-content;min-width:400px}.sup-container .stepper .active{border-bottom-color:#000;border-bottom-width:2px;border-bottom-style:solid}.sup-container .stepper button{width:50%;border-radius:0;outline-color:transparent;border:none;height:70px;font-weight:700;color:#424040}.sup-container .stepper button:hover{opacity:90%;cursor:pointer}.sup-container .sup-main-content{text-align:center}.sup-container .sup-main-content .add-container{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.sup-container .sup-main-content .add-container input{width:200px;height:30px}.sup-container .sup-main-content .add-container button{background:rgb(7,155,7)}.sup-container .sup-main-content table{border-collapse:collapse;width:100%}.sup-container .sup-main-content thead{background-color:#f2f2f2}.sup-container .sup-main-content th{border:1px solid #ddd;padding:8px;text-align:left}.sup-container .sup-main-content td{border:1px solid #ddd;padding:8px}.sup-container .sup-main-content tr:nth-child(even){background-color:#f2f2f2}.sup-container .sup-main-content button{background-color:#f44336;border:none;color:#fff;padding:8px 16px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;margin:4px 2px;cursor:pointer;border-radius:4px}.no-content{color:gray;font-size:larger;font-family:monospace}.sup-logout-button{position:absolute;top:0;right:0;padding:15px 30px;font-size:large;border:none;font-weight:700;border-bottom-left-radius:4px;background:#e9e9ed!important;color:#424040}.sup-logout-button:hover{cursor:pointer;border:"1px solid blue";background:#d5d5dd!important}