.webcam-capture{position:relative;width:100%}.camera-view-container{position:absolute;display:flex;align-items:flex-start;justify-content:flex-start;width:100%;height:100%;padding:20px;pointer-events:none}.cancel-button{position:absolute;top:50%;right:calc(50% + 60px);display:inline-flex;align-items:center;padding:12px 24px;font-size:1rem;font-weight:bold;color:#fff;white-space:nowrap;border-radius:8px;transform:translateY(-50%)}@media(width <= 600px){.camera-toggle-button{font-size:.8rem}.cancel-button{font-size:.8rem}}.image-canvas{width:100%;max-width:320px;height:100%;max-height:180px}.camera-button{position:absolute;width:4em;height:4em;background-color:#fff;border:solid 2px #333;border-radius:50%}.camera-button::before{position:absolute;top:50%;left:50%;display:inline-block;width:calc(.8*4em);height:calc(.8*4em);content:"";border:solid 2px #333;border-radius:50%;transform:translate(-50%, -50%);transition:border .1s}.camera-button:hover::before{border:solid 6px #333}.camera-toggle-button{position:absolute;top:50%;left:calc(50% + 60px);display:inline-flex;align-items:center;padding:12px 24px;font-size:1rem;font-weight:bold;color:#fff;white-space:nowrap;background-color:#007bff;border:0;border-radius:8px;transform:translateY(-50%)}.controls{position:relative;height:4em}.camera-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}@media(width <= 600px){.camera-container{width:100%;max-width:600px;padding:20px;margin:auto;border:2px solid #000}video{width:100%}}.receipt .file-field{width:50%;min-width:200px}@media(width <= 600px){.receipt .file-field{width:100%}}.receipt .object-fit-cover{object-fit:cover}.receipt .receipt-result-container{width:100%;max-width:800px}.receipt .receipt-table{width:100%;max-width:800px;margin:auto;font-family:Arial,sans-serif;border-collapse:collapse;border:1px solid #000}.receipt .receipt-table th{padding:10px;font-size:1.2em;text-align:left;border-bottom:2px solid #000}.receipt .receipt-table td{padding:10px;border:1px solid #000}.receipt .receipt-table .receipt-header{font-size:1.2em;text-align:left;border-bottom:2px solid #000}.receipt .receipt-table .receipt-label{font-weight:bold;background-color:#f8f8f8}.receipt .items-table{width:100%;border-collapse:collapse}.receipt .items-table th,.receipt .items-table td{padding:5px;border:1px solid #000}.receipt .items-table th{background-color:#f0f0f0}.receipt .image-100{width:auto;max-width:100%;height:auto;max-height:640px;object-fit:contain}.receipt-header-container{width:100%;max-width:800px}