@import url(https://fonts.googleapis.com/css2?family=Itim&display=swap);.wrapper{height:100vh;overflow:hidden;background-color:#fff;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;max-height:100%;position:absolute;top:0}.loading_overlay,.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;left:0}.loading_overlay{position:fixed;bottom:0;height:100%;background-color:rgba(0,0,0,.5);z-index:1000}.loading_spinner{width:70px;height:70px;border:10px solid #fff;border-top:10px solid #fc0;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.error_overlay{position:fixed;bottom:0;left:0;width:100%;height:100%;background-color:rgba(255,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000}.error_message{font-size:1.5rem;font-family:Itim,cursive;color:#fff;background-color:#f44;padding:20px 40px;border-radius:10px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}.container_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}.scanner_section{height:30%;border:20px solid #000}.scanner_content,.scanner_section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;background-color:#000}.scanner_content{height:auto}.scanner_result{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40%;background-color:green}.list_section,.scanner_result{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.list_section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;height:70%;background-color:#add8e6;gap:10px;padding:10px 0}.card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:#fff;border-radius:10px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);padding:10px;margin:0 10px;min-height:80px}.card,.card_left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card_left{width:30%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card_image{width:70px;height:70px;-o-object-fit:cover;object-fit:cover;border-radius:10px;border:2px solid #fc0;background:#eee}.card_right{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:20px}.card_text_name{font-size:1.5rem;font-weight:700;margin-bottom:4px}.card_text_class,.card_text_name{font-family:Itim,cursive;color:#333}.card_text_class{font-size:1.1rem;opacity:.8}