.camera-container[data-v-7cddccab]{z-index:5;position:fixed;inset:0;width:100%;height:100%}@media(min-width:700px){.camera-container[data-v-7cddccab]{display:flex;justify-content:center;align-items:center}}.camera-container .camera[data-v-7cddccab]{position:relative;width:100%;height:100%}@media(min-width:700px){.camera-container .camera[data-v-7cddccab]{width:500px;height:auto;padding:.8em;border-radius:1em;--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) rgba(0, 0, 0, .1);--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) rgba(0, 0, 0, .1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:0 4px 6px -1px var(--csstools-light-dark-toggle--0, rgba(0, 0, 0, .1)),0 2px 4px -2px var(--csstools-light-dark-toggle--1, rgba(0, 0, 0, .1));box-shadow:0 4px 6px -1px light-dark(rgba(0,0,0,.1),rgba(0,0,0,.1)),0 2px 4px -2px light-dark(rgba(0,0,0,.1),rgba(0,0,0,.1));--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) #171513;background-color:#f6f5f4;background-color:var(--csstools-light-dark-toggle--2, #f6f5f4);background-color:light-dark(#f6f5f4,#171513)}}.camera-container video[data-v-7cddccab]{display:block;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@media(min-width:700px){.camera-container video[data-v-7cddccab]{border-radius:.2em}}.camera-container .overlay[data-v-7cddccab]{position:absolute;inset:0;z-index:1}@media(min-width:700px){.camera-container .overlay[data-v-7cddccab]{display:flex;justify-content:end;gap:.5em;padding:1.3em}}.camera-container .overlay .loading[data-v-7cddccab]{--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) rgb(from var(--backgroundColorDark, #171513) r g b/1);background-color:#f6f5f4;background-color:light-dark(rgb(from #f6f5f4 r g b/1),rgb(from #171513 r g b/1))}@supports (color: lab(from red l 1 1% / calc(alpha + .1))){.camera-container .overlay .loading[data-v-7cddccab]{background-color:var(--csstools-light-dark-toggle--3, rgb(from var(--backgroundColorLight, #f6f5f4) r g b/1))}}@supports (color: lab(from red l 1 1% / calc(alpha + .1))) and (color: light-dark(red,red)){.camera-container .overlay .loading[data-v-7cddccab]{background-color:light-dark(rgb(from var(--backgroundColorLight, #f6f5f4) r g b/1),rgb(from var(--backgroundColorDark, #171513) r g b/1))}}@media(min-width:700px){.camera-container .overlay .loading[data-v-7cddccab]{background:none}}.camera-container .overlay .loading[data-v-7cddccab]{position:absolute;inset:0;align-content:center}.camera-container .overlay .loading[data-v-7cddccab]>*{margin:auto}.camera-container .overlay .button-container[data-v-7cddccab]{position:absolute;top:calc(env(safe-area-inset-top) + 1em);right:calc(env(safe-area-inset-right) + 1em)}@media(min-width:700px){.camera-container .overlay .button-container[data-v-7cddccab]{position:static;inset:auto}}.camera-container .overlay .select-container[data-v-7cddccab]{position:absolute;top:0;left:0;right:0;padding-top:calc(env(safe-area-inset-top) + 4.4em);padding-right:calc(env(safe-area-inset-right) + 1em);padding-left:calc(env(safe-area-inset-left) + 1em)}@media(min-width:700px){.camera-container .overlay .select-container[data-v-7cddccab]{flex:1;position:static;inset:auto;padding:0}}.camera-container .overlay .select-container[data-v-7cddccab]>*{width:100%;backdrop-filter:blur(10px) brightness(1.5)}@media(prefers-color-scheme:dark){.camera-container .overlay .select-container[data-v-7cddccab]>*{backdrop-filter:blur(10px) brightness(.5)}}.opacity-enter-active[data-v-0f8ca58c],.opacity-leave-active[data-v-0f8ca58c]{transition-property:opacity;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.opacity-enter-from[data-v-0f8ca58c],.opacity-leave-to[data-v-0f8ca58c]{opacity:0}.input[data-v-0f8ca58c]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:1rem}@media(max-width:500px){.input[data-v-0f8ca58c]{gap:0}}@media(max-width:650px){.input[data-v-0f8ca58c]{flex-direction:column;align-items:stretch;margin-top:-1rem}.input .item[data-v-0f8ca58c]{margin:0 .5rem}}.input .separator[data-v-0f8ca58c]{width:1px;height:auto;align-self:stretch;--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) rgba(255, 255, 255, .1019607843);background-color:#0000001a;background-color:var(--csstools-light-dark-toggle--0, rgba(0, 0, 0, .1019607843));background-color:light-dark(rgba(0,0,0,.1019607843),rgba(255,255,255,.1019607843))}@media(max-width:650px){.input .separator[data-v-0f8ca58c]{width:calc(100% - 2rem);height:1px;margin:0 auto}}.input .item[data-v-0f8ca58c]{padding:5rem 0;width:200px;text-align:center;cursor:pointer;border-radius:1em;transition-property:background-color;transition-duration:.18s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media(any-hover:hover){.input .item[data-v-0f8ca58c]:hover{--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) rgba(255, 255, 255, .0196078431);background-color:#00000005;background-color:var(--csstools-light-dark-toggle--1, rgba(0, 0, 0, .0196078431));background-color:light-dark(rgba(0,0,0,.0196078431),rgba(255,255,255,.0196078431))}}.input .item[data-v-0f8ca58c]:active{--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) rgba(255, 255, 255, .062745098);background-color:#00000010;background-color:var(--csstools-light-dark-toggle--2, rgba(0, 0, 0, .062745098));background-color:light-dark(rgba(0,0,0,.062745098),rgba(255,255,255,.062745098))}@media(max-width:650px){.input .item[data-v-0f8ca58c]{width:auto;padding:3rem 0}}@media(max-width:500px){.input .item[data-v-0f8ca58c]{padding:2.5rem 0}}.input .item[data-v-0f8ca58c]>*:last-child{margin-top:1rem}.input .item.sample-qr[data-v-0f8ca58c]{padding-top:1rem}.input .item.sample-qr[data-v-0f8ca58c] img{display:inline!important;width:auto;height:calc(48px + 4.5rem)}@media(max-width:650px){.input .item.sample-qr[data-v-0f8ca58c] img{height:calc(48px + 2.5rem)}}@media(max-width:500px){.input .item.sample-qr[data-v-0f8ca58c] img{height:calc(48px + 2rem)}}.input .item.sample-qr[data-v-0f8ca58c] img{border-radius:.5em;--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) rgba(255, 255, 255, .1019607843);border:1px solid rgba(0,0,0,.1254901961);border:1px solid var(--csstools-light-dark-toggle--3, rgba(0, 0, 0, .1254901961));border:1px solid light-dark(rgba(0,0,0,.1254901961),rgba(255,255,255,.1019607843));box-sizing:border-box}.input .item.sample-qr[data-v-0f8ca58c]>*:last-child{margin-top:.5rem}.input .loading[data-v-0f8ca58c]{z-index:1;position:absolute;inset:0;align-content:center;backdrop-filter:blur(5px);--csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) rgba(0, 0, 0, .5);background-color:#ffffff80;background-color:var(--csstools-light-dark-toggle--4, rgba(255, 255, 255, .5));background-color:light-dark(rgba(255,255,255,.5),rgba(0,0,0,.5))}.input .loading[data-v-0f8ca58c]>*{margin:auto}input[type=file][data-v-0f8ca58c]{opacity:0;position:absolute;pointer-events:none;width:1px;height:1px}.error-message[data-v-0f8ca58c]{color:red;font-size:.8em;margin-top:.5em}.button-container[data-v-b845ac35]{margin-top:.5em;text-align:center;font-size:14px}.result[data-v-b845ac35]{margin:auto;width:min(300px,100vw - 2rem);font-size:16px}.result-container[data-v-b845ac35]{position:relative;box-sizing:border-box;width:auto;aspect-ratio:1;margin:auto;container-type:size;height:min(300px,100vw - 6rem)}@media(max-height:630px){.result-container[data-v-b845ac35]{height:min(max(200px,100vh - 300px - 1rem - 2em),100vw - 6rem)}}.result-container .background-container[data-v-b845ac35]{width:100cqw;height:100cqw;box-sizing:border-box;padding:calc(5cqw - 2px);background-image:repeating-conic-gradient(#d3d3d3 0% 25%,#fff 0% 50%);background-image:repeating-conic-gradient(#d3d3d3 0% 25%,#fff 0% 50%);background-size:5cqw 5cqw}.result-container canvas[data-v-b845ac35],.result-container .overlay-container[data-v-b845ac35] svg{display:block;border:2px solid #000;box-sizing:content-box;width:90cqw;height:90cqw;shape-rendering:crispEdges;image-rendering:pixelated}.result-container .original-image-container[data-v-b845ac35],.result-container .overlay-container[data-v-b845ac35]{position:absolute;top:0;left:0;width:100%;height:100%;align-content:center}.result-container .original-image-container canvas[data-v-b845ac35]{margin:auto;-o-object-fit:fill;object-fit:fill;--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) #1a1a1a;background:#f0f0f0;background:var(--csstools-light-dark-toggle--0, #f0f0f0);background:light-dark(#f0f0f0,#1a1a1a)}.result-container .overlay-container[data-v-b845ac35] svg{margin:auto}.result-container .overlay-container[data-v-b845ac35] svg>*:not(.overlay){display:none}.result-container .overlay-container[data-v-b845ac35] svg g.overlay rect{fill-opacity:0;transition:fill-opacity .1s linear,fill .1s linear allow-discrete}.result-container .overlay-container[data-v-b845ac35] svg g.overlay rect.highlight{fill:"none";fill:var(--mode-color, "none");fill-opacity:.5;transition:fill-opacity .1s linear}[data-v-b845ac35] .small-gap{display:grid;grid-gap:.3em;gap:.3em}[data-v-b845ac35] .small-gap>*{width:100%;min-width:0}[data-v-b845ac35] .masking-pattern-option{display:flex;align-items:center;gap:.5em}[data-v-b845ac35] .masking-pattern-option img{width:1.5em;height:1.5em;border:1px solid lightgray;background:#fff;image-rendering:pixelated}[data-v-b845ac35] .mode-numeric{--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) #0091ff;--mode-color: var(--csstools-light-dark-toggle--1, #0088ff)}@supports (color: light-dark(red,red)){[data-v-b845ac35] .mode-numeric{--mode-color: light-dark(#0088ff, #0091ff)}}@supports not (color: light-dark(tan,tan)){[data-v-b845ac35] .mode-numeric *{--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) #0091ff;--mode-color: var(--csstools-light-dark-toggle--1, #0088ff)}}[data-v-b845ac35] .mode-alphanumeric{--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) #ff9130;--mode-color: var(--csstools-light-dark-toggle--2, #ff8d29)}@supports (color: light-dark(red,red)){[data-v-b845ac35] .mode-alphanumeric{--mode-color: light-dark(#ff8d29, #ff9130)}}@supports not (color: light-dark(tan,tan)){[data-v-b845ac35] .mode-alphanumeric *{--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) #ff9130;--mode-color: var(--csstools-light-dark-toggle--2, #ff8d29)}}[data-v-b845ac35] .mode-byte{--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) #dc33f2;--mode-color: var(--csstools-light-dark-toggle--3, #cc2fe0)}@supports (color: light-dark(red,red)){[data-v-b845ac35] .mode-byte{--mode-color: light-dark(#cc2fe0, #dc33f2)}}@supports not (color: light-dark(tan,tan)){[data-v-b845ac35] .mode-byte *{--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) #dc33f2;--mode-color: var(--csstools-light-dark-toggle--3, #cc2fe0)}}[data-v-b845ac35] .mode-kanji{--csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) #00d1e0;--mode-color: var(--csstools-light-dark-toggle--4, #00c3d1)}@supports (color: light-dark(red,red)){[data-v-b845ac35] .mode-kanji{--mode-color: light-dark(#00c3d1, #00d1e0)}}@supports not (color: light-dark(tan,tan)){[data-v-b845ac35] .mode-kanji *{--csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) #00d1e0;--mode-color: var(--csstools-light-dark-toggle--4, #00c3d1)}}[data-v-b845ac35] .mode-terminator{--csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) #695cff;--mode-color: var(--csstools-light-dark-toggle--5, #6155f5)}@supports (color: light-dark(red,red)){[data-v-b845ac35] .mode-terminator{--mode-color: light-dark(#6155f5, #695cff)}}@supports not (color: light-dark(tan,tan)){[data-v-b845ac35] .mode-terminator *{--csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) #695cff;--mode-color: var(--csstools-light-dark-toggle--5, #6155f5)}}[data-v-b845ac35] .mode-padding{--csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) #b78a66;--mode-color: var(--csstools-light-dark-toggle--6, #ac7f5e)}@supports (color: light-dark(red,red)){[data-v-b845ac35] .mode-padding{--mode-color: light-dark(#ac7f5e, #b78a66)}}@supports not (color: light-dark(tan,tan)){[data-v-b845ac35] .mode-padding *{--csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) #b78a66;--mode-color: var(--csstools-light-dark-toggle--6, #ac7f5e)}}[data-v-b845ac35] .mode-error_correction{--csstools-light-dark-toggle--7: var(--csstools-color-scheme--light) #ff3860;--mode-color: var(--csstools-light-dark-toggle--7, #ff2e54)}@supports (color: light-dark(red,red)){[data-v-b845ac35] .mode-error_correction{--mode-color: light-dark(#ff2e54, #ff3860)}}@supports not (color: light-dark(tan,tan)){[data-v-b845ac35] .mode-error_correction *{--csstools-light-dark-toggle--7: var(--csstools-color-scheme--light) #ff3860;--mode-color: var(--csstools-light-dark-toggle--7, #ff2e54)}}[data-v-b845ac35] .mode-timing{--csstools-light-dark-toggle--8: var(--csstools-color-scheme--light) #00d9c3;--mode-color: var(--csstools-light-dark-toggle--8, #00c7b3)}@supports (color: light-dark(red,red)){[data-v-b845ac35] .mode-timing{--mode-color: light-dark(#00c7b3, #00d9c3)}}@supports not (color: light-dark(tan,tan)){[data-v-b845ac35] .mode-timing *{--csstools-light-dark-toggle--8: var(--csstools-color-scheme--light) #00d9c3;--mode-color: var(--csstools-light-dark-toggle--8, #00c7b3)}}[data-v-b845ac35] .mode-format{--csstools-light-dark-toggle--9: var(--csstools-color-scheme--light) #3dd5ff;--mode-color: var(--csstools-light-dark-toggle--9, #00c1e8)}@supports (color: light-dark(red,red)){[data-v-b845ac35] .mode-format{--mode-color: light-dark(#00c1e8, #3dd5ff)}}@supports not (color: light-dark(tan,tan)){[data-v-b845ac35] .mode-format *{--csstools-light-dark-toggle--9: var(--csstools-color-scheme--light) #3dd5ff;--mode-color: var(--csstools-light-dark-toggle--9, #00c1e8)}}[data-v-b845ac35] .mode-version{--csstools-light-dark-toggle--10: var(--csstools-color-scheme--light) #ffd500;--mode-color: var(--csstools-light-dark-toggle--10, #ffcc00)}@supports (color: light-dark(red,red)){[data-v-b845ac35] .mode-version{--mode-color: light-dark(#ffcc00, #ffd500)}}@supports not (color: light-dark(tan,tan)){[data-v-b845ac35] .mode-version *{--csstools-light-dark-toggle--10: var(--csstools-color-scheme--light) #ffd500;--mode-color: var(--csstools-light-dark-toggle--10, #ffcc00)}}[data-v-b845ac35] .mode-finder{--csstools-light-dark-toggle--11: var(--csstools-color-scheme--light) #8f8f94;--mode-color: var(--csstools-light-dark-toggle--11, #8f8f94)}@supports (color: light-dark(red,red)){[data-v-b845ac35] .mode-finder{--mode-color: light-dark(#8f8f94, #8f8f94)}}@supports not (color: light-dark(tan,tan)){[data-v-b845ac35] .mode-finder *{--csstools-light-dark-toggle--11: var(--csstools-color-scheme--light) #8f8f94;--mode-color: var(--csstools-light-dark-toggle--11, #8f8f94)}}[data-v-b845ac35] .mode-alignment{--csstools-light-dark-toggle--12: var(--csstools-color-scheme--light) #636366;--mode-color: var(--csstools-light-dark-toggle--12, #afafb3)}@supports (color: light-dark(red,red)){[data-v-b845ac35] .mode-alignment{--mode-color: light-dark(#afafb3, #636366)}}@supports not (color: light-dark(tan,tan)){[data-v-b845ac35] .mode-alignment *{--csstools-light-dark-toggle--12: var(--csstools-color-scheme--light) #636366;--mode-color: var(--csstools-light-dark-toggle--12, #afafb3)}}[data-v-570684f8] h2{--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) #fff;color:#000000de;color:var(--csstools-light-dark-toggle--0, rgba(0, 0, 0, .87));color:light-dark(rgba(0,0,0,.87),#fff);--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) #fff;fill:#000000de;fill:var(--csstools-light-dark-toggle--1, rgba(0, 0, 0, .87));fill:light-dark(rgba(0,0,0,.87),#fff);font-size:1em;margin:.5em 0;font-weight:500}[data-v-570684f8] h3{--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) #fff;color:#000000de;color:var(--csstools-light-dark-toggle--2, rgba(0, 0, 0, .87));color:light-dark(rgba(0,0,0,.87),#fff);--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) #fff;fill:#000000de;fill:var(--csstools-light-dark-toggle--3, rgba(0, 0, 0, .87));fill:light-dark(rgba(0,0,0,.87),#fff);font-size:.9em;margin:.5em 0;font-weight:500}label a{color:inherit!important;text-decoration-thickness:.09lh}::view-transition-new(.nope),::view-transition-old(.nope){animation-duration:0s}.new-tab-icon[data-astro-cid-aythaaye]{display:none}a[target=_blank] .new-tab-icon[data-astro-cid-aythaaye]{display:inline}section[data-astro-cid-aythaaye].container h1[data-astro-cid-aythaaye]{margin-top:0;font-weight:500;text-align:center}@media(max-width:594px){section[data-astro-cid-aythaaye].container h1[data-astro-cid-aythaaye]{position:relative;z-index:2;view-transition-name:title}}section[data-astro-cid-aythaaye].container h1[data-astro-cid-aythaaye] svg{height:1em;width:auto;transform:translateY(12%);--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));filter:drop-shadow(0 1px 2px var(--csstools-light-dark-toggle--0, rgba(0, 0, 0, .2)));filter:drop-shadow(0 1px 2px light-dark(rgba(0,0,0,.2),transparent))}section[data-astro-cid-aythaaye],.small-max-width[data-astro-cid-aythaaye]{max-width:1200px;margin:0 auto;box-sizing:border-box;padding:0 2.5rem}@media(max-width:850px){section[data-astro-cid-aythaaye],.small-max-width[data-astro-cid-aythaaye]{padding:0 1.5rem}}@media(max-width:450px){section[data-astro-cid-aythaaye],.small-max-width[data-astro-cid-aythaaye]{padding:0 1rem}}@media(max-width:594px){section[data-astro-cid-aythaaye].container{padding:0}section[data-astro-cid-aythaaye].container>h1[data-astro-cid-aythaaye]{padding:0 1rem}}.explain[data-astro-cid-aythaaye] section[data-astro-cid-aythaaye],.small-max-width[data-astro-cid-aythaaye]{margin:0 auto;max-width:900px}@media(max-width:850px){.small-max-width[data-astro-cid-aythaaye]{padding:0}}.explain[data-astro-cid-aythaaye] section[data-astro-cid-aythaaye],.examples[data-astro-cid-aythaaye]{margin-top:2rem}@media(max-width:594px){.explain[data-astro-cid-aythaaye] section[data-astro-cid-aythaaye],.examples[data-astro-cid-aythaaye]{position:relative;z-index:2}}@media(max-width:594px){.explain[data-astro-cid-aythaaye],.examples[data-astro-cid-aythaaye]{position:relative;z-index:2}}.examples[data-astro-cid-aythaaye]{view-transition-name:examples}@media(max-width:594px){.examples[data-astro-cid-aythaaye]{margin-top:3rem}}.explain[data-astro-cid-aythaaye]{view-transition-name:explain}::view-transition-group(examples),::view-transition-group(explain){animation-duration:.5s}table[data-astro-cid-aythaaye]{word-break:normal;margin:1em auto}table[data-astro-cid-aythaaye] code[data-astro-cid-aythaaye]{font-size:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table[data-astro-cid-aythaaye] td[data-astro-cid-aythaaye].center{text-align:center}table[data-astro-cid-aythaaye] td[data-astro-cid-aythaaye].right{text-align:right}.example-card-container[data-astro-cid-aythaaye]{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}@media(max-width:400px){.example-card-container[data-astro-cid-aythaaye]{gap:1rem}}.example-card-content[data-astro-cid-aythaaye]{max-width:200px;padding:.6rem}@media(max-width:760px){.example-card-content[data-astro-cid-aythaaye]{max-width:140px}}@media(max-width:380px){.example-card-content[data-astro-cid-aythaaye]{max-width:130px}}.example-card-content[data-astro-cid-aythaaye] img{width:100%;height:auto}.button-container[data-astro-cid-aythaaye]{margin-top:1rem}.button-container[data-astro-cid-aythaaye] button{width:100%}