.icon-button[data-astro-cid-crqf33vu]{border:none;background:none;display:flex;gap:.5rem;align-items:center;padding:.25rem}.icon-button[data-astro-cid-crqf33vu]:disabled{opacity:.5}.icon-button[data-astro-cid-crqf33vu]:hover{cursor:pointer;background-color:#eee}.icon-button[data-astro-cid-crqf33vu]:active{background-color:#000;color:#fff}dialog[data-astro-cid-pizzxujg]{margin:2rem auto}[data-astro-cid-pizzxujg]::backdrop{background:#020024;background:radial-gradient(circle,#020024,#090979 35%,#00d4ff);opacity:.5}.tabs[data-astro-cid-pizzxujg]{display:flex;flex-wrap:wrap;margin-bottom:1rem}.tabs[data-astro-cid-pizzxujg]{& label[data-astro-cid-pizzxujg]{cursor:pointer;display:inline-block;order:initial;padding:.5rem 1rem}& input[data-astro-cid-pizzxujg][type=radio]{display:none}}.tabs[data-astro-cid-pizzxujg] input[data-astro-cid-pizzxujg][type=radio]:checked+label[data-astro-cid-pizzxujg]{background-color:#000;color:#fff}.tab-content[data-astro-cid-pizzxujg]{flex-grow:1;width:100%}@media(min-width:10em){.tab-content[data-astro-cid-pizzxujg]{order:99}.tabs[data-astro-cid-pizzxujg] label[data-astro-cid-pizzxujg]{order:1;width:auto}}.symbology-grid[data-astro-cid-pizzxujg]{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;& input[data-astro-cid-pizzxujg][type=radio]{display:none}& label[data-astro-cid-pizzxujg]{display:grid;grid-template-columns:54px 1fr;align-items:center;padding:.25rem;background:transparent;border:1px solid #000;color:#000;& svg[data-astro-cid-pizzxujg]{width:auto;max-width:48px;height:32px;display:inline-block;user-select:none;pointer-events:none}& span[data-astro-cid-pizzxujg]{font-size:.8em;line-height:1.25;user-select:none;pointer-events:none}}}.symbology-grid[data-astro-cid-pizzxujg] input[data-astro-cid-pizzxujg][type=radio]:checked+label[data-astro-cid-pizzxujg]{background-color:#000;color:#fff;& svg[data-astro-cid-pizzxujg] g[data-astro-cid-pizzxujg][id=barcode]{fill:#fff}}:root{--touch-target-size: 48px;--container-padding: 16px;--gridline-color: #eee;--gridline-color-inverted: #222;--gridline-size: 10px}header[data-astro-cid-j7pv25f6]{q{font-style:italic}p{margin-top:.5rem;font-size:.8em}}.data-section[data-astro-cid-j7pv25f6]{display:flex;margin-top:.5rem;gap:.5rem;align-items:center}.options-section[data-astro-cid-j7pv25f6]{display:flex;margin-top:.5rem;gap:.5rem;align-items:center;font-size:.8em}.export-section[data-astro-cid-j7pv25f6]{display:flex;margin-top:.5rem;font-size:.8em}@keyframes fade_in{0%{opacity:.5}}.svg-wrapper[data-astro-cid-j7pv25f6]{position:relative;margin-top:.5rem;padding:1rem;background-size:var(--gridline-size) var(--gridline-size);background-image:linear-gradient(to right,var(--gridline-color) 1px,transparent 1px),linear-gradient(to bottom,var(--gridline-color) 1px,transparent 1px);display:flex;justify-content:center;align-items:center;min-height:180px;&.inverted{background-color:#111;background-image:linear-gradient(to right,var(--gridline-color-inverted) 1px,transparent 1px),linear-gradient(to bottom,var(--gridline-color-inverted) 1px,transparent 1px)}}.svg-wrapper[data-astro-cid-j7pv25f6]{svg{animation:fade_in .2s cubic-bezier(.5,0,.5,1) forwards;max-width:100%;height:120px;width:auto}}.svg-wrapper[data-astro-cid-j7pv25f6].wiggle{svg{animation:wiggle .25s ease-in-out forwards}}.output-message[data-astro-cid-j7pv25f6]{margin-top:.5rem;font-size:.7em}.error-message[data-astro-cid-j7pv25f6]{font-weight:700;&.inverted{color:#fff}}@keyframes fromCenter{0%{transform:translate(0)}}.symbology-selector[data-astro-cid-j7pv25f6]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.symbology-selector[data-astro-cid-j7pv25f6] button[data-astro-cid-j7pv25f6]{display:inline-flex;gap:.5rem;height:32px;align-items:center;padding:.25rem .5rem;background:transparent;border:1px solid #000;color:#000;div{display:inline-block;width:24px;height:24px;svg{width:auto;height:24px}}}.symbology-selector[data-astro-cid-j7pv25f6] button[data-astro-cid-j7pv25f6]:active,.symbology-selector[data-astro-cid-j7pv25f6] button[data-astro-cid-j7pv25f6]:hover{background-color:#000;color:#fff;div{svg g[id=barcode]{fill:#fff}}}@keyframes wiggle{0%{transform:rotate(0)}50%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}