body{margin:0;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .5s ease-in-out}.like-wrapper{--gap: .5em;--radius: .35em;display:flex;align-items:center;text-align:center;justify-content:center;--dot-bg: #212121;--dot-color: #313131;--dot-size: 1px;--dot-space: 22px;background:linear-gradient(90deg,var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),transparent 1%) center / var(--dot-space) var(--dot-space),linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),transparent 1%) center / var(--dot-space) var(--dot-space),var(--dot-color);border:.1em solid #313131;padding:.5em;border-radius:var(--radius);box-shadow:0 0 1em .5em #0000001a;cursor:pointer}.check[type=checkbox]{display:none}.container{display:flex;align-items:center;margin-top:-.25em;margin-bottom:-.25em}.icon{width:1.5em;height:1.5em;margin-left:.5em;fill:#fff;transition:opacity .3s ease-in-out}.icon.active{display:none;fill:#f52121}.check[type=checkbox]:checked+.container .icon.active{display:inline-block;animation:wiggle .5s ease-in-out}.check[type=checkbox]:checked+.container .icon.inactive{display:none}.like-text{margin-left:.5em;padding:.5em;color:#fff;font-family:Arial,sans-serif;font-weight:bolder}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}#barcode-scanner video,#barcode-scanner canvas{width:100%!important;height:100%!important;object-fit:cover;display:block}#barcode-scanner .drawingBuffer{position:absolute;top:0;left:0}#barcode-scanner{position:relative;overflow:hidden}#barcode-scanner>*{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 1.5s infinite}