@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";
:root{--font-primary:"Kanit", sans-serif;--main-identity-color:#069;--scrollbar-track:#002235;--scrollbar-thumb:#069;--scrollbar-hover:#069d;--global-spacing:20px;--card-padding:30px}@media (max-width:1280px){:root{--card-padding:20px;--global-spacing:10px}}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}@media (max-width:1280px){html{font-size:14px}}body{font-family:var(--font-primary);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:15px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:10px;transition:all .8s ease-in-out}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover)}::selection{background-color:#0699}#qr-scanner-region__dashboard_section,#qr-scanner-region__header_message,#qr-scanner-region__scan_region img[alt=Info\ icon]{display:none!important}#qr-scanner-region video{border-radius:16px}@keyframes scanline{0%{transform:translateY(0)}50%{transform:translateY(220px)}to{transform:translateY(0)}}.scanline{animation:2.4s ease-in-out infinite scanline}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.9)}80%,to{opacity:0;transform:scale(1.4)}}.pulse-ring{animation:1.8s cubic-bezier(.215,.61,.355,1) infinite pulse-ring}@keyframes draw-check{to{stroke-dashoffset:0}}.draw-check path{stroke-dasharray:100;stroke-dashoffset:100px;animation:.6s ease-out .15s forwards draw-check}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake{animation:.5s ease-in-out shake}