@layer base,patterns;@layer components{.p-regex{--regex-mark-text:#1b1d21;--regex-mark-a:#ffe98a;--regex-mark-a-edge:#8a6400;--regex-mark-b:#c7e2ff;--regex-mark-b-edge:#1d5fa8;grid-template-columns:minmax(0,1fr)}.theme-dark .p-regex{--regex-mark-text:#fff8dc;--regex-mark-a:#5a4500;--regex-mark-a-edge:#ffd54a;--regex-mark-b:#133d66;--regex-mark-b-edge:#8cc4ff}.p-regex__pattern-block,.p-regex__input,.p-regex__output{align-content:start;gap:var(--site-space-intro);min-width:0;display:grid}.p-regex__pattern-block{gap:.75rem}@media (min-width:960px){.p-regex{column-gap:var(--site-content-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.p-regex>:not(.p-regex__input,.p-regex__output){grid-column:1/-1}}.p-regex__pattern{color:var(--tool-text);font:1rem/1.7 var(--tool-mono);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;display:grid}.p-regex__slash{color:var(--tool-muted)}.p-regex__flags-value{min-width:2ch;color:var(--tool-accent);padding-inline-start:.25rem;font-weight:600}.p-regex__error{color:var(--tool-error);background:color-mix(in srgb, currentColor 8%, transparent);font:.875rem/1.6 var(--tool-mono);overflow-wrap:anywhere;border-inline-start:2px solid;padding:.5rem .75rem}.p-regex__error:before{content:"✕ " / ""}.p-regex__error[hidden]{display:none}.p-regex__flags{border:0;gap:.75rem;min-width:0;margin:0;padding:0;display:grid}.p-regex__flags legend{margin-block-end:.75rem;padding:0}.p-regex__flag-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,5.75rem),1fr));gap:.5rem;display:grid}.p-tools .p-regex__flag{padding:.5rem}.p-regex__flag .c-button__label{justify-items:center;gap:.25rem;display:grid}.p-regex__flag-key{font:600 1rem/1 var(--tool-mono)}.p-regex__flag-name{letter-spacing:0;font-size:.6875rem;font-weight:500;line-height:1.3}.p-regex__preview{overscroll-behavior:contain;min-height:10rem;max-height:20rem;color:var(--tool-text);background:var(--tool-input);border:1px solid var(--tool-border);font:1rem/1.7 var(--tool-mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;padding:1rem;overflow:auto}.p-regex__preview[data-empty=true]{color:var(--tool-muted)}.p-regex__preview:focus-visible,.p-regex__matches:focus-visible{outline:2px solid var(--tool-accent);outline-offset:3px}.p-regex__mark{color:var(--regex-mark-text);background:var(--regex-mark-a);outline:1px solid var(--regex-mark-a-edge);outline-offset:-1px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.p-regex__mark[data-alt="1"]{background:var(--regex-mark-b);outline:1px dashed var(--regex-mark-b-edge)}.p-regex__mark[data-zero=true]{vertical-align:text-bottom;background:var(--regex-mark-a-edge);outline:0;width:2px;height:1.2em;margin-inline:1px;display:inline-block}.p-regex__mark[data-zero=true][data-alt="1"]{background:var(--regex-mark-b-edge)}.p-regex__matches-head{grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:baseline;gap:.5rem 1rem;display:grid}.p-regex__count{color:var(--tool-text);font:600 .8125rem/1.5 var(--tool-mono);font-variant-numeric:tabular-nums;text-align:end;overflow-wrap:anywhere}.p-regex__matches{overscroll-behavior:contain;border:1px solid var(--tool-border);align-content:start;gap:.5rem;max-height:24rem;margin:0;padding:.5rem;list-style:none;display:grid;overflow:auto}.p-regex__matches:empty{display:none}.p-regex__match{border:1px solid var(--tool-border);border-inline-start:4px solid var(--regex-mark-a-edge);background:var(--tool-surface);gap:.5rem;min-width:0;margin:0;padding:.75rem 1rem;display:grid}.p-regex__match[data-alt="1"]{border-inline-start:4px dashed var(--regex-mark-b-edge)}.p-regex__match-head{color:var(--tool-muted);font:.8125rem/1.5 var(--tool-mono);font-variant-numeric:tabular-nums;grid-auto-flow:column;justify-content:space-between;gap:1rem;display:grid}.p-regex__match-text{max-width:100%;color:var(--regex-mark-text);background:var(--regex-mark-a);font:1rem/1.6 var(--tool-mono);white-space:pre-wrap;overflow-wrap:anywhere;justify-self:start;padding:.125rem .375rem}.p-regex__match[data-alt="1"] .p-regex__match-text{background:var(--regex-mark-b)}.p-regex__match-text[data-muted=true]{color:var(--tool-muted);background:0 0;font-style:italic}.p-regex__groups{font:.875rem/1.6 var(--tool-mono);grid-template-columns:max-content minmax(0,1fr);gap:.25rem 1rem;margin:0;display:grid}.p-regex__group{grid-template-columns:subgrid;grid-column:1/-1;display:grid}.p-regex__group dt{color:var(--tool-accent)}.p-regex__group dd{color:var(--tool-text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.p-regex__group dd[data-muted=true]{color:var(--tool-muted);font-style:italic}.p-tools textarea.p-regex__replaced{height:10rem}.p-regex__cheats{border:1px solid var(--tool-border)}.p-regex__cheats summary{min-height:48px;color:var(--tool-accent);font:600 .875rem/1.7 var(--tool-mono);cursor:pointer;padding:.75rem 1rem}.p-regex__cheats summary:focus-visible{outline:2px solid var(--tool-accent);outline-offset:-2px}.p-regex__cheats[open] summary{border-bottom:1px solid var(--tool-border)}.p-regex__cheats-body{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.5rem;padding:1rem;display:grid}.p-regex__cheat{align-content:start;gap:.75rem;min-width:0;display:grid}.p-regex__cheat h2{color:var(--tool-text);margin:0;font-size:1rem;font-weight:600;line-height:1.5}.p-regex__samples{gap:.5rem;display:grid}.p-regex__sample .c-button__label{text-align:start;justify-items:start;gap:.25rem;min-width:0;display:grid}.p-regex__sample code{max-width:100%;font:400 .75rem/1.5 var(--tool-mono);letter-spacing:0;overflow-wrap:anywhere}.p-tools .p-regex__sample{justify-content:start}.p-regex__tokens{grid-template-columns:max-content minmax(0,1fr);gap:.5rem 1rem;margin:0;font-size:.875rem;line-height:1.6;display:grid}.p-regex__tokens>div{grid-template-columns:subgrid;grid-column:1/-1;display:grid}.p-regex__tokens dt{color:var(--tool-accent);font-family:var(--tool-mono);white-space:nowrap}.p-regex__tokens dd{color:var(--tool-muted);margin:0}@media not (min-width:600px){.p-regex__tokens dt{white-space:normal;overflow-wrap:anywhere}.p-regex__tokens{grid-template-columns:minmax(0,7.5rem) minmax(0,1fr)}}}@layer utilities;