body[data-scanner-mode] {
    margin: 0;
    background: #f5f5f4;
    color: #1c1917;
    font-family: ui-sans-serif, system-ui, sans-serif;
}

body[data-scanner-mode] input,
body[data-scanner-mode] button {
    font: inherit;
}

body[data-scanner-mode] [data-pin-key],
body[data-scanner-mode] button[type="submit"],
body[data-scanner-mode] [data-scanner-action] {
    display: flex;
    width: 100%;
    min-height: 4.5rem;
    font-size: 1.25rem;
    font-weight: 650;
}

body[data-scanner-mode] #barcode,
body[data-scanner-mode] #pin,
body[data-scanner-mode] [data-scanner-simulator-barcode] {
    width: 100%;
    min-height: 3rem;
    font-size: 1.25rem;
}