.signature-root{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background:url(https://img.freepik.com/premium-photo/abstract-blurred-sky-colorful_40299-22.jpg) 50%/cover no-repeat fixed}.signature-root .modal{background:linear-gradient(rgba(255,255,255,.5) 0%,rgba(255,255,255,.2) 100%);border-radius:40px;flex-direction:column;align-items:stretch;gap:36px;width:444px;height:96px;padding:24px;transition:height .4s,padding .4s,border-radius .2s,box-shadow .6s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 16px transparent}.signature-root .modal:hover{box-shadow:0 24px 48px -24px rgba(0,0,0,.024)}.signature-root .modal.active{border-radius:48px;height:224px;padding:32px}.signature-root .field-wrapper{flex-direction:column;align-items:stretch;display:flex;position:relative}.signature-root .field{font-optical-sizing:auto;color:#000;background:0 0;border:1px solid rgba(0,0,0,.05);border-radius:16px;outline:none;align-items:center;min-height:48px;padding:0 12px 2px;font-family:Instrument Sans,sans-serif;font-size:20px;font-style:normal;transition:border .2s;display:flex}.signature-root .active .field{border:1px solid rgba(0,0,0,.5)}.signature-root .field::placeholder{opacity:.5;color:#000}.signature-root .sign,.signature-root .signed-by{font-optical-sizing:auto;text-transform:uppercase;letter-spacing:.02em;font-family:JetBrains Mono,monospace;font-size:14px;font-style:normal}.signature-root .active .signed-by{opacity:1}.signature-root .sign{color:#fff;opacity:.2;background:#000;border:none;border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 14px 2px 12px;transition:all .2s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.signature-root .active .sign{opacity:1}.signature-root .signature{border-bottom:1px solid rgba(0,0,0,.25)}.signature-root .letter-bank{display:none}.signature-root .signed-by{color:rgba(0,0,0,.5);opacity:0;padding-bottom:2px;transition:all .2s}.signature-root .signature-main{flex-flow:wrap;justify-content:start;min-height:51px;display:flex}.signature-root .signature-main svg path{stroke-linejoin:round;stroke-linecap:round;stroke-width:1px;stroke:#000;transition:stroke-dashoffset .2s}.signature-root .up,.signature-root .lo{max-height:51px}.signature-root .up.a{margin:0 -10px 0 -7px}.signature-root .up.b{margin:0 -5px 0 -13px}.signature-root .up.c{margin:0 -5px 0 -6px}.signature-root .up.d{margin:0 -6px}.signature-root .up.e{margin:0 -10px 0 -8px}.signature-root .up.f{margin:0 -13px 0 -5px}.signature-root .up.g{margin:0 0 0 -6px}.signature-root .up.h{margin:0 -8px 0 -6px}.signature-root .up.i{margin:0 -25px 0 -16px}.signature-root .up.j{margin:0 -24px 0 -6px}.signature-root .up.k{margin:0 -23px 0 -3px}.signature-root .up.l{margin:0 -7px 0 -5px}.signature-root .up.m{margin:0 -7px 0 -10px}.signature-root .up.n{margin:0 -4px 0 -10px}.signature-root .up.o{margin:0 -1px}.signature-root .up.p{margin:0 -12px 0 -3px}.signature-root .up.q{margin:0 -3px}.signature-root .up.r{margin:0 -8px 0 -4px}.signature-root .up.s{margin:0 -14px 0 -2px}.signature-root .up.t{margin:0 -29px 0 -17px}.signature-root .up.u{margin:0 -10px 0 -1px}.signature-root .up.v{margin:0 -15px 0 -6px}.signature-root .up.w{margin:0 -8px 0 -6px}.signature-root .up.x{margin:0 -11px 0 -13px}.signature-root .up.y{margin:0 -12px 0 2px}.signature-root .up.z{margin:0 -9px 0 -8px}.signature-root .lo.a{margin:0 -4px 0 0}.signature-root .lo.b{margin:0 -6px 0 -1.5px}.signature-root .lo.c{margin:0 -4px 0 0}.signature-root .lo.d{margin:0 -11.3px 0 0}.signature-root .lo.e{margin:0 -4px 0 0}.signature-root .lo.f{margin:0 -6px}.signature-root .lo.g{margin:0 -4px 0 -10px}.signature-root .lo.h{margin:0 -4px 0 -1px}.signature-root .lo.i{margin:0 -3.5px 0 0}.signature-root .lo.j{margin:0 -5px 0 -14px}.signature-root .lo.k{margin:0 -6.5px 0 0}.signature-root .lo.l{margin:0 -12px 0 -4px}.signature-root .lo.m,.signature-root .lo.n{margin:0 -5px 0 0}.signature-root .lo.o{margin:0 -2.5px 0 0}.signature-root .lo.p{margin:0 -2.5px 0 -10px}.signature-root .lo.q{margin:0 -2px 0 -6px}.signature-root .lo.r{margin:0 -3px 0 -1px}.signature-root .lo.s{margin:0 -4px}.signature-root .lo.t{margin:0 -12.5px 0 -3.5px}.signature-root .lo.u,.signature-root .lo.v{margin:0 -4.5px 0 0}.signature-root .lo.w,.signature-root .lo.x{margin:0 -4px 0 0}.signature-root .lo.y{margin:0 -4px 0 -9px}.signature-root .lo.z{margin:0 -4px 0 -10px}.signature-root .up.a path{stroke-dasharray:190;stroke-dashoffset:190px}.signature-root .up.b path{stroke-dasharray:230;stroke-dashoffset:230px}.signature-root .up.c path{stroke-dasharray:101;stroke-dashoffset:101px}.signature-root .up.d path{stroke-dasharray:194;stroke-dashoffset:194px}.signature-root .up.e path{stroke-dasharray:132;stroke-dashoffset:132px}.signature-root .up.f path{stroke-dasharray:191;stroke-dashoffset:191px}.signature-root .up.g path{stroke-dasharray:145;stroke-dashoffset:145px}.signature-root .up.h path{stroke-dasharray:235;stroke-dashoffset:235px}.signature-root .up.i path{stroke-dasharray:128;stroke-dashoffset:128px}.signature-root .up.j path{stroke-dasharray:174;stroke-dashoffset:174px}.signature-root .up.k path{stroke-dasharray:244;stroke-dashoffset:244px}.signature-root .up.l path{stroke-dasharray:83;stroke-dashoffset:83px}.signature-root .up.m path{stroke-dasharray:176;stroke-dashoffset:176px}.signature-root .up.n path{stroke-dasharray:111;stroke-dashoffset:111px}.signature-root .up.o path{stroke-dasharray:167;stroke-dashoffset:167px}.signature-root .up.p path{stroke-dasharray:203;stroke-dashoffset:203px}.signature-root .up.q path{stroke-dasharray:212;stroke-dashoffset:212px}.signature-root .up.r path{stroke-dasharray:235;stroke-dashoffset:235px}.signature-root .up.s path{stroke-dasharray:100;stroke-dashoffset:100px}.signature-root .up.t path{stroke-dasharray:133;stroke-dashoffset:133px}.signature-root .up.u path{stroke-dasharray:136;stroke-dashoffset:136px}.signature-root .up.v path{stroke-dasharray:100;stroke-dashoffset:100px}.signature-root .up.w path{stroke-dasharray:163;stroke-dashoffset:163px}.signature-root .up.x path{stroke-dasharray:153;stroke-dashoffset:153px}.signature-root .up.y path{stroke-dasharray:162;stroke-dashoffset:162px}.signature-root .up.z path{stroke-dasharray:149;stroke-dashoffset:149px}.signature-root .lo.a path{stroke-dasharray:36;stroke-dashoffset:36px}.signature-root .lo.b path{stroke-dasharray:64;stroke-dashoffset:64px}.signature-root .lo.c path{stroke-dasharray:17;stroke-dashoffset:17px}.signature-root .lo.d path{stroke-dasharray:73;stroke-dashoffset:73px}.signature-root .lo.e path{stroke-dasharray:22;stroke-dashoffset:22px}.signature-root .lo.f path{stroke-dasharray:59;stroke-dashoffset:59px}.signature-root .lo.g path{stroke-dasharray:75;stroke-dashoffset:75px}.signature-root .lo.h path{stroke-dasharray:48;stroke-dashoffset:48px}.signature-root .lo.i path{stroke-dasharray:16;stroke-dashoffset:16px}.signature-root .lo.j path{stroke-dasharray:59;stroke-dashoffset:59px}.signature-root .lo.k path{stroke-dasharray:54;stroke-dashoffset:54px}.signature-root .lo.l path{stroke-dasharray:33;stroke-dashoffset:33px}.signature-root .lo.m path{stroke-dasharray:43;stroke-dashoffset:43px}.signature-root .lo.n path{stroke-dasharray:27;stroke-dashoffset:27px}.signature-root .lo.o path{stroke-dasharray:17;stroke-dashoffset:17px}.signature-root .lo.p path{stroke-dasharray:67;stroke-dashoffset:67px}.signature-root .lo.q path{stroke-dasharray:63;stroke-dashoffset:63px}.signature-root .lo.r path{stroke-dasharray:24;stroke-dashoffset:24px}.signature-root .lo.s path{stroke-dasharray:32;stroke-dashoffset:32px}.signature-root .lo.t path{stroke-dasharray:91;stroke-dashoffset:91px}.signature-root .lo.u path{stroke-dasharray:28;stroke-dashoffset:28px}.signature-root .lo.v path{stroke-dasharray:17;stroke-dashoffset:17px}.signature-root .lo.w path{stroke-dasharray:21;stroke-dashoffset:21px}.signature-root .lo.x path{stroke-dasharray:24;stroke-dashoffset:24px}.signature-root .lo.y path{stroke-dasharray:70;stroke-dashoffset:70px}.signature-root .lo.z path{stroke-dasharray:67;stroke-dashoffset:67px}