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