#pattern{flex:1 1 240px;font-family:var(--font-family-mono)}#flags{width:120px;font-family:var(--font-family-mono)}#error{color:var(--color-error-dark);font-size:.875rem;margin-top:8px;overflow-wrap:anywhere}#error:empty{display:none}.highlight{min-height:120px;padding:12px;border:1px solid var(--color-slate-200);border-radius:8px;background:#fff;font-family:var(--font-family-mono);font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere}.highlight .match{background:#fde68a;border-radius:2px;box-shadow:0 0 0 1px #f59e0b inset}.highlight .match.empty{display:inline-block;width:0;height:1.2em;vertical-align:text-bottom;box-shadow:none;border-left:2px solid #d97706;margin:0 -1px}.match-summary{font-size:.875rem;color:var(--color-slate-700)}.match-summary:empty{display:none}.match-list{margin-top:8px;max-height:320px;overflow:auto;font-family:var(--font-family-mono);font-size:.8125rem;color:var(--color-slate-700);overflow-wrap:anywhere}.match-list li{padding:2px 0;border-bottom:1px dashed var(--color-slate-200)}.tool-notes{margin-top:24px;color:var(--color-slate-600);font-size:.875rem;line-height:1.8}.tool-notes h2{color:var(--color-slate-800);font-size:1rem;font-weight:700}.tool-notes ul{padding-left:20px;list-style:disc}