.gen-feature-qrcode-scanner{position:relative;width:100%}.gen-feature-qrcode-scanner-container{margin-bottom:1.5rem}.gen-feature-qrcode-scanner-structure{align-items:center;background-color:var(--gen-styles-neutral-gray);border-radius:.375rem;display:flex;justify-content:center;margin-bottom:.75rem;min-height:380px;width:100%}.gen-feature-qrcode-scanner-video-feed{margin:auto;max-width:400px}@media (min-width:0rem) and (max-width:35.9375rem){.gen-feature-qrcode-scanner-video-feed{max-width:100%}}@media (min-width:36rem) and (max-width:47.9375rem){.gen-feature-qrcode-scanner-video-feed{max-width:60%}}@media (min-width:48rem) and (max-width:63.9375rem){.gen-feature-qrcode-scanner-video-feed{max-width:60%}}.gen-feature-qrcode-scanner-camera-controls{display:flex;flex-direction:column;position:absolute;right:.75rem;top:.75rem}.gen-feature-qrcode-scanner-camera-controls>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.gen-feature-qrcode-scanner-camera-controls-btn{background-color:var(--gen-styles-neutral-white);border-radius:.375rem;border-width:1px}.gen-feature-qrcode-scanner-camera-controls-btn-on{border-color:var(--gen-styles-primary-accent-color)}.gen-feature-qrcode-scanner-camera-controls-btn-on:hover{border-color:var(--gen-styles-status-error-color)}.gen-feature-qrcode-scanner-camera-controls-btn-off{border-color:var(--default-styles-neutral-gray-dark)}.gen-feature-qrcode-scanner-camera-controls-btn-off:hover{border-color:var(--gen-styles-status-success-color)}.gen-feature-qrcode-scanner-camera-controls-btn-on-icon{color:var(--gen-styles-primary-accent-color)}.group:hover .gen-feature-qrcode-scanner-camera-controls-btn-on-icon{color:var(--gen-styles-status-error-color)}.gen-feature-qrcode-scanner-camera-controls-btn-off-icon{color:var(--default-styles-neutral-gray-dark)}.group:hover .gen-feature-qrcode-scanner-camera-controls-btn-off-icon{color:var(--gen-styles-status-success-color)}.gen-feature-qrcode-scanner-camera-select{margin-bottom:.75rem}.gen-feature-qrcode-scanner-input-right-container{align-items:center;display:flex;margin-bottom:auto;margin-top:.25rem;position:relative}.gen-feature-qrcode-scanner-input-right-cancel-icon{padding-left:.75rem;padding-right:.75rem;--tw-text-opacity:1;color:rgb(161 161 161/var(--tw-text-opacity,1))}.gen-feature-qrcode-scanner-input-right-cancel-icon:hover{color:var(--gen-styles-primary-accent-color)}.gen-feature-qrcode-scanner-activation-btn{background-color:var(--gen-styles-primary-accent-color);border-color:var(--gen-styles-primary-accent-color);border-radius:.375rem;border-width:1px;margin-left:1.5rem;padding:.25rem .5rem}.gen-feature-qrcode-scanner-activation-btn:hover{background-color:var(--gen-styles-secondary-accent-color);border-color:var(--gen-styles-secondary-accent-color)}.gen-feature-qrcode-scanner-validate-btn{background-color:var(--gen-styles-neutral-white);border-color:var(--gen-styles-primary-accent-color);border-radius:.375rem;border-width:1px;color:var(--gen-styles-primary-accent-color);padding-bottom:.5rem;padding-top:.5rem}.gen-feature-qrcode-scanner-validate-btn:hover{border-color:var(--gen-styles-secondary-accent-color);color:var(--gen-styles-neutral-black)}.group:hover .gen-feature-qrcode-scanner-validate-btn{background-color:var(--gen-styles-secondary-accent-color)}.gen-feature-qrcode-scanner-validate-btn-icon{color:var(--gen-styles-neutral-white)}.group:hover .gen-feature-qrcode-scanner-validate-btn-icon{color:var(--gen-styles-neutral-black)}.gen-feature-qrcode-scanner-info-error-msg{color:var(--gen-styles-highlight-error-color);display:flex;font-size:.875rem;justify-content:center;line-height:1.25rem;margin-top:1rem;text-align:center;width:100%}