:root{--primary:#FFFFFF;--secondary:#F6F6F6;--text-color-light:#9F9F9E;--text-color:#171826;--text-color-dark:#171826;--primary-accent:#FC8019;--primary-accent-light:#f7e1c9;--secondary-accent:#09AA29;--fixed: #fff}@media(prefers-color-scheme: dark){:root{--primary:#000000b9;--secondary:#383737;--text-color-light:#FFFFFF;--text-color:#FFFFFF;--primary-accent:#FC8019;--primary-accent-light:#f7e1c9;--secondary-accent:#09AA29;--text-color-dark:#FFFFFF;--fixed: #000000b9}}.wkpos-userbarcode-login-switch-posuser{width:125px}.wkpos-userbarcode-login-switch-posuser div{display:flex;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;padding:5px}.wkpos-userbarcode-login-container-overlay{background-color:#00000029;backdrop-filter:blur(4px)}.wkpos-userbarcode-login-container-content{background-color:var(--secondary);border-radius:.5rem;border:none;width:100%;max-width:600px;padding:0px;height:350px}.wkpos-userbarcode-login-container-content .wkpos-userbarcode-login-page-wrapper{height:350px;padding:20px}.wkpos-userbarcode-login-container-content .wkpos-userbarcode-login-header{padding-bottom:15px;display:flex;justify-content:space-between;margin-bottom:20px;font-size:22px}.wkpos-userbarcode-login-container-content .wkpos-userbarcode-login-header .wkpos-userbarcode-login-close-popup{width:35px;height:35px;border-radius:50%;font-weight:600;background-color:#ba9d7d;display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;top:-15px;right:-10px;font-size:15px;color:#fff}.wkpos-userbarcode-login-container-content h2{text-align:center;font-size:22px}.wkpos-userbarcode-login-container-content .wkpos-userbarcoder-login-anim-item{background-color:var(--text-color-dark) !important}.wkpos-userbarcode-login-container-content .wkpos-userbarcoder-login-anim-box{width:300px;height:150px}.wkpos-userbarcode-login-error-wrapper p{margin:0px;padding:5px 15px;background:#d33535;color:#fff}.wkpos-userbarcode-login-barcode-wrapper{text-align:center;position:relative}.wkpos-userbarcode-login-barcode-wrapper input{position:absolute;top:0px;left:0px;opacity:0}.wkpos-userbarcoder-login-center{margin:0 auto;text-align:center}.wkpos-userbarcoder-login-spacer{margin-top:3rem}.wkpos-userbarcoder-login-anim-box{position:relative;width:220px;height:100px;padding:35px 30px;transition:transform .6s ease-out}.wkpos-userbarcoder-login-anim-box .wkpos-userbarcoder-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border:none}.wkpos-userbarcoder-login-anim-box .wkpos-userbarcoder-icon svg{filter:var(--loginvert)}.wkpos-userbarcoder-login-anim-box:before,.wkpos-userbarcoder-login-anim-box:after,.wkpos-userbarcoder-login-anim-box>:first-child:before,.wkpos-userbarcoder-login-anim-box>:first-child:after{position:absolute;width:10%;height:15%;border-style:solid;border-color:var(--text-color);content:" "}.wkpos-userbarcoder-login-anim-box:before{top:0;left:0;border-width:4px 0 0 4px}.wkpos-userbarcoder-login-anim-box:after{top:0;right:0;border-width:4px 4px 0 0}.wkpos-userbarcoder-login-anim-box>:first-child:before{bottom:0;right:0;border-width:0 4px 4px 0}.wkpos-userbarcoder-login-anim-box>:first-child:after{bottom:0;left:0;border-width:0 0 4px 4px}.wkpos-userbarcoder-login-anim-box:hover{transform:scale(1.2)}.wkpos-userbarcoder-login-scanner{height:130px;margin-top:-20px;margin-left:50%;width:3px;background-color:red;opacity:.7;animation-name:scan;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running;z-index:9999;position:relative;animation-direction:alternate}@keyframes scan{0%{margin-left:50%}25%{margin-left:5px}100%{margin-left:98%}}