.article-page .regex-tester-grid{align-items:stretch}.article-page .regex-tester-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,12ch);grid-gap:var(--cf-space-300);gap:var(--cf-space-300);width:100%}.article-page .regex-tester-controls label{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);color:var(--cf-color-paper-text-secondary);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-medium)}.article-page .regex-tester-controls input,.article-page .regex-tester-controls textarea{width:100%;border:1px solid var(--cf-color-paper-border-strong);border-radius:var(--cf-radius-200);background:var(--cf-color-paper-input);color:var(--cf-color-paper-text);font:inherit;font-family:var(--cf-font-mono);padding:var(--cf-space-200) var(--cf-space-250)}.article-page .regex-tester-controls textarea{min-height:110px;resize:vertical}.article-page .regex-tester-text{grid-column:1/-1}.article-page .regex-highlight{min-height:96px;border:1px solid var(--cf-color-paper-border);border-radius:var(--cf-radius-250);background:var(--cf-color-paper);color:var(--cf-color-paper-text);line-height:var(--cf-line-height-170);padding:var(--cf-space-300);white-space:pre-wrap;overflow-wrap:anywhere}.article-page .regex-highlight mark{border-radius:var(--cf-radius-100);background:var(--cf-color-paper-primary-subtle);color:var(--cf-color-paper-text);padding-inline:var(--cf-space-050)}.article-page .regex-match-list{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin:var(--cf-space-300) 0 0;padding-left:var(--cf-space-400)}.article-page .regex-match-list li{color:var(--cf-color-paper-text-secondary)}.article-page .regex-match-list code{margin-right:var(--cf-space-200)}@media(max-width:560px){.article-page .regex-tester-controls{grid-template-columns:minmax(0,1fr)}}