.opacity-enter-active[data-v-5aefeaf5],.opacity-leave-active[data-v-5aefeaf5]{transition-property:opacity;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.opacity-enter-from[data-v-5aefeaf5],.opacity-leave-to[data-v-5aefeaf5]{opacity:0}input[data-v-5aefeaf5]{position:relative;outline:none;background:none;resize:none;border:none;cursor:pointer;font-size:1em;font-family:inherit;padding:0;field-sizing:content;min-height:1.25rem;width:min(max(5ch,(var(--33b9dd9c) + 2) * 1ch),100vw - 2rem);max-width:min(12rem,100vw - 2rem);--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) rgb(from var(--backgroundColorDark, #171513) r g b/.5);background-color:#f6f5f480;background-color:light-dark(rgb(from #f6f5f4 r g b/.5),rgb(from #171513 r g b/.5));transition:all .18s ease-in-out;transition-property:border-color;overflow:hidden;text-overflow:ellipsis;border:.15rem solid light-dark(rgba(0,0,0,.3),rgba(255,255,255,.6))}@supports (color: lab(from red l 1 1% / calc(alpha + .1))){input[data-v-5aefeaf5]{background-color:var(--csstools-light-dark-toggle--0, rgb(from var(--backgroundColorLight, #f6f5f4) r g b/.5))}}@supports (color: lab(from red l 1 1% / calc(alpha + .1))) and (color: light-dark(red,red)){input[data-v-5aefeaf5]{background-color:light-dark(rgb(from var(--backgroundColorLight, #f6f5f4) r g b/.5),rgb(from var(--backgroundColorDark, #171513) r g b/.5))}}@media (hover: hover){input[data-v-5aefeaf5]:hover:not(:disabled){--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) rgba(255, 255, 255, .8);border-color:#00000080;border-color:var(--csstools-light-dark-toggle--1, rgba(0, 0, 0, .5));border-color:light-dark(rgba(0,0,0,.5),rgba(255,255,255,.8))}}input[data-v-5aefeaf5]:focus:not(:disabled){outline:none}input[data-v-5aefeaf5]:active:not(:disabled),input[data-v-5aefeaf5]:focus-visible:not(:disabled){outline:none;--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) white;border-color:#000;border-color:var(--csstools-light-dark-toggle--2, black);border-color:light-dark(black,white)}input[data-v-5aefeaf5]:disabled{--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) rgba(255, 255, 255, .1);background-color:#0000000d;background-color:var(--csstools-light-dark-toggle--3, rgba(0, 0, 0, .05));background-color:light-dark(rgba(0,0,0,.05),rgba(255,255,255,.1));cursor:not-allowed}input[data-v-5aefeaf5]{border-radius:.8rem}input[data-v-5aefeaf5]::-moz-placeholder{--csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) rgba(255, 255, 255, .5);color:#00000061;color:var(--csstools-light-dark-toggle--4, rgba(0, 0, 0, .38));color:light-dark(rgba(0,0,0,.38),rgba(255,255,255,.5));--csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) rgba(255, 255, 255, .5);fill:#00000061;fill:var(--csstools-light-dark-toggle--5, rgba(0, 0, 0, .38));fill:light-dark(rgba(0,0,0,.38),rgba(255,255,255,.5))}input[data-v-5aefeaf5]::placeholder{--csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) rgba(255, 255, 255, .5);color:#00000061;color:var(--csstools-light-dark-toggle--4, rgba(0, 0, 0, .38));color:light-dark(rgba(0,0,0,.38),rgba(255,255,255,.5));--csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) rgba(255, 255, 255, .5);fill:#00000061;fill:var(--csstools-light-dark-toggle--5, rgba(0, 0, 0, .38));fill:light-dark(rgba(0,0,0,.38),rgba(255,255,255,.5))}input[data-v-5aefeaf5]::-webkit-color-swatch-wrapper{padding:.15rem}input[data-v-5aefeaf5]::-webkit-color-swatch{border:none;border-radius:.65rem}input[data-v-5aefeaf5]::-moz-color-swatch{width:calc(100% - .3rem);height:calc(100% - .3rem);border:none;border-radius:.65rem}.combined-number-input[data-v-777ef4f3]{display:flex;justify-content:space-between;align-items:center;width:13.3rem;gap:.5em}@media (max-width: 594px){.combined-number-input[data-v-777ef4f3]{width:var(--width)}.combined-number-input input[type=range][data-v-777ef4f3]{flex:1}}.regular[data-v-bad951e6]{padding-right:0!important}.label-horizontal[data-v-bad951e6]{width:12.7rem;box-sizing:border-box;display:flex!important;justify-content:space-between;align-items:center;gap:.5em}@media (max-width: 594px){.label-horizontal[data-v-bad951e6]{width:var(--width)!important;padding:.5rem!important}.label-horizontal[data-v-bad951e6]:not(.regular) .name{font-size:.8em}}.label-horizontal[data-v-bad951e6]>*{display:block}h4[data-v-d5f4e265]{--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:.8em;margin:.5em 0 0;font-weight:500}.advanced-corner-radius-sliders[data-v-d5f4e265]{margin-bottom:1em}[data-v-96c35474] a{width:-moz-fit-content;width:fit-content}.png-size-input[data-v-ff548aa4]{display:flex;align-items:center;gap:1em}.download-container[data-v-ff548aa4]{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em}.opacity-enter-active[data-v-8c5db0cc],.opacity-leave-active[data-v-8c5db0cc]{transition-property:opacity;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.opacity-enter-from[data-v-8c5db0cc],.opacity-leave-to[data-v-8c5db0cc]{opacity:0}.image-preview[data-v-8c5db0cc]{position:relative}.image-preview button.select-image[data-v-8c5db0cc]{--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) rgb(from var(--backgroundColorDark, #171513) r g b/.5);background-color:#f6f5f480;background-color:light-dark(rgb(from #f6f5f4 r g b/.5),rgb(from #171513 r g b/.5));display:block;width:100%;height:4em;cursor:pointer;transition:all .18s ease-in-out;transition-property:border-color;--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) rgba(255, 255, 255, .6);border:.15rem solid rgba(0,0,0,.3);border:.15rem solid var(--csstools-light-dark-toggle--1, rgba(0, 0, 0, .3));border:.15rem solid light-dark(rgba(0,0,0,.3),rgba(255,255,255,.6))}@supports (color: lab(from red l 1 1% / calc(alpha + .1))){.image-preview button.select-image[data-v-8c5db0cc]{background-color:var(--csstools-light-dark-toggle--0, rgb(from var(--backgroundColorLight, #f6f5f4) r g b/.5))}}@supports (color: lab(from red l 1 1% / calc(alpha + .1))) and (color: light-dark(red,red)){.image-preview button.select-image[data-v-8c5db0cc]{background-color:light-dark(rgb(from var(--backgroundColorLight, #f6f5f4) r g b/.5),rgb(from var(--backgroundColorDark, #171513) r g b/.5))}}@media (hover: hover){.image-preview button.select-image[data-v-8c5db0cc]:hover:not(:disabled){--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) rgba(255, 255, 255, .8);border-color:#00000080;border-color:var(--csstools-light-dark-toggle--2, rgba(0, 0, 0, .5));border-color:light-dark(rgba(0,0,0,.5),rgba(255,255,255,.8))}}.image-preview button.select-image[data-v-8c5db0cc]:focus:not(:disabled){outline:none}.image-preview button.select-image[data-v-8c5db0cc]:active:not(:disabled),.image-preview button.select-image[data-v-8c5db0cc]:focus-visible:not(:disabled){outline:none;--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) white;border-color:#000;border-color:var(--csstools-light-dark-toggle--3, black);border-color:light-dark(black,white)}.image-preview button.select-image[data-v-8c5db0cc]:disabled{--csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) rgba(255, 255, 255, .1);background-color:#0000000d;background-color:var(--csstools-light-dark-toggle--4, rgba(0, 0, 0, .05));background-color:light-dark(rgba(0,0,0,.05),rgba(255,255,255,.1));cursor:not-allowed}.image-preview button.select-image[data-v-8c5db0cc]{border-radius:.8rem;border-style:dashed}.image-preview button.select-image.hide[data-v-8c5db0cc]{opacity:0}.image-preview button.select-image div[data-v-8c5db0cc]{line-height:1}.image-preview .image-container[data-v-8c5db0cc]{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center}.image-preview .image-container img[data-v-8c5db0cc]{bottom:0;display:block;width:4em;height:4em;-o-object-fit:contain;object-fit:contain}.error-message[data-v-8c5db0cc]{font-size:.7em;color:red;margin-top:1em;max-width:min(13.25rem,100vw - 2rem)}input[data-v-8c5db0cc]{display:block;width:1px;height:1px;overflow:hidden;opacity:0}.opacity-enter-active[data-v-67ce571c],.opacity-leave-active[data-v-67ce571c]{transition-property:opacity;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.opacity-enter-from[data-v-67ce571c],.opacity-leave-to[data-v-67ce571c]{opacity:0}select[data-v-67ce571c],[data-v-67ce571c]::picker(select){interpolate-size:allow-keywords;-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}select[data-v-67ce571c]{cursor:pointer;padding:0;background:transparent;transition-property:background,box-shadow,border-color,color;transition-duration:.18s;transition-timing-function:cubic-bezier(.4,0,.2,1);touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:4em;height:2.5em;width:min(13.25rem,100vw - 2rem);--buttonBorderRadius: .8rem;border-radius:.8rem;border-radius:var(--buttonBorderRadius);text-shadow:0 1px 0 rgba(0,0,0,.06);fill:currentColor;-webkit-text-decoration:none;text-decoration:none;font-weight:500;position:relative;z-index:1;background:linear-gradient(light-dark(rgba(83.6757294728,81.2297538798,78.7983763042,.04),rgba(246,245,244,.08)),light-dark(rgba(23,21,19,.04),rgba(219.560269645,218.5815748795,217.602819637,.08)));border-width:.8px;border-style:solid;--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) rgba(193.7066775477, 192.7507778751, 191.7947483627, .08);border-color:#6a68650a;border-color:var(--csstools-light-dark-toggle--0, rgba(106.1216931843, 103.569952178, 101.035299908, .04));border-color:light-dark(rgba(106.1216931843,103.569952178,101.035299908,.04),rgba(193.7066775477,192.7507778751,191.7947483627,.08));--buttonOverlayBorderRadius: calc(var(--buttonBorderRadius) - .8px)}select[data-v-67ce571c]:before{position:absolute;z-index:-1;inset:0;content:"";--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) rgba(168.4820730987, 167.5507267477, 166.6191697748, .08);--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) rgba(143.9374215323, 143.0327398931, 142.1277517637, .08);background:linear-gradient(#9a97940a,#817f7c0a);background:linear-gradient(var(--csstools-light-dark-toggle--1, rgba(153.5478364953, 150.8170536923, 148.1071054381, .04)),var(--csstools-light-dark-toggle--2, rgba(129.4419365386, 126.796139022, 124.1694621032, .04)));background:linear-gradient(light-dark(rgba(153.5478364953,150.8170536923,148.1071054381,.04),rgba(168.4820730987,167.5507267477,166.6191697748,.08)),light-dark(rgba(129.4419365386,126.796139022,124.1694621032,.04),rgba(143.9374215323,143.0327398931,142.1277517637,.08)));border-radius:var(--buttonOverlayBorderRadius);opacity:0;transition-property:opacity;transition-duration:.18s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover: hover){select[data-v-67ce571c]:hover:not(:disabled):not(.disabled){--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) rgba(168.4820730987, 167.5507267477, 166.6191697748, .08);border-color:#817f7c0a;border-color:var(--csstools-light-dark-toggle--3, rgba(129.4419365386, 126.796139022, 124.1694621032, .04));border-color:light-dark(rgba(129.4419365386,126.796139022,124.1694621032,.04),rgba(168.4820730987,167.5507267477,166.6191697748,.08))}select[data-v-67ce571c]:hover:not(:disabled):not(.disabled):before{opacity:.5}}select[data-v-67ce571c]:focus-visible:not(:disabled):not(.disabled){--csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) rgba(143.9374215323, 143.0327398931, 142.1277517637, .08);border-color:#9a97940a;border-color:var(--csstools-light-dark-toggle--4, rgba(153.5478364953, 150.8170536923, 148.1071054381, .04));border-color:light-dark(rgba(153.5478364953,150.8170536923,148.1071054381,.04),rgba(143.9374215323,143.0327398931,142.1277517637,.08));--csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) rgba(246, 245, 244, .54);outline-color:#1715138a;outline-color:var(--csstools-light-dark-toggle--5, rgba(23, 21, 19, .54));outline-color:light-dark(rgba(23,21,19,.54),rgba(246,245,244,.54));outline-style:solid;outline-width:.15rem;outline-offset:.15rem}select[data-v-67ce571c]:focus-visible:not(:disabled):not(.disabled):before{opacity:.7}select[data-v-67ce571c]:active:not(:disabled):not(.disabled){--csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) rgba(120.1345199609, 119.2590937164, 118.3832444899, .08);border-color:#b2b0ad0a;border-color:var(--csstools-light-dark-toggle--6, rgba(178.3692736759, 175.5607669129, 172.7745765285, .04));border-color:light-dark(rgba(178.3692736759,175.5607669129,172.7745765285,.04),rgba(120.1345199609,119.2590937164,118.3832444899,.08))}select[data-v-67ce571c]:active:not(:disabled):not(.disabled):before{opacity:1}select[data-v-67ce571c]{--csstools-light-dark-toggle--7: var(--csstools-color-scheme--light) #fff;color:#000000de;color:var(--csstools-light-dark-toggle--7, rgba(0, 0, 0, .87));color:light-dark(rgba(0,0,0,.87),#fff);--csstools-light-dark-toggle--8: var(--csstools-color-scheme--light) #fff;fill:#000000de;fill:var(--csstools-light-dark-toggle--8, rgba(0, 0, 0, .87));fill:light-dark(rgba(0,0,0,.87),#fff)}select[data-v-67ce571c] *{--csstools-light-dark-toggle--9: var(--csstools-color-scheme--light) currentColor;color:rgb(from currentColor r g b/.8);color:light-dark(rgb(from currentColor r g b/.8),currentColor);--csstools-light-dark-toggle--10: var(--csstools-color-scheme--light) currentColor;fill:rgb(from currentColor r g b/.8);fill:light-dark(rgb(from currentColor r g b/.8),currentColor)}@supports (color: lab(from red l 1 1% / calc(alpha + .1))){select[data-v-67ce571c] *{color:var(--csstools-light-dark-toggle--9, rgb(from currentColor r g b/.8));fill:var(--csstools-light-dark-toggle--10, rgb(from currentColor r g b/.8))}}select selectedcontent[data-v-67ce571c]{padding-right:.7em;padding-left:.7em}select[data-v-67ce571c]::picker-icon{transition-property:rotate;transition-duration:.18s;transition-timing-function:cubic-bezier(.4,0,.2,1);--csstools-light-dark-toggle--11: var(--csstools-color-scheme--light) currentColor;color:rgb(from currentColor r g b/.8);color:light-dark(rgb(from currentColor r g b/.8),currentColor);margin-right:.7em}@supports (color: lab(from red l 1 1% / calc(alpha + .1))){select[data-v-67ce571c]::picker-icon{color:var(--csstools-light-dark-toggle--11, rgb(from currentColor r g b/.8))}}select[data-v-67ce571c]:open::picker-icon{rotate:180deg}select option[data-v-67ce571c]{border-width:.8px;border-style:solid;border-color:transparent}@media (hover: hover){select option[data-v-67ce571c]:hover:not(:disabled):not(.disabled){--csstools-light-dark-toggle--12: var(--csstools-color-scheme--light) rgba(255, 255, 255, .08);background-color:#00000014;background-color:var(--csstools-light-dark-toggle--12, rgba(0, 0, 0, .08));background-color:light-dark(rgba(0,0,0,.08),rgba(255,255,255,.08))}}select option[data-v-67ce571c]:focus-visible:not(:disabled):not(.disabled){--csstools-light-dark-toggle--13: var(--csstools-color-scheme--light) rgba(255, 255, 255, .08);background-color:#00000014;background-color:var(--csstools-light-dark-toggle--13, rgba(0, 0, 0, .08));background-color:light-dark(rgba(0,0,0,.08),rgba(255,255,255,.08));--csstools-light-dark-toggle--14: var(--csstools-color-scheme--light) rgba(255, 255, 255, .54);outline-color:#0000008a;outline-color:var(--csstools-light-dark-toggle--14, rgba(0, 0, 0, .54));outline-color:light-dark(rgba(0,0,0,.54),rgba(255,255,255,.54));outline-style:solid;outline-width:.15rem;outline-offset:.15rem}select option[data-v-67ce571c]:active:not(:disabled):not(.disabled){--csstools-light-dark-toggle--15: var(--csstools-color-scheme--light) rgba(255, 255, 255, .24);background-color:#0000003d;background-color:var(--csstools-light-dark-toggle--15, rgba(0, 0, 0, .24));background-color:light-dark(rgba(0,0,0,.24),rgba(255,255,255,.24))}select option[data-v-67ce571c]{margin:0 .2rem;transition-property:background,box-shadow,border-color,color;transition-duration:.18s;transition-timing-function:cubic-bezier(.4,0,.2,1);height:2.5em;border-radius:calc(var(--buttonBorderRadius) - .2rem)}select option[data-v-67ce571c]::checkmark{order:1;margin-left:auto;transform:translateY(5%);content:var(--1ffa4587)}[data-v-67ce571c]::picker(select){--csstools-light-dark-toggle--16: var(--csstools-color-scheme--light) rgba(0, 0, 0, .1);--csstools-light-dark-toggle--17: var(--csstools-color-scheme--light) rgba(0, 0, 0, .1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:0 10px 15px -3px var(--csstools-light-dark-toggle--16, rgba(0, 0, 0, .1)),0 4px 6px -4px var(--csstools-light-dark-toggle--17, rgba(0, 0, 0, .1));--csstools-light-dark-toggle--18: var(--csstools-color-scheme--light) #171513;background-color:#fff;background-color:var(--csstools-light-dark-toggle--18, #fff);background-color:light-dark(#fff,#171513);box-shadow:0 10px 15px -3px light-dark(rgba(0,0,0,.1),rgba(0,0,0,.1)),0 4px 6px -4px light-dark(rgba(0,0,0,.1),rgba(0,0,0,.1));border:1px solid rgba(0,0,0,.05)!important;border-radius:var(--buttonBorderRadius);margin-top:.3rem;padding:.2rem 0;overflow:hidden;transition:display .18s allow-discrete,overlay .18s allow-discrete,height .18s ease-in-out,opacity .18s linear}@starting-style{[data-v-67ce571c]::picker(select):popover-open{height:0;opacity:0}}[data-v-67ce571c]::picker(select):popover-open{height:auto;opacity:1}[data-v-67ce571c]::picker(select){height:0;opacity:0}.note[data-v-3837b341]{--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) rgba(255, 255, 255, .7);color:#0000008a;color:var(--csstools-light-dark-toggle--0, rgba(0, 0, 0, .54));color:light-dark(rgba(0,0,0,.54),rgba(255,255,255,.7));--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) rgba(255, 255, 255, .7);fill:#0000008a;fill:var(--csstools-light-dark-toggle--1, rgba(0, 0, 0, .54));fill:light-dark(rgba(0,0,0,.54),rgba(255,255,255,.7));font-size:.8em;margin-left:.5rem}.note.error[data-v-3837b341]{color:red}span[data-v-14e12a6e]{position:relative;font-size:.7em;vertical-align:30%;margin-left:.2em;margin-right:.2em}span[data-v-14e12a6e] :before{content:"";position:absolute;inset:-10% -100%}a[data-v-14e12a6e]{color:inherit;opacity:.6;text-decoration-style:dotted}.page.forward[data-v-e6fb4f8e]>*{view-transition-class:pager-page-forward}.page.backward[data-v-e6fb4f8e]>*{view-transition-class:pager-page-backward}::view-transition-old(.pager-page-forward){animation:slide-out-to-left-e6fb4f8e .5s forwards ease-in-out}::view-transition-new(.pager-page-forward):not(:only-child){animation:slide-in-from-right-e6fb4f8e .5s forwards ease-in-out}::view-transition-old(.pager-page-backward){animation:slide-out-to-right-e6fb4f8e .5s forwards ease-in-out}::view-transition-new(.pager-page-backward):not(:only-child){animation:slide-in-from-left-e6fb4f8e .5s forwards ease-in-out}@keyframes slide-in-from-right-e6fb4f8e{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-from-left-e6fb4f8e{0%{transform:translate(-110%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-to-right-e6fb4f8e{0%{transform:translate(0);opacity:1}to{transform:translate(110%);opacity:0}}@keyframes slide-out-to-left-e6fb4f8e{0%{transform:translate(0);opacity:1}to{transform:translate(-110%);opacity:0}}.error[data-v-0f46138b]{color:red}.svg-container[data-v-0f46138b]{position:relative;box-sizing:border-box;width:100%;height:auto;aspect-ratio:1;padding:1rem;background-image:repeating-conic-gradient(#d3d3d3 0% 25%,#fff 0% 50%);background-image:repeating-conic-gradient(#d3d3d3 0% 25%,#fff 0% 50%);background-size:1rem 1rem}.svg-container.loading[data-v-0f46138b]{display:flex;align-items:center;justify-content:center}.svg-container:not(.loading) .svg[data-v-0f46138b]>svg{display:block;border:2px solid #000;box-sizing:content-box}.svg-container:not(.loading) .svg[data-v-0f46138b]>svg .modules,.svg-container:not(.loading) .svg[data-v-0f46138b]>svg .alignment-inner{stroke-width:0}.svg-container:not(.loading) .svg.fill-gaps[data-v-0f46138b]>svg .modules,.svg-container:not(.loading) .svg.fill-gaps[data-v-0f46138b]>svg .alignment-inner{stroke-width:.06}.svg-container .top[data-v-0f46138b],.svg-container .bottom[data-v-0f46138b]{position:absolute;left:0;right:0;text-align:center;line-height:.9rem}.svg-container .top[data-v-0f46138b]{top:0;font-size:.8em}.svg-container .bottom[data-v-0f46138b]{bottom:0;font-size:.65em}.svg-container .loading[data-v-0f46138b]{--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) var(--backgroundColorLight, #f6f5f4);background-color:#171513;background-color:var(--csstools-light-dark-toggle--0, var(--backgroundColorDark, #171513));background-color:light-dark(#171513,#f6f5f4);--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) rgba(0, 0, 0, .87);color:#fff;color:var(--csstools-light-dark-toggle--1, #fff);color:light-dark(#fff,rgba(0,0,0,.87));--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) rgba(0, 0, 0, .87);fill:#fff;fill:var(--csstools-light-dark-toggle--2, #fff);fill:light-dark(#fff,rgba(0,0,0,.87));font-size:.7em}@supports (color: light-dark(red,red)){.svg-container .loading[data-v-0f46138b]{background-color:light-dark(var(--backgroundColorDark, #171513),var(--backgroundColorLight, #f6f5f4))}}.svg-container .loading[data-v-0f46138b] svg{display:inline-block;border:none;vertical-align:middle}.svg-container.unscannable .error[data-v-0f46138b]{background:red;color:#fff;font-weight:700}.svg-container.unscannable .svg[data-v-0f46138b]>svg{border:2px solid red}.segments-preview[data-v-ad8a4e9a]{display:flex;flex-wrap:wrap;word-break:break-all;gap:.2em;font-size:.9em}.segments-preview>span[data-v-ad8a4e9a]{border:.18em solid rgb(from currentColor r g b/.6);border-radius:.7em;padding:.17em .4em;border-color:var(--mode-color);background:rgb(from var(--mode-color) r g b/.1);transition:opacity .1s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none}.segments-preview>span.active[data-v-ad8a4e9a]{opacity:.7}.segments-preview>span .size[data-v-ad8a4e9a]{font-size:.8em;vertical-align:middle}.segments-preview[data-v-ad8a4e9a] svg{display:inline-block;height:1em;width:auto;margin-right:.2em;transform:translateY(18%)}span.small[data-v-ad8a4e9a]{font-size:.8em}.note-container[data-v-a7cd4f4b]{max-width:calc(var(--0fe94967) * 1px);word-break:break-word}[data-v-a6f00da2] svg g.overlay rect{fill-opacity:.1;transition:fill-opacity .1s linear,fill .1s linear allow-discrete}[data-v-a6f00da2] svg g.overlay rect.highlight{fill:"none";fill:var(--mode-color, "none");fill-opacity:.5;transition:fill-opacity .1s linear}.generator[data-v-a6f00da2]{font-size:16px}.generator .mobile[data-v-a6f00da2]{display:none;position:relative;--preview-height: min(300px, calc(100vw - 6rem) )}@media (max-height: 630px){.generator .mobile[data-v-a6f00da2]{--preview-height: min( max(200px, calc(100vh - 300px - 1rem - 2em) ), calc(100vw - 6rem) )}}.generator .mobile.extension[data-v-a6f00da2]{--preview-height: min( max(200px, calc(100vh - 266px - 1rem - 2em) ), calc(100vw - 6rem) )}@media (max-width: 405px){.generator .mobile.extension .tab-buttons-container[data-v-a6f00da2]{font-size:1rem;padding-top:1em;padding-left:0;padding-right:0}}.generator .mobile .top-background[data-v-a6f00da2]{--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) rgb(from var(--backgroundColorDark, #171513) r g b/1);background:linear-gradient(rgb(246,245,244) calc(1rem + var(--preview-height) + 2.5em + 1em),transparent);position:fixed;top:0;left:0;right:0;z-index:1;height:calc(1rem + var(--preview-height) + 2.5em + 2em);view-transition-name:qr-top-background;view-transition-class:nope}@supports (color: lab(from red l 1 1% / calc(alpha + .1))){.generator .mobile .top-background[data-v-a6f00da2]{background:linear-gradient(var(--csstools-light-dark-toggle--0, rgb(from var(--backgroundColorLight, #f6f5f4) r g b/1)) calc(1rem + var(--preview-height) + 2.5em + 1em),transparent)}}@supports (color: lab(from red l 1 1% / calc(alpha + .1))) and (color: light-dark(red,red)){.generator .mobile .top-background[data-v-a6f00da2]{background:linear-gradient(light-dark(rgb(from #f6f5f4 r g b/1),rgb(from #171513 r g b/1)) calc(1rem + var(--preview-height) + 2.5em + 1em),transparent);background:linear-gradient(light-dark(rgb(from var(--backgroundColorLight, #f6f5f4) r g b/1),rgb(from var(--backgroundColorDark, #171513) r g b/1)) calc(1rem + var(--preview-height) + 2.5em + 1em),transparent)}}.generator .mobile .top[data-v-a6f00da2]{position:sticky;top:0;z-index:2;padding-top:1rem;view-transition-name:qr-top;view-transition-class:nope}.generator .mobile .preview-container[data-v-a6f00da2]{width:var(--preview-height);aspect-ratio:1;margin:0 auto}.generator .mobile .tab-buttons-container[data-v-a6f00da2]{max-width:100%;overflow-y:auto;overflow-y:overlay;padding:.5em 1em;scrollbar-width:thin}.generator .mobile .tab-buttons[data-v-a6f00da2]{display:flex;justify-content:space-between;align-items:center;gap:.5em;margin:0 auto;width:-moz-max-content;width:max-content}.generator .mobile .page[data-v-a6f00da2]{view-transition-name:page;width:100%;max-width:min(300px,100vw - 2rem);--width: min(300px, calc(100vw - 2rem) );margin:.5em auto 0}.generator .mobile .page[data-v-a6f00da2] label,.generator .mobile .page[data-v-a6f00da2] textarea,.generator .mobile .page[data-v-a6f00da2] .container:has(>textarea){width:100%!important;max-width:none!important;box-sizing:border-box}.generator .mobile .page[data-v-a6f00da2] textarea{min-height:4em}.generator .mobile .page[data-v-a6f00da2] select{width:100%}.generator .desktop[data-v-a6f00da2]{display:flex;flex-direction:row;gap:2em;width:-moz-fit-content;width:fit-content;margin:0 auto;flex-wrap:wrap;--width: min(300px, calc(100vw - 2rem) )}.generator .desktop .big-preview[data-v-a6f00da2]{width:var(--width)}@media (max-width: 800px){.generator .desktop .right[data-v-a6f00da2]{flex-direction:column!important;max-width:var(--width)}}.generator .desktop .right[data-v-a6f00da2]{position:sticky;top:0;align-self:baseline;display:flex;flex:1;flex-direction:row;flex-wrap:wrap;gap:2em;width:-moz-fit-content;width:fit-content}.generator .desktop .right .preview[data-v-a6f00da2]{flex:1;width:var(--width)}.generator .desktop .right .download[data-v-a6f00da2]{flex:1;flex-basis:170px}@media (max-width: 594px){.generator:not(.extension) .mobile[data-v-a6f00da2]{display:block}.generator:not(.extension) .desktop[data-v-a6f00da2]{display:none}}.generator.extension .mobile[data-v-a6f00da2]{display:block}.generator.extension .desktop[data-v-a6f00da2]{display:none}[data-v-a6f00da2] h2{--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) #fff;color:#000000de;color:var(--csstools-light-dark-toggle--1, rgba(0, 0, 0, .87));color:light-dark(rgba(0,0,0,.87),#fff);--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) #fff;fill:#000000de;fill:var(--csstools-light-dark-toggle--2, 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-a6f00da2] h3{--csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) #fff;color:#000000de;color:var(--csstools-light-dark-toggle--3, rgba(0, 0, 0, .87));color:light-dark(rgba(0,0,0,.87),#fff);--csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) #fff;fill:#000000de;fill:var(--csstools-light-dark-toggle--4, 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}label,label .container{display:block!important;width:-moz-fit-content;width:fit-content}[data-v-a6f00da2] .big-gap{display:grid;grid-gap:1em;gap:1em}[data-v-a6f00da2] .big-gap>*{width:100%;min-width:0}[data-v-a6f00da2] .medium-gap{display:grid;grid-gap:.5em;gap:.5em}[data-v-a6f00da2] .medium-gap>*{width:100%;min-width:0}[data-v-a6f00da2] .small-gap{display:grid;grid-gap:.3em;gap:.3em}[data-v-a6f00da2] .small-gap>*{width:100%;min-width:0}[data-v-a6f00da2] .masking-pattern-option{display:flex;align-items:center;gap:.5em}[data-v-a6f00da2] .masking-pattern-option img{width:1.5em;height:1.5em;border:1px solid lightgray;background:#fff;image-rendering:pixelated}[data-v-a6f00da2] .mode-numeric{--csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) #0091ff;--mode-color: var(--csstools-light-dark-toggle--5, #0088ff)}@supports (color: light-dark(red,red)){[data-v-a6f00da2] .mode-numeric{--mode-color: light-dark(#0088ff, #0091ff)}}@supports not (color: light-dark(tan,tan)){[data-v-a6f00da2] .mode-numeric *{--csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) #0091ff;--mode-color: var(--csstools-light-dark-toggle--5, #0088ff)}}[data-v-a6f00da2] .mode-alphanumeric{--csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) #ff9130;--mode-color: var(--csstools-light-dark-toggle--6, #ff8d29)}@supports (color: light-dark(red,red)){[data-v-a6f00da2] .mode-alphanumeric{--mode-color: light-dark(#ff8d29, #ff9130)}}@supports not (color: light-dark(tan,tan)){[data-v-a6f00da2] .mode-alphanumeric *{--csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) #ff9130;--mode-color: var(--csstools-light-dark-toggle--6, #ff8d29)}}[data-v-a6f00da2] .mode-byte{--csstools-light-dark-toggle--7: var(--csstools-color-scheme--light) #dc33f2;--mode-color: var(--csstools-light-dark-toggle--7, #cc2fe0)}@supports (color: light-dark(red,red)){[data-v-a6f00da2] .mode-byte{--mode-color: light-dark(#cc2fe0, #dc33f2)}}@supports not (color: light-dark(tan,tan)){[data-v-a6f00da2] .mode-byte *{--csstools-light-dark-toggle--7: var(--csstools-color-scheme--light) #dc33f2;--mode-color: var(--csstools-light-dark-toggle--7, #cc2fe0)}}[data-v-a6f00da2] .mode-kanji{--csstools-light-dark-toggle--8: var(--csstools-color-scheme--light) #00d1e0;--mode-color: var(--csstools-light-dark-toggle--8, #00c3d1)}@supports (color: light-dark(red,red)){[data-v-a6f00da2] .mode-kanji{--mode-color: light-dark(#00c3d1, #00d1e0)}}@supports not (color: light-dark(tan,tan)){[data-v-a6f00da2] .mode-kanji *{--csstools-light-dark-toggle--8: var(--csstools-color-scheme--light) #00d1e0;--mode-color: var(--csstools-light-dark-toggle--8, #00c3d1)}}[data-v-a6f00da2] .mode-terminator{--csstools-light-dark-toggle--9: var(--csstools-color-scheme--light) #695cff;--mode-color: var(--csstools-light-dark-toggle--9, #6155f5)}@supports (color: light-dark(red,red)){[data-v-a6f00da2] .mode-terminator{--mode-color: light-dark(#6155f5, #695cff)}}@supports not (color: light-dark(tan,tan)){[data-v-a6f00da2] .mode-terminator *{--csstools-light-dark-toggle--9: var(--csstools-color-scheme--light) #695cff;--mode-color: var(--csstools-light-dark-toggle--9, #6155f5)}}[data-v-a6f00da2] .mode-padding{--csstools-light-dark-toggle--10: var(--csstools-color-scheme--light) #b78a66;--mode-color: var(--csstools-light-dark-toggle--10, #ac7f5e)}@supports (color: light-dark(red,red)){[data-v-a6f00da2] .mode-padding{--mode-color: light-dark(#ac7f5e, #b78a66)}}@supports not (color: light-dark(tan,tan)){[data-v-a6f00da2] .mode-padding *{--csstools-light-dark-toggle--10: var(--csstools-color-scheme--light) #b78a66;--mode-color: var(--csstools-light-dark-toggle--10, #ac7f5e)}}[data-v-a6f00da2] .mode-ec{--csstools-light-dark-toggle--11: var(--csstools-color-scheme--light) #ff3860;--mode-color: var(--csstools-light-dark-toggle--11, #ff2e54)}@supports (color: light-dark(red,red)){[data-v-a6f00da2] .mode-ec{--mode-color: light-dark(#ff2e54, #ff3860)}}@supports not (color: light-dark(tan,tan)){[data-v-a6f00da2] .mode-ec *{--csstools-light-dark-toggle--11: var(--csstools-color-scheme--light) #ff3860;--mode-color: var(--csstools-light-dark-toggle--11, #ff2e54)}}[data-v-a6f00da2] .mode-timing{--csstools-light-dark-toggle--12: var(--csstools-color-scheme--light) #00d9c3;--mode-color: var(--csstools-light-dark-toggle--12, #00c7b3)}@supports (color: light-dark(red,red)){[data-v-a6f00da2] .mode-timing{--mode-color: light-dark(#00c7b3, #00d9c3)}}@supports not (color: light-dark(tan,tan)){[data-v-a6f00da2] .mode-timing *{--csstools-light-dark-toggle--12: var(--csstools-color-scheme--light) #00d9c3;--mode-color: var(--csstools-light-dark-toggle--12, #00c7b3)}}[data-v-a6f00da2] .mode-format{--csstools-light-dark-toggle--13: var(--csstools-color-scheme--light) #3dd5ff;--mode-color: var(--csstools-light-dark-toggle--13, #00c1e8)}@supports (color: light-dark(red,red)){[data-v-a6f00da2] .mode-format{--mode-color: light-dark(#00c1e8, #3dd5ff)}}@supports not (color: light-dark(tan,tan)){[data-v-a6f00da2] .mode-format *{--csstools-light-dark-toggle--13: var(--csstools-color-scheme--light) #3dd5ff;--mode-color: var(--csstools-light-dark-toggle--13, #00c1e8)}}[data-v-a6f00da2] .mode-version{--csstools-light-dark-toggle--14: var(--csstools-color-scheme--light) #ffd500;--mode-color: var(--csstools-light-dark-toggle--14, #ffcc00)}@supports (color: light-dark(red,red)){[data-v-a6f00da2] .mode-version{--mode-color: light-dark(#ffcc00, #ffd500)}}@supports not (color: light-dark(tan,tan)){[data-v-a6f00da2] .mode-version *{--csstools-light-dark-toggle--14: var(--csstools-color-scheme--light) #ffd500;--mode-color: var(--csstools-light-dark-toggle--14, #ffcc00)}}[data-v-a6f00da2] .mode-finder{--csstools-light-dark-toggle--15: var(--csstools-color-scheme--light) #8f8f94;--mode-color: var(--csstools-light-dark-toggle--15, #8f8f94)}@supports (color: light-dark(red,red)){[data-v-a6f00da2] .mode-finder{--mode-color: light-dark(#8f8f94, #8f8f94)}}@supports not (color: light-dark(tan,tan)){[data-v-a6f00da2] .mode-finder *{--csstools-light-dark-toggle--15: var(--csstools-color-scheme--light) #8f8f94;--mode-color: var(--csstools-light-dark-toggle--15, #8f8f94)}}[data-v-a6f00da2] .mode-alignment{--csstools-light-dark-toggle--16: var(--csstools-color-scheme--light) #636366;--mode-color: var(--csstools-light-dark-toggle--16, #afafb3)}@supports (color: light-dark(red,red)){[data-v-a6f00da2] .mode-alignment{--mode-color: light-dark(#afafb3, #636366)}}@supports not (color: light-dark(tan,tan)){[data-v-a6f00da2] .mode-alignment *{--csstools-light-dark-toggle--16: var(--csstools-color-scheme--light) #636366;--mode-color: var(--csstools-light-dark-toggle--16, #afafb3)}}@media (max-width: 594px){header{z-index:2;view-transition-name:qr-header}::view-transition-new(header),::view-transition-old(header){z-index:2000}}::view-transition-new(.nope),::view-transition-old(.nope){animation-duration:0s}.new-tab-icon[data-astro-cid-hzluwrjy]{display:none}a[target=_blank] .new-tab-icon[data-astro-cid-hzluwrjy]{display:inline}section[data-astro-cid-hzluwrjy].container h1[data-astro-cid-hzluwrjy]{margin-top:0;font-weight:500;text-align:center}@media (max-width: 594px){section[data-astro-cid-hzluwrjy].container h1[data-astro-cid-hzluwrjy]{position:relative;z-index:2;view-transition-name:title;margin-bottom:0}}section[data-astro-cid-hzluwrjy].container h1[data-astro-cid-hzluwrjy] 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-hzluwrjy],.small-max-width[data-astro-cid-hzluwrjy]{max-width:1200px;margin:0 auto;box-sizing:border-box;padding:0 2.5rem}@media (max-width: 850px){section[data-astro-cid-hzluwrjy],.small-max-width[data-astro-cid-hzluwrjy]{padding:0 1.5rem}}@media (max-width: 450px){section[data-astro-cid-hzluwrjy],.small-max-width[data-astro-cid-hzluwrjy]{padding:0 1rem}}@media (max-width: 594px){section[data-astro-cid-hzluwrjy].container{padding:0}section[data-astro-cid-hzluwrjy].container>h1[data-astro-cid-hzluwrjy]{padding:0 1rem}}.explain[data-astro-cid-hzluwrjy] section[data-astro-cid-hzluwrjy],.small-max-width[data-astro-cid-hzluwrjy]{margin:0 auto;max-width:900px}@media (max-width: 850px){.small-max-width[data-astro-cid-hzluwrjy]{padding:0}}.explain[data-astro-cid-hzluwrjy] section[data-astro-cid-hzluwrjy],.examples[data-astro-cid-hzluwrjy]{margin-top:2rem}@media (max-width: 594px){.explain[data-astro-cid-hzluwrjy] section[data-astro-cid-hzluwrjy],.examples[data-astro-cid-hzluwrjy]{position:relative;z-index:2}}.examples[data-astro-cid-hzluwrjy]{view-transition-name:examples}@media (max-width: 594px){.examples[data-astro-cid-hzluwrjy]{margin-top:3rem}}.explain[data-astro-cid-hzluwrjy]{view-transition-name:explain}::view-transition-group(examples),::view-transition-group(explain){animation-duration:.5s}table[data-astro-cid-hzluwrjy]{word-break:normal;margin:1em auto}table[data-astro-cid-hzluwrjy] code[data-astro-cid-hzluwrjy]{font-size:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table[data-astro-cid-hzluwrjy] td[data-astro-cid-hzluwrjy].center{text-align:center}table[data-astro-cid-hzluwrjy] td[data-astro-cid-hzluwrjy].right{text-align:right}.example-card-container[data-astro-cid-hzluwrjy]{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-hzluwrjy]{gap:1rem}}.example-card-content[data-astro-cid-hzluwrjy]{max-width:200px;padding:.6rem}@media (max-width: 760px){.example-card-content[data-astro-cid-hzluwrjy]{max-width:140px}}@media (max-width: 380px){.example-card-content[data-astro-cid-hzluwrjy]{max-width:130px}}.example-card-content[data-astro-cid-hzluwrjy] img{width:100%;height:auto}.button-container[data-astro-cid-hzluwrjy]{margin-top:1rem}.button-container[data-astro-cid-hzluwrjy] button{width:100%}