.ean-scanner{display:block;max-width:56rem;margin-inline:auto;text-align:center}.ean-scanner__title{margin-block:0 .8rem}.ean-scanner__intro{margin-block:0 2.4rem}.ean-scanner [hidden]{display:none!important}.ean-scanner__viewport{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:2rem;background:linear-gradient(160deg,#f3f6fd,#e4ebfa);box-shadow:inset 0 0 0 1px #001b7014}.ean-scanner__idle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4rem;padding:2.4rem}.ean-scanner__illustration{width:7.2rem;height:7.2rem;color:#001b70;opacity:.85}.ean-scanner__start{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;width:min(100%,34rem);min-height:6rem;padding:1.4rem 3.2rem;border:0;border-radius:99rem;background:#001b70;color:#fff;font:inherit;font-size:1.15em;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 1rem 2.4rem #001b7047;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.ean-scanner__start:hover{background:#00269c;transform:translateY(-2px);box-shadow:0 1.4rem 3rem #001b7057}.ean-scanner__start:active{transform:translateY(0)}.ean-scanner__start:focus-visible,.ean-scanner__stop:focus-visible,.ean-scanner__manual-link:focus-visible,.ean-scanner__manual-submit:focus-visible,.ean-scanner__manual-cancel:focus-visible,.ean-scanner__manual-close:focus-visible{outline:3px solid #4f7cff;outline-offset:3px}.ean-scanner__start .icon,.ean-scanner__stop .icon{flex-shrink:0;stroke:currentColor}.ean-scanner__stage{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.ean-scanner__stop{display:inline-flex;align-items:center;gap:.8rem;margin-block-start:1.6rem;padding:1rem 2.4rem;border:1px solid rgba(0,27,112,.25);border-radius:99rem;background:#fff;color:#001b70;font:inherit;font-weight:600;cursor:pointer}.ean-scanner__stop:hover{border-color:#001b70}.ean-scanner__stage video{display:block;width:100%;height:100%;object-fit:cover}.ean-scanner .ean-scanner__reticle{display:block;position:absolute;inset-block:30%;inset-inline:7%;border:1px solid rgba(255,255,255,.55);border-radius:1rem;box-shadow:0 0 0 100vmax #00000073;pointer-events:none}.ean-scanner__corner{position:absolute;width:2.8rem;height:2.8rem;border:.4rem solid #fff}.ean-scanner__corner--top-start{inset-block-start:-.3rem;inset-inline-start:-.3rem;border-block-end:0;border-inline-end:0;border-start-start-radius:1rem}.ean-scanner__corner--top-end{inset-block-start:-.3rem;inset-inline-end:-.3rem;border-block-end:0;border-inline-start:0;border-start-end-radius:1rem}.ean-scanner__corner--bottom-start{inset-block-end:-.3rem;inset-inline-start:-.3rem;border-block-start:0;border-inline-end:0;border-end-start-radius:1rem}.ean-scanner__corner--bottom-end{inset-block-end:-.3rem;inset-inline-end:-.3rem;border-block-start:0;border-inline-start:0;border-end-end-radius:1rem}.ean-scanner__line{position:absolute;inset-inline:4%;top:50%;height:2px;background:#ff4040d9;animation:ean-scanner-sweep 1.6s ease-in-out infinite alternate}.ean-scanner__hint{position:absolute;inset-block-start:calc(70% + 1rem);inset-inline:0;width:fit-content;max-width:90%;margin:0 auto;padding:.4rem 1.2rem;border-radius:99rem;background:#0000008c;color:#fff;font-size:.85em;line-height:1.3;pointer-events:none}@keyframes ean-scanner-sweep{0%{transform:translateY(-1.6rem)}to{transform:translateY(1.6rem)}}@media(prefers-reduced-motion:reduce){.ean-scanner__line{animation:none}}.ean-scanner .ean-scanner__status{position:absolute;inset-block-start:1.2rem;inset-inline:1.2rem;z-index:3;display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.2rem 1.2rem 1.4rem;border-radius:1.4rem;border-inline-start:.5rem solid #b3261e;background:#fff;color:#1c1c1e;text-align:start;font-weight:600;line-height:1.35;box-shadow:0 1rem 2.8rem #00000047;animation:ean-scanner-toast .3s cubic-bezier(.2,.9,.3,1.2)}.ean-scanner__status[data-tone=success]{border-inline-start-color:#1a7f37}.ean-scanner__status-icon{flex-shrink:0;width:2.6rem;height:2.6rem;color:#b3261e}.ean-scanner__status[data-tone=success] .ean-scanner__status-icon{color:#1a7f37}.ean-scanner__status-text{flex:1}.ean-scanner__status-close{flex-shrink:0;display:inline-flex;padding:.6rem;border:0;border-radius:99rem;background:#0000000f;color:inherit;cursor:pointer}.ean-scanner__status-close .icon{stroke:currentColor}@keyframes ean-scanner-toast{0%{opacity:0;transform:translateY(-1.2rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ean-scanner .ean-scanner__status{animation:none}}.ean-scanner__manual-link{display:inline-block;margin-block-start:2rem;padding:.4rem;border:0;background:none;color:rgba(var(--color-foreground, 30, 30, 30),.75);font:inherit;font-size:.92em;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.ean-scanner__manual-link:hover{color:rgb(var(--color-foreground, 30, 30, 30))}.ean-scanner__manual{width:min(44rem,calc(100% - 3.2rem));max-height:calc(100% - 3.2rem);padding:0;border:0;border-radius:1.6rem;background:rgb(var(--color-background, 255, 255, 255));color:rgb(var(--color-foreground, 30, 30, 30));box-shadow:0 2.4rem 6rem #00000040}.ean-scanner__manual::backdrop{background:#00000073}.ean-scanner__manual form{position:relative;padding:2.8rem 2.4rem 2.4rem;text-align:start}.ean-scanner__manual-close{position:absolute;inset-block-start:1.2rem;inset-inline-end:1.2rem;display:inline-flex;padding:.6rem;border:0;border-radius:99rem;background:none;color:inherit;cursor:pointer}.ean-scanner__manual-close .icon{stroke:currentColor}.ean-scanner__manual-title{margin-block:0 .6rem;padding-inline-end:3.2rem}.ean-scanner__manual-help{margin-block:0 1.6rem;color:rgba(var(--color-foreground, 30, 30, 30),.75);font-size:.92em}.ean-scanner__manual .field{margin:0}.ean-scanner__manual-error{margin-block:.8rem 0;color:#b3261e;font-size:.92em;font-weight:600}.ean-scanner__manual-actions{display:flex;justify-content:flex-end;align-items:center;gap:1.2rem;margin-block-start:2rem}.ean-scanner__manual-cancel{padding:1rem 1.2rem;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.ean-scanner__manual-submit{min-height:4.6rem;padding:1rem 2.8rem;border:0;border-radius:99rem;background:#001b70;color:#fff;font:inherit;font-weight:700;cursor:pointer}.ean-scanner__manual-submit:hover{background:#00269c}.ean-scanner .ean-scanner__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:2rem;background:#001454d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center}.ean-scanner__paws{display:flex;align-items:flex-end;gap:1.2rem;color:#fff}.ean-scanner__paw{display:inline-flex;opacity:.15;animation:ean-scanner-step 1.2s ease-in-out infinite}.ean-scanner__paw svg{fill:currentColor;transform:rotate(90deg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.ean-scanner__paw:nth-child(2){margin-block-end:1.6rem;animation-delay:.25s}.ean-scanner__paw:nth-child(3){animation-delay:.5s}@keyframes ean-scanner-step{0%,to{opacity:.15;transform:scale(.85)}30%{opacity:1;transform:scale(1.1)}60%{opacity:1;transform:scale(1)}}.ean-scanner__loading-text{margin:0;font-size:1.05em;font-weight:600}.ean-scanner__progress{overflow:hidden;width:min(28rem,80%);height:.6rem;border-radius:99rem;background:#ffffff40}.ean-scanner__progress span{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left;animation:ean-scanner-fill var(--ean-scanner-loading-ms, 2.5s) linear forwards}[dir=rtl] .ean-scanner__progress span{transform-origin:right}@keyframes ean-scanner-fill{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.ean-scanner__paw{animation:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-ean-scanner.css.map */