.regex-playground:where(.astro-67hcqilr){border:1px solid var(--sl-color-gray-5);background-color:var(--sl-color-bg);font-size:var(--sl-text-sm);border-radius:.5rem;margin:1.5rem 0;padding:1rem 1.25rem;display:block}.regex-playground:where(.astro-67hcqilr):not([data-ready]) :where(.astro-67hcqilr):is(.controls,.hint){display:none}:where(.astro-67hcqilr)[hidden]{display:none!important}.controls:where(.astro-67hcqilr){flex-wrap:wrap;align-items:end;gap:.75rem 1.25rem;margin-bottom:1rem;display:flex}.controls:where(.astro-67hcqilr) label:where(.astro-67hcqilr):not(.checkbox),.flags:where(.astro-67hcqilr){color:var(--sl-color-gray-2);font-size:var(--sl-text-xs);flex-direction:column;gap:.25rem;display:flex}.controls:where(.astro-67hcqilr) .text:where(.astro-67hcqilr){flex:14rem}.flags:where(.astro-67hcqilr){border:0;flex-flow:wrap;gap:.25rem 1rem;margin:0;padding:0}.flags:where(.astro-67hcqilr) legend:where(.astro-67hcqilr){width:100%;margin-bottom:.25rem;padding:0}label:where(.astro-67hcqilr).checkbox{min-height:2.25rem;color:var(--sl-color-gray-2);font-size:var(--sl-text-xs);align-items:center;gap:.25rem;display:flex}.literal:where(.astro-67hcqilr){color:var(--sl-color-gray-3);font-family:var(--sl-font-mono);font-size:var(--sl-text-sm);align-items:center;gap:.25rem;display:flex}select:where(.astro-67hcqilr),input:where(.astro-67hcqilr)[type=text]{box-sizing:border-box;border:1px solid var(--sl-color-gray-4);background-color:var(--sl-color-bg);width:100%;min-width:6rem;height:2.25rem;color:var(--sl-color-white);font-family:var(--sl-font-mono);font-size:var(--sl-text-sm);border-radius:.25rem;padding:0 .5rem}.literal:where(.astro-67hcqilr) input:where(.astro-67hcqilr){width:10rem}select:where(.astro-67hcqilr):focus-visible,input:where(.astro-67hcqilr):focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}:where(.astro-67hcqilr):disabled{opacity:.6}input:where(.astro-67hcqilr)[type=checkbox]{accent-color:var(--sl-color-accent)}input:where(.astro-67hcqilr)[aria-invalid=true]{border-color:var(--sl-color-red)}.matches:where(.astro-67hcqilr){background-color:var(--sl-color-gray-7,var(--sl-color-gray-6));border-radius:.25rem;padding:.75rem 1rem}.heading:where(.astro-67hcqilr){color:var(--sl-color-gray-2);font-size:var(--sl-text-xs);gap:.75rem;margin:0 0 .25rem;display:flex}.view:where(.astro-67hcqilr){color:var(--sl-color-white);font-size:var(--sl-text-base);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:2}.view:where(.astro-67hcqilr) mark{color:inherit;background-color:#0000;border-radius:.2rem;padding:.1rem 0}.view:where(.astro-67hcqilr) mark[data-match=used],.legend:where(.astro-67hcqilr) :where(.astro-67hcqilr)[data-match=used]:before{background-color:var(--sl-color-accent-low);box-shadow:inset 0 0 0 1px var(--sl-color-accent)}.view:where(.astro-67hcqilr) mark[data-match=used]{color:var(--sl-color-accent-high);font-weight:600}.view:where(.astro-67hcqilr) mark[data-match=unused],.legend:where(.astro-67hcqilr) :where(.astro-67hcqilr)[data-match=unused]:before{outline:1px dashed var(--sl-color-gray-3);outline-offset:-1px}.view:where(.astro-67hcqilr) mark[data-empty]{vertical-align:middle;background-color:var(--sl-color-accent);width:2px;height:1.2em;box-shadow:none;margin-inline:1px;padding:0;display:inline-block}.view:where(.astro-67hcqilr) mark[data-empty][data-match=unused]{background-color:var(--sl-color-gray-3);outline:0}.legend:where(.astro-67hcqilr){color:var(--sl-color-gray-2);font-size:var(--sl-text-xs);flex-wrap:wrap;gap:.25rem 1.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.legend:where(.astro-67hcqilr) li:where(.astro-67hcqilr){align-items:center;gap:.4rem;display:flex}.legend:where(.astro-67hcqilr) li:where(.astro-67hcqilr):before{content:"";border-radius:.2rem;flex:none;width:.875rem;height:.875rem}.result:where(.astro-67hcqilr){margin:0;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:1rem;display:flex}.result-label:where(.astro-67hcqilr){color:var(--sl-color-gray-2);font-size:var(--sl-text-xs)}.result:where(.astro-67hcqilr) code:where(.astro-67hcqilr),.error:where(.astro-67hcqilr) code:where(.astro-67hcqilr){font-family:var(--sl-font-mono);overflow-wrap:anywhere}.result:where(.astro-67hcqilr) .value:where(.astro-67hcqilr){color:var(--sl-color-accent-high);font-weight:600}.notes:where(.astro-67hcqilr){color:var(--sl-color-orange-high);font-size:var(--sl-text-xs);margin:.5rem 0 0;padding-inline-start:1.25rem}.notes:where(.astro-67hcqilr):empty{display:none}.error:where(.astro-67hcqilr){color:var(--sl-color-red-high);font-size:var(--sl-text-xs);margin:1rem 0 0}.hint:where(.astro-67hcqilr){color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);margin:.75rem 0 0}