.regex-tester{gap:var(--space-3);display:grid}@media (min-width:64rem){.regex-tester{gap:var(--space-4)}}.regex-tester [hidden]{display:none}.regex-tester__main,.regex-tester__side{min-inline-size:0}.regex-tester__pattern{min-block-size:3rem;padding-inline:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--sheet);font-family:var(--font-mono);font-size:var(--text-md);font-variant-ligatures:none;align-items:center;display:flex}.regex-tester__pattern:focus-within{border-color:var(--accent);outline:3px solid var(--accent-soft)}.regex-tester__pattern:has([aria-invalid=true]){border-color:var(--danger)}.regex-tester__slash{color:var(--ink-3);white-space:nowrap;flex:none}.regex-tester__slash span{color:var(--accent)}.regex-tester__pattern-input{min-inline-size:0;padding:var(--space-2) var(--space-1);color:var(--ink);font:inherit;font-variant-ligatures:none;background:0 0;border:0;flex:1}.regex-tester__pattern-input:focus-visible{outline:none}.regex-tester__pattern-input::placeholder{color:var(--ink-3)}.regex-tester__flags{border:0;min-inline-size:0;margin:0;padding:0}.regex-tester__flags legend{margin-block-end:var(--space-2);padding:0}.regex-tester__flag-list{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.regex-tester__flag code{color:var(--accent);font-family:var(--font-mono);font-weight:600}.regex-tester__cheats{border-block:1px solid var(--sheet-rule)}.regex-tester__cheats summary{cursor:pointer;justify-content:space-between;align-items:center;min-block-size:2.75rem;font-size:.875rem;font-weight:600;list-style:none;display:flex}.regex-tester__cheats summary::-webkit-details-marker{display:none}.regex-tester__cheats[open] .regex-tester__chevron{transform:rotate(180deg)}.regex-tester__cheats .field__hint{margin-block-end:var(--space-2)}.regex-tester__chevron{color:var(--ink-3);transition:transform var(--duration) var(--ease-out)}.regex-tester__cheat-list{gap:var(--space-1) var(--space-4);margin:0 0 var(--space-3);padding:0;list-style:none;display:grid}@media (min-width:40rem){.regex-tester__cheat-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.regex-tester__cheat-list li{gap:var(--space-3);color:var(--ink-2);font-size:var(--text-sm);align-items:center;display:flex}.regex-tester__token{min-block-size:2rem;min-inline-size:5.5rem;padding:var(--space-1) var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);text-align:start;cursor:pointer;flex:none}.regex-tester__token:hover{border-color:var(--accent)}.regex-tester__token code{font-family:var(--font-mono);font-size:var(--text-sm);font-variant-ligatures:none}.regex-tester__text{font-variant-ligatures:none;min-block-size:8rem}.regex-tester__highlight-wrap{gap:var(--space-2);display:grid}.regex-tester__highlight{min-block-size:4rem;max-block-size:40svh;padding:var(--space-3);border:1px solid var(--sheet-rule);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-variant-ligatures:none;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.875rem;line-height:1.7;overflow:auto}.regex-tester__mark{background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent);color:var(--ink);border-radius:2px}.regex-tester__mark--alt{background:color-mix(in srgb, var(--accent-soft) 55%, var(--sheet));box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--accent) 60%, transparent)}.regex-tester__mark--empty{vertical-align:text-bottom;background:var(--accent);block-size:1.1em;inline-size:2px;box-shadow:none;margin-inline:-1px;display:inline-block}.regex-tester__figures{padding-block-end:0}.regex-tester__empty,.regex-tester__more{padding:var(--space-3) var(--space-5);color:var(--ink-3);font-size:var(--text-sm)}.regex-tester__matches{max-block-size:32rem;padding:0 var(--space-5) var(--space-4);margin:0;list-style:none;overflow-y:auto}.regex-tester__match{gap:var(--space-1);padding-block:var(--space-3);border-block-end:1px solid var(--sheet-rule);display:grid}.regex-tester__match:last-child{border-block-end:0}.regex-tester__match-head{justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.regex-tester__match-number{font-weight:650}.regex-tester__match-range{color:var(--ink-3)}.regex-tester__match-value{overflow-wrap:anywhere;font-family:var(--font-mono);font-variant-ligatures:none;white-space:pre-wrap;font-size:.875rem}.regex-tester__groups{gap:var(--space-1);margin:var(--space-1) 0 0;font-size:var(--text-sm);display:grid}.regex-tester__group{gap:var(--space-3);grid-template-columns:minmax(6rem,auto) minmax(0,1fr);display:grid}.regex-tester__group dt{color:var(--ink-2)}.regex-tester__group dd{overflow-wrap:anywhere;font-family:var(--font-mono);font-variant-ligatures:none;margin:0}.regex-tester__group-value.is-unmatched{color:var(--ink-3);font-family:inherit;font-style:italic}