/* _content/QrCodes/Pages/QrCodeScanner.razor.rz.scp.css */
.scan-source.btn-group > .btn[b-ft0mj88qw9] {
    min-width: 160px;
}

.custom-file[b-ft0mj88qw9] {
    max-width: 400px;
}

[b-ft0mj88qw9] .camera-feed {
    width: 600px;
    height: 600px;
}

.camera-highlight[b-ft0mj88qw9] {
    display: inline-block;
    position: relative;
    border: 2px dashed #0f0;
    top: -525px;
    width: 450px;
    height: 450px;
}

@media (max-width: 1024px) {
    [b-ft0mj88qw9] .camera-feed {
        width: 400px;
        height: 400px;
    }

    .camera-highlight[b-ft0mj88qw9] {
        top: -350px;
        width: 300px;
        height: 300px;
    }
}

@media (max-width: 768px) {
    [b-ft0mj88qw9] .camera-feed {
        width: 300px;
        height: 300px;
    }

    .camera-highlight[b-ft0mj88qw9] {
        top: -262px;
        width: 225px;
        height: 225px;
    }
}

@media (max-width: 640.98px) {
    .scan-source.btn-group[b-ft0mj88qw9], .custom-file[b-ft0mj88qw9] {
        max-width: unset;
        width: 100%;
    }

    .scan-source.btn-group > .btn[b-ft0mj88qw9] {
        min-width: unset;
        display: block;
    }
}