@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@500&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500&display=swap";*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{width:100%;height:100vh;background:#fafafb;position:relative;font-family:Poppins,sans-serif}.pro-container{position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #0000001a;padding:36px 32px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background-color:#fff;width:402px;height:469px;flex-shrink:0;border-radius:12px}.container{width:338px;height:397px;flex-shrink:0}h1{text-align:center;color:#4f4f4f;font-size:18px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.63px}p{margin-top:16px;text-align:center;font-size:10px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.35px;color:#828282}.drop_zone{display:flex;flex-direction:column;align-items:center;margin-top:29.62px;margin-left:auto;margin-right:auto;width:338px;height:218.903px;flex-shrink:0;border-radius:12px;background:#f6f8fb;border:1px solid rgba(151,190,244,1);border-style:dashed}.drop_zone .svg{margin-top:35.48px}.drop_zone p{font-size:16.6x;font-weight:500;line-height:18px;letter-spacing:-.035em;text-align:center;color:#bdbdbd}.or{margin-top:18.91px;margin-bottom:21.62px;color:#bdbdbd;text-align:center;font-size:12px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.42px}.buttonDiv{width:100%;display:flex;justify-content:center;align-items:center}.button{font-family:Noto Sans,sans-serif;font-size:12px;font-weight:500;line-height:16px;letter-spacing:-.035em;text-align:center;margin-left:auto;margin-right:auto;background:rgba(47,128,237,1);height:31.983793258666992px;width:101px;border-radius:8px;color:#fff;outline:none;border:none}.uploading{padding:36px 32px;display:flex;flex-direction:column;justify-content:flex-start;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400.359px;height:143.566px;flex-shrink:0;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #0000001a;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.uploading p{align-self:flex-start;color:#4f4f4f;font-family:Poppins;font-size:18px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.63px;margin-bottom:30.74px}.loading{position:relative;width:340.711px;height:6px;flex-shrink:0;border-radius:8px;background:#f2f2f2;overflow:hidden}@keyframes loader{0%{left:0;transform:translate(10%);-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-ms-transform:translateX(10%);-o-transform:translateX(10%)}to{left:80%;transform:translate(40%);-webkit-transform:translateX(40%);-moz-transform:translateX(40%);-ms-transform:translateX(40%);-o-transform:translateX(40%)}}.blue{position:absolute;top:0;left:0;width:100.929px;height:6px;flex-shrink:0;border-radius:8px;background:#2f80ed;animation:loader 1s linear infinite;-webkit-animation:loader 1s linear infinite}.success-container{padding:36px 31.18px;display:flex;flex-direction:column;align-items:center;width:400.359px;height:454.956px;flex-shrink:0;border-radius:12px;background:#fff;box-shadow:0 4px 12px #0000001a;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.success-container p{color:#4f4f4f;text-align:center;font-family:Poppins;font-size:18px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.63px}.div-image{width:338px;height:224.397px;flex-shrink:0;border-radius:12px;margin-top:25.34px;margin-bottom:25.34px}.link{width:338px;height:34px;flex-shrink:0;position:relative;border-radius:8px;border:1px solid #e0e0e0;background:#f6f8fb;padding-left:7.12px}.link input{width:240px;height:12px;border:none;background:#f6f8fb}.link input[type=text]{color:#4f4f4f;text-align:center;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.28px;text-overflow:ellipsis}.link button{color:#fff;text-align:center;font-size:10px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.28px;width:74px;height:30px;flex-shrink:0;border-radius:8px;background:#2f80ed;position:absolute;outline:none;border:none;right:2px;top:2px;bottom:2px}