.tool[data-tool=regex-explainer] .re-fields{grid-template-columns:minmax(0,1fr) minmax(5rem,8rem)}.tool[data-tool=regex-explainer] input.mono{font-family:var(--font-mono);min-block-size:2.5rem;inline-size:100%}.tool[data-tool=regex-explainer] .re-literal{font-family:var(--font-mono);overflow-wrap:anywhere;margin-block-end:var(--space-3);display:block}.tool[data-tool=regex-explainer] .re-head,.tool[data-tool=regex-explainer] .re-rows li{gap:var(--space-3);grid-template-columns:minmax(4rem,14rem) minmax(0,1fr);display:grid}.tool[data-tool=regex-explainer] .re-head{font-size:var(--fs-xs);color:var(--c-text-2);border-block-end:1px solid var(--c-border);padding-block-end:var(--space-1);font-weight:600}.tool[data-tool=regex-explainer] .re-rows{margin:0;padding:0;list-style:none}.tool[data-tool=regex-explainer] .re-rows li{padding-block:var(--space-1);border-block-end:1px solid var(--c-border)}.tool[data-tool=regex-explainer] .re-token{font-family:var(--font-mono);overflow-wrap:anywhere;padding-inline-start:calc(var(--depth,0) * .75rem)}.tool[data-tool=regex-explainer] .re-text{min-inline-size:0;padding-inline-start:calc(var(--depth,0) * .75rem)}@media (max-width:30rem){.tool[data-tool=regex-explainer] .re-head,.tool[data-tool=regex-explainer] .re-rows li{grid-template-columns:minmax(0,1fr);gap:0}.tool[data-tool=regex-explainer] .re-head{display:none}}