body,html{box-sizing:border-box;width:100%;padding:0;margin:0;background:linear-gradient(180deg,rgba(231,255,240,.698) 0,#58816d 100%);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif}*,:after,:before{box-sizing:inherit}.title{font-weight:600;width:250px;text-align:start}#app{color:#141414;font-size:1.5em;padding:80px 8% 20px;display:flex;flex-direction:column;background-color:rgba(255,255,255,.15);backdrop-filter:blur(5px);letter-spacing:1px;min-height:100vh}.fieldContainer{position:relative;display:flex}.field{height:44px;border-radius:8px;position:relative;background-color:rgba(255,255,255,.797);padding-left:16px;transition:.3s;outline:0;border:none;color:rgba(26,26,26,.609);font-weight:600;box-shadow:0 4px 20px 0 rgba(0,0,0,.05);min-width:100%;max-width:100%}.field:hover{background-color:rgba(255,255,255,.95);box-shadow:0 4px 20px 0 rgba(0,0,0,.08);border-radius:8px}.btn{background:#86bda2d2;height:50px;color:#fff;font-weight:600;outline:0!important;cursor:pointer;transition:.3s;position:relative;display:inline-block;margin-top:16px;letter-spacing:1.2px;box-shadow:0 4px 20px 0 rgba(134,190,162,.185);z-index:1;width:100%;border-radius:8px;border:none}.btn:after{position:absolute;content:"";width:100%;height:0;top:0;left:0;z-index:-1;background:#81bb94;transition:.3s}h3{margin-top:4px}.btn:hover:after{top:auto;bottom:0;height:100%;border-radius:8px}.scanner-wrapper{display:flex;flex-direction:column}.close-icon{align-self:flex-end;margin-bottom:6px}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px 0 rgba(0,0,0,.05);color:#000;font-size:14px;padding:16px;max-width:550px;min-height:250px;position:relative}p{margin:6px 0;display:flex;justify-content:space-between}.icon{width:14px;fill:green}.date-span{text-align:end;width:120px}hr{margin-top:16px;margin-bottom:16px}.lastTime{display:flex;margin-bottom:16px}.refresh-img{width:35px;margin:0 0 16px 16px}.refresh-img:hover{cursor:pointer}.scan-icon{position:absolute;right:16px;top:10px;display:block}.data-call{margin-bottom:24px}@media screen and (min-width:800px){#app{align-items:center}form{width:616px}.field{width:600px}.btn{max-width:616px}.card{width:600px;min-height:450px}.title{width:400px;align-self:center;text-align:center}.date-span{width:200px}.scan-icon{display:none}}