/* 正则表达式测试 */
.rx-pattern{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.rx-slash{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.1rem;color:#98a2b3}
.rx-pattern .form-control{flex:1 1 18rem;min-width:12rem}
.rx-flags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}
.rx-flag{display:inline-flex;align-items:center;gap:.25rem;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.8125rem;color:#5b6675;cursor:pointer}
.rx-hint{margin-top:.5rem;font-size:.75rem;color:#8a94a3}
.rx-error{margin-top:.75rem;padding:.5rem .75rem;border:1px solid #f7c9c9;border-radius:.5rem;background:#fdf0f0;color:#c92a2a;
  font-size:.8125rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}
.rx-text{font-size:.875rem;line-height:1.6}
.rx-hl{padding:.625rem .75rem;border:1px solid #eef1f5;border-radius:.5rem;background:#fafbfd;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.7;
  color:#2b3441;white-space:pre-wrap;word-break:break-word;max-height:22rem;overflow:auto}
.rx-hl .rx-empty{color:#b6bfca}
.rx-hl mark{background:#ffe8a3;color:#7a4b00;border-radius:.15rem;padding:0 .05rem}
.rx-hl mark.rx-zero{background:#d3f9d8;color:#2b8a3e}
.rx-list{margin-top:.75rem;border:1px solid #eef1f5;border-radius:.5rem;overflow:hidden}
.rx-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.45rem .75rem;border-top:1px solid #f3f5f8}
.rx-row:first-child{border-top:0}
.rx-no{flex:none;width:2.6rem;font-size:.75rem;color:#98a2b3}
.rx-val{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;color:#1f2d3d;word-break:break-all}
.rx-pos{font-size:.75rem;color:#98a2b3}
.rx-groups{flex:1 1 100%;font-size:.75rem;color:#5b6675;word-break:break-all}
.rx-groups code{color:#7048e8;background:#f5f2ff;padding:0 .2rem;border-radius:.15rem}
.rx-list-more{padding:.45rem .75rem;font-size:.75rem;color:#8a94a3;background:#fafbfd}
.rx-out{margin:0;padding:.75rem;border:1px solid #eef1f5;border-radius:.5rem;background:#fafbfd;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.7;color:#2b3441;
  white-space:pre-wrap;word-break:break-word;max-height:24rem;overflow:auto}
.rx-table td{vertical-align:middle}
.rx-table code{font-size:.8125rem;color:#c7254e;word-break:break-all}
.rx-table .btn{white-space:nowrap}

@media (max-width:575.98px){
  .rx-pattern .form-control{flex:1 1 100%;order:2}
  .rx-slash{display:none}
  .rx-flags{order:3}
}