:root{--neutral-100: #FFFFFF;--neutral-200: #F5F5F5;--neutral-300: #E0E0E0;--neutral-400: #6B6B6B;--neutral-500: #4A4A4A;--neutral-600: #262626;--red: #E32638}body,html{height:100%;margin:0;padding:0;font-family:Lato,sans-serif;color:var(--neutral-600);background-color:var(--neutral-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;padding-top:60px}ul,li{margin:0;padding:0}svg{overflow:visible}nav{width:100%;position:fixed;z-index:3;background:var(--neutral-100)}nav ul{padding:0 20px;display:flex;justify-content:space-between;align-items:center}nav ul li{width:44px;height:44px;padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-align:center}nav ul li a{text-decoration:none;color:var(--neutral-600)}nav ul li a[aria-current=page]{color:var(--red)}.top-nav button,.top-nav input,.top-nav a,.bottom-nav button,.bottom-nav input,.bottom-nav a{border:none;outline:none;-webkit-tap-highlight-color:transparent}.top-nav button,.top-nav a{background-color:var(--neutral-100);color:var(--neutral-600);height:44px;width:44px;display:flex;justify-content:center;align-items:center;padding:0}.top-nav{height:60px;top:0;border-bottom:1px solid var(--neutral-200);display:flex;align-items:center;padding:0 20px;gap:12px;box-sizing:border-box}.bottom-nav{height:88px;bottom:0;font-size:12px;border-top:1px solid var(--neutral-200);display:flex;flex-direction:column;justify-content:flex-start;padding-top:12px}.bottom-nav ul{height:44px}.searchbar{background-color:var(--neutral-200);border-radius:50px;height:44px;padding:0 48px 0 6px;width:100%;box-sizing:border-box;display:flex}.searchbar button,input,a{background-color:transparent!important}.searchbar input{color:var(--neutral-600)!important;line-height:44px;width:100%;text-overflow:ellipsis}.searchbar input,input::placeholder{color:var(--neutral-400);font-family:Lato,sans-serif;font-size:16px;font-weight:400}.searchbar .barcode-button{position:absolute;right:24px;color:var(--neutral-500)}#reader{height:100vh}#reader>video{width:100vw!important;height:100vh}.screen-img{padding-bottom:100px}