.url-parser{--url-segment-protocol: oklch(43% .18 255);--url-segment-separator: color-mix( in oklab, var(--color-base-content) 55%, transparent );--url-segment-userinfo: oklch(47% .16 38);--url-segment-host: oklch(39% .17 150);--url-segment-port: oklch(46% .15 284);--url-segment-path: oklch(45% .17 28);--url-segment-query-key: oklch(47% .16 328);--url-segment-query-value: oklch(45% .14 76);--url-segment-hash: oklch(47% .16 18);--url-segment-unknown: color-mix( in oklab, var(--color-base-content) 65%, transparent )}[data-theme=dark] .url-parser{--url-segment-protocol: oklch(76% .12 222);--url-segment-separator: color-mix( in oklab, var(--color-base-content) 62%, transparent );--url-segment-userinfo: oklch(76% .12 38);--url-segment-host: oklch(74% .12 154);--url-segment-port: oklch(76% .12 284);--url-segment-path: oklch(76% .11 250);--url-segment-query-key: oklch(76% .12 328);--url-segment-query-value: oklch(78% .12 76);--url-segment-hash: oklch(76% .12 18);--url-segment-unknown: color-mix( in oklab, var(--color-base-content) 68%, transparent )}.url-parser-textarea-shell,.url-parser-textarea-backdrop,.url-parser-textarea-input{overscroll-behavior-x:none;overscroll-behavior-y:auto}.url-parser-textarea-shell{min-height:0;position:relative}.url-parser-textarea-backdrop{position:absolute;inset:0;margin:0;padding:.5rem .75rem;font-family:var(--font-mono);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;pointer-events:none;overflow:auto;border-radius:inherit;background:transparent;color:var(--color-base-content)}.url-parser-textarea-backdrop code{font-family:inherit;font-size:inherit;line-height:inherit;background:transparent;padding:0;white-space:inherit;word-break:inherit;overflow-wrap:inherit;display:block}.url-parser-textarea-input{position:relative;z-index:1;display:block;width:100%;font-family:var(--font-mono);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;color:transparent;caret-color:var(--color-base-content);resize:none;min-height:0;max-height:18rem;overflow-y:hidden}.url-parser-textarea-input::placeholder{color:color-mix(in oklab,var(--color-base-content) 40%,transparent)}.url-parser-textarea-shell[data-selection-locked=true],.url-parser-textarea-shell[data-selection-locked=true] .url-parser-textarea-input,.url-parser-textarea-shell[data-selection-locked=true] .url-parser-textarea-backdrop{overscroll-behavior-y:none}.url-parser-empty{margin:0;font-family:var(--font-serif);font-size:.9375rem;color:color-mix(in oklab,var(--color-base-content) 70%,transparent)}.url-parser-input-help{margin-top:.75rem;font-family:var(--font-sans);font-size:.875rem}.url-parser-parts,.url-parser-search-params{border:var(--border) solid var(--color-table-header-border);border-radius:var(--radius-box);overflow:hidden}.url-parser-parts thead th,.url-parser-search-params thead th{background-color:var(--color-base-200);font-size:1rem}.url-parser-parts__label{font-weight:500;width:8.125rem;vertical-align:top;white-space:nowrap;color:color-mix(in oklab,var(--color-base-content) 75%,transparent)}.url-parser-parts__value{font-family:var(--font-mono);vertical-align:top;word-break:break-all;line-height:1.5}.url-parser-parts__copy{width:1%;padding-block:0;padding-inline-start:0;white-space:nowrap;text-align:right;vertical-align:middle}.url-parser-parts__copy .btn{opacity:0;transition:opacity .1s ease-out}.url-parser-parts__row:hover .url-parser-parts__copy .btn,.url-parser-parts__row:focus-within .url-parser-parts__copy .btn{opacity:1}.url-parser-search-params__scroll{overflow-x:auto}.url-parser-search-params{min-width:42rem;width:100%;table-layout:fixed}.url-parser-search-params__col--key{width:9rem}.url-parser-search-params__col--decoded{width:14rem}.url-parser-search-params__col--raw{width:19rem}.url-parser-search-params__key{font-family:var(--font-mono);vertical-align:top}.url-parser-search-params__key-text{display:inline-block;min-width:0;white-space:nowrap}.url-parser-search-params__decoded{color:var(--color-base-content);font-family:var(--font-mono);font-weight:500;vertical-align:top;line-height:1.5;word-break:break-all}.url-parser-search-params__raw{font-family:var(--font-mono);vertical-align:top;line-height:1.5;word-break:break-all}.url-parser-search-params__missing{color:color-mix(in oklab,var(--color-base-content) 40%,transparent);font-family:var(--font-serif);font-style:italic}.url-parser-builder-params{display:flex;flex-direction:column;gap:.375rem;list-style:none;padding-left:0;margin:0}.url-parser-builder-params__row{display:grid;grid-template-columns:1fr 1fr 2.5rem;gap:.5rem;align-items:center}.url-parser-builder-params__remove:hover,.url-parser-builder-params__remove:focus-visible{background:color-mix(in oklab,var(--color-error) 14%,transparent);color:var(--color-error)}[data-theme=dark] .url-parser-builder-params__remove:hover,[data-theme=dark] .url-parser-builder-params__remove:focus-visible{background:color-mix(in oklab,var(--color-error) 22%,transparent)}.url-parser-builder-result__body{font-family:var(--font-mono);font-size:1rem;padding:.875rem 1rem;border-radius:.5rem;background:var(--color-base-200);border:2px solid var(--color-base-300);color:var(--color-base-content);word-break:break-all;line-height:1.7}.url-parser-highlighted{color:var(--color-base-content)}.url-parser-highlighted__segment--protocol{color:var(--url-segment-protocol)}.url-parser-highlighted__segment--separator{color:var(--url-segment-separator)}.url-parser-highlighted__segment--userinfo{color:var(--url-segment-userinfo)}.url-parser-highlighted__segment--host{color:var(--url-segment-host)}.url-parser-highlighted__segment--port{color:var(--url-segment-port)}.url-parser-highlighted__segment--path{color:var(--url-segment-path)}.url-parser-highlighted__segment--query-key{color:var(--url-segment-query-key)}.url-parser-highlighted__segment--query-value{color:var(--url-segment-query-value)}.url-parser-highlighted__segment--hash{color:var(--url-segment-hash)}.url-parser-highlighted__segment--unknown{color:var(--url-segment-unknown)}