:root{--van-qr-scanner-background: #111;--van-qr-scanner-text-color: #fff;--van-qr-scanner-frame-color: var(--van-primary-color);--van-qr-scanner-frame-size: 240px}.van-qr-scanner{position:fixed;inset:0;display:flex;flex-direction:column;width:100%;height:100%;max-height:none;overflow:hidden;color:var(--van-qr-scanner-text-color);background:var(--van-qr-scanner-background)}.van-qr-scanner__video,.van-qr-scanner__shade{position:absolute;inset:0;width:100%;height:100%}.van-qr-scanner__video{-o-object-fit:cover;object-fit:cover}.van-qr-scanner__shade{background:linear-gradient(rgba(0,0,0,.6),transparent 30%,rgba(0,0,0,.7))}.van-qr-scanner__header{position:relative;display:flex;flex:none;align-items:center;justify-content:center;min-height:48px;padding-top:env(safe-area-inset-top,0px)}.van-qr-scanner__title{padding:0 52px;font-size:var(--van-font-size-lg);font-weight:var(--van-font-weight-bold);text-align:center}.van-qr-scanner__close{position:absolute;bottom:0;left:4px;display:flex;align-items:center;justify-content:center;width:44px;height:48px;padding:0;color:inherit;background:transparent;border:0;cursor:pointer}.van-qr-scanner__viewfinder{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:16px}.van-qr-scanner__frame{position:relative;flex:none;width:min(var(--van-qr-scanner-frame-size),72vw,40vh);height:min(var(--van-qr-scanner-frame-size),72vw,40vh);border:1px solid rgba(255,255,255,.3);border-radius:12px}.van-qr-scanner__frame>i{position:absolute;width:24px;height:24px;border:3px solid var(--van-qr-scanner-frame-color)}.van-qr-scanner__frame>i:nth-child(1){top:-1px;left:-1px;border-right:0;border-bottom:0;border-top-left-radius:12px}.van-qr-scanner__frame>i:nth-child(2){top:-1px;right:-1px;border-bottom:0;border-left:0;border-top-right-radius:12px}.van-qr-scanner__frame>i:nth-child(3){bottom:-1px;right:-1px;border-top:0;border-left:0;border-bottom-right-radius:12px}.van-qr-scanner__frame>i:nth-child(4){bottom:-1px;left:-1px;border-top:0;border-right:0;border-bottom-left-radius:12px}.van-qr-scanner__frame--scanning:after{position:absolute;top:12px;right:12px;left:12px;height:2px;background:var(--van-qr-scanner-frame-color);box-shadow:0 0 12px var(--van-qr-scanner-frame-color);content:"";animation:van-qr-scanner-line 2.2s ease-in-out infinite alternate}.van-qr-scanner__tip,.van-qr-scanner__message{margin:20px 0 0;font-size:var(--van-font-size-md);line-height:22px;text-align:center;overflow-wrap:anywhere}.van-qr-scanner__status{position:relative;flex:none;min-height:96px;padding:0 24px 16px;text-align:center}.van-qr-scanner__status .van-loading,.van-qr-scanner__status .van-loading__text{color:inherit}.van-qr-scanner__status .van-button{margin-top:12px}.van-qr-scanner__message{margin:0}.van-qr-scanner__actions{position:relative;display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 24px;min-height:88px;padding:12px 16px calc(24px + env(safe-area-inset-bottom,0px))}.van-qr-scanner__torch-hint{flex-basis:100%;margin:0;color:inherit;font-size:var(--van-font-size-sm);line-height:20px;text-align:center;opacity:.7}.van-qr-scanner__action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:72px;min-height:64px;padding:8px;color:inherit;font-size:var(--van-font-size-sm);background:transparent;border:0;border-radius:8px;cursor:pointer}.van-qr-scanner__action--active{color:var(--van-qr-scanner-frame-color)}.van-qr-scanner__action:disabled{opacity:.5;cursor:default}.van-qr-scanner__close:active,.van-qr-scanner__action:not(:disabled):active{background:rgba(255,255,255,.1)}.van-qr-scanner__file-input{display:none}@keyframes van-qr-scanner-line{to{top:calc(100% - 12px)}}@media (prefers-reduced-motion: reduce){.van-qr-scanner__frame--scanning:after{animation:none}}