*,*:before,*:after{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:100%;scrollbar-width:thin}body{display:flex;flex-direction:column;margin:0;min-height:100vh}main{padding:24px 64px 24px 32px;gap:32px;flex-grow:1}header,footer{flex-grow:0;overflow:hidden;background-color:var(--theme-color, transparent);color:#fff;transition:background-color .2s ease-in-out}a{text-decoration:none;color:inherit}footer{padding:6px 24px;font-size:12px;font-weight:300}footer a{font-weight:500}h1{display:flex;align-items:center;margin:0;padding:0 32px;height:48px;font-size:24px;font-family:JetBrains Mono,Menlo,monospace}h2{display:flex;align-items:center;gap:8px;margin-top:0;margin-bottom:16px;font-size:18px}highlightable-input{width:100%!important;max-width:50vw;transition-property:all!important}#app{display:grid;grid-template-columns:repeat(2,400px);grid-auto-rows:auto;gap:24px}.row{grid-column:span 2}#theme{position:sticky;top:24px;float:left;margin-right:32px}select{border:none;outline:none;overflow:auto;scrollbar-width:thin}select,option{font:inherit;font-size:14px}option{padding:3px 12px;border-radius:2px}option:before{content:none}option:checked,option:checked:focus{background-color:var(--theme-color);color:#fff}#styler{width:60%;min-width:240px;font-size:12px;font-family:JetBrains Mono,Menlo,monospace;height:auto;resize:vertical}.settings{display:flex;align-items:center;gap:16px;margin-bottom:12px;font-size:14px}.settings label{display:flex;align-items:center;gap:4px}.settings input{margin:0}@media (max-width: 960px){#app{display:flex;flex-direction:column}}@media (max-width: 600px){#app{padding-left:64px}header h1{justify-content:center}footer{text-align:center}highlightable-input{max-width:none}#theme{position:sticky;top:0;width:100%;display:flex;justify-content:center;background-color:#ffffffbf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-bottom:1px solid rgba(255,255,255,.75)}#theme select{margin:12px 0;height:32px}}highlightable-input{box-sizing:border-box;display:inline-block;overflow:hidden;width:320px;white-space:pre;text-overflow:ellipsis;word-wrap:break-word;font-size:14px;cursor:text}highlightable-input[contenteditable]{-webkit-user-modify:read-write-plaintext-only}highlightable-input[aria-multiline=true]{overflow:auto;height:auto;white-space:pre-wrap;resize:both}highlightable-input[aria-placeholder]:before{content:attr(aria-placeholder);position:absolute;color:transparent;pointer-events:none}highlightable-input:empty:after{content:"​"}highlightable-input[aria-disabled=true]{cursor:default}highlightable-input:focus{text-overflow:clip;outline:none}highlightable-input mark{color:inherit}highlightable-input[data-theme=antd]{width:100%;padding:4px 11px;background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;color:#000000e0;line-height:1.5714285714285714;transition:all .2s}highlightable-input[data-theme=antd][aria-placeholder]:before{color:transparent}highlightable-input[data-theme=antd][aria-placeholder]:empty:before{color:#00000040}highlightable-input[data-theme=antd]:hover{border-color:#4096ff}highlightable-input[data-theme=antd]:focus{border-color:#4096ff;box-shadow:0 0 0 2px #0591ff1a;outline:none}highlightable-input[data-theme=antd][aria-disabled=true]{background-color:#0000000a;cursor:not-allowed;color:#00000040}highlightable-input[data-theme=arco]{width:100%;border:1px solid transparent;border-radius:var(--border-radius-small, 2px);padding:4px 12px;background-color:var(--color-fill-2, #f2f3f5);line-height:1.5715;color:var(--color-text-1, #1d2129);font-size:14px;transition:color .1s linear,border-color .1s linear,background-color .1s linear;-webkit-tap-highlight-color:rgba(0,0,0,0)}highlightable-input[data-theme=arco][aria-placeholder]:before{color:transparent}highlightable-input[data-theme=arco][aria-placeholder]:empty:before{color:var(--color-text-3, #86909c)}highlightable-input[data-theme=arco]:hover{background-color:var(--color-fill-3, #e5e6eb)}highlightable-input[data-theme=arco]:focus{border-color:rgb(var(--primary-6, 22, 93, 255));background-color:var(--color-bg-2, #fff)}highlightable-input[data-theme=arco][aria-disabled=true]{background-color:var(--color-fill-2, #f2f3f5);cursor:not-allowed;color:var(--color-text-4, #c9cdd4);border-color:transparent}highlightable-input[data-theme=atlassian]{height:calc(2.57em + 4px);padding:8px 6px;background-color:var(--ds-background-input, #fafbfc);border:2px solid var(--ds-border-input, #dfe1e6);color:var(--ds-text, #091e42);border-radius:3px;font-size:14px;line-height:1.42857;max-width:100%;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;vertical-align:top}highlightable-input[data-theme=atlassian][aria-multiline=true]{min-height:56px;padding:6px}highlightable-input[data-theme=atlassian][aria-placeholder]:before{color:transparent}highlightable-input[data-theme=atlassian][aria-placeholder]:empty:before{color:var(--ds-text-subtlest, #7a869a)}highlightable-input[data-theme=atlassian]:hover{background-color:var(--ds-background-input-hovered, #ebecf0);border-color:var(--ds-border-input, #dfe1e6)}highlightable-input[data-theme=atlassian]:focus{background-color:var(--ds-background-input-pressed, #ffffff);border-color:var(--ds-border-focused, #4c9aff)}highlightable-input[data-theme=atlassian][aria-disabled=true]{background-color:#0000000a;cursor:not-allowed;color:#00000040}highlightable-input[data-theme=bootstrap]{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}highlightable-input[data-theme=bootstrap][aria-multiline=true]{min-height:calc(1.5em + .75rem + 2px);resize:vertical}highlightable-input[data-theme=bootstrap][aria-placeholder]:before{opacity:0}highlightable-input[data-theme=bootstrap][aria-placeholder]:empty:before{color:#6c757d;opacity:1}highlightable-input[data-theme=bootstrap]:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}highlightable-input[data-theme=bootstrap][aria-disabled=true]{background-color:#e9ecef;opacity:1}highlightable-input[data-theme=carbon]{background-color:var(--cds-field, #f4f4f4);border:none;border-bottom:1px solid var(--cds-border-strong, #8d8d8d);color:var(--cds-text-primary, #161616);font-size:var(--cds-body-compact-01-font-size, .875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);height:2.5rem;letter-spacing:var(--cds-body-compact-01-letter-spacing, .16px);line-height:var(--cds-body-compact-01-line-height, 1.28572);outline:2px solid #0000;outline-offset:-2px;padding:calc((2.5rem - var(--cds-body-compact-01-line-height, 1.28572) * 1em - 1px) / 2) 1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);width:100%}highlightable-input[data-theme=carbon][aria-multiline=true]{height:auto;min-width:10rem;min-height:2.5rem;padding:.6875rem 1rem;line-height:var(--cds-body-01-line-height, 1.42857);resize:vertical}highlightable-input[data-theme=carbon][aria-placeholder]:before{color:transparent}highlightable-input[data-theme=carbon][aria-placeholder]:empty:before{color:var(--cds-text-placeholder, #16161666);opacity:1}highlightable-input[data-theme=carbon]:focus,highlightable-input[data-theme=carbon]:active{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}highlightable-input[data-theme=carbon][aria-readonly=true]{background:transparent}highlightable-input[data-theme=carbon][aria-disabled=true]{-webkit-text-fill-color:currentColor;background-color:var(--cds-field, #f4f4f4);border-bottom:1px solid #0000;color:var(--cds-text-disabled, #16161640);cursor:not-allowed;outline:2px solid #0000;outline-offset:-2px}highlightable-input[data-theme=chakra]{width:100%;min-width:0px;outline:transparent solid 2px;outline-offset:2px;transition-property:var( --chakra-transition-property-common, background-color, border-color, color, fill, stroke, opacity, box-shadow, transform );transition-duration:var(--chakra-transition-duration-normal, .2s);font-size:var(--chakra-fontSizes-md, 1rem);padding-inline:var(--chakra-space-4, 1rem);padding-block:calc((var(--chakra-sizes-10, 2.5rem) - var(--chakra-lineHeights-short, 1.375) * 1em - 2px) / 2);height:var(--chakra-sizes-10, 2.5rem);line-height:var(--chakra-lineHeights-short, 1.375);border-radius:var(--chakra-radii-md, .375rem);border:1px solid var(--chakra-colors-chakra-border-color, #e2e8f0)}highlightable-input[data-theme=chakra][aria-multiline=true]{padding-top:var(--chakra-space-2, .5rem);padding-bottom:var(--chakra-space-2, .5rem);min-height:var(--chakra-sizes-20, 5rem);vertical-align:top}highlightable-input[data-theme=chakra][aria-placeholder]:before{color:transparent}highlightable-input[data-theme=chakra][aria-placeholder]:empty:before{color:var(--chakra-colors-chakra-placeholder-color, #718096)}highlightable-input[data-theme=chakra]:hover{border-color:var(--chakra-colors-gray-300, #cbd5e0)}highlightable-input[data-theme=chakra]:focus{border-color:#3182ce;box-shadow:0 0 0 1px #3182ce;outline:none}highlightable-input[data-theme=chakra][aria-disabled=true]{border-color:var(--chakra-colors-chakra-border-color, #e2e8f0);opacity:.4;cursor:not-allowed}highlightable-input[data-theme=fluent]{height:32px;padding:calc((30px - 1.4em)/2) 8px;border:1px solid rgb(96,94,92);border-radius:2px;background:rgb(255,255,255);font-weight:400;line-height:1.4;color:#323130}highlightable-input[data-theme=fluent][aria-multiline]{height:auto;min-height:60px;padding:6px 8px;line-height:17px}highlightable-input[data-theme=fluent][aria-placeholder]:before{color:transparent}highlightable-input[data-theme=fluent][aria-placeholder]:empty:before{color:#605e5c}highlightable-input[data-theme=fluent]:hover{border-color:#323130}highlightable-input[data-theme=fluent]:focus{border:1px solid rgb(0,120,212);box-shadow:inset 0 0 0 1px #0078d4}highlightable-input[data-theme=fluent][aria-disabled=true]{background-color:#0000000a;cursor:not-allowed;color:#00000040}highlightable-input[data-theme=kongponents]{box-sizing:border-box;width:100%;outline:none;border:0;padding:var(--kui-space-40, 8px) var(--kui-space-50, 12px);border-radius:var(--kui-border-radius-30, 6px);box-shadow:var(--kui-shadow-border, 0px 0px 0px 1px #e0e4ea inset);background-color:var(--kui-color-background, #ffffff);color:var(--kui-color-text, #000933);font-family:var(--kui-font-family-text, Inter, Roboto, Helvetica, sans-serif);font-size:var(--kui-font-size-40, 16px);font-weight:var(--kui-font-weight-regular, 400);line-height:var(--kui-line-height-40, 24px);text-overflow:ellipsis;transition:box-shadow var(--kui-animation-duration-20, .2s) ease-in-out}highlightable-input[data-theme=kongponents][aria-multiline=true]{max-height:calc(100vh - 200px);min-height:calc(var(--kui-line-height-40, 24px) * var(--rows) + var(--kui-space-40, 8px) * 2);resize:vertical}highlightable-input[data-theme=kongponents][aria-multiline=true][style*="height:"]{min-height:calc(var(--kui-line-height-40, 24px) * 2 + var(--kui-space-40, 8px) * 2)}highlightable-input[data-theme=kongponents][aria-placeholder]:before{color:transparent}highlightable-input[data-theme=kongponents][aria-placeholder]:empty:before{color:var(--kui-color-text-neutral, #6c7489)}highlightable-input[data-theme=kongponents]:hover{box-shadow:var(--kui-shadow-border-primary-weak, 0px 0px 0px 1px #5f9aff inset)}highlightable-input[data-theme=kongponents][aria-readonly=true]{background-color:var(--kui-color-background-neutral-weakest, #f9fafb);box-shadow:var(--kui-shadow-border, 0px 0px 0px 1px #e0e4ea inset);color:var(--kui-color-text-neutral-strong, #52596e)}highlightable-input[data-theme=kongponents]:focus{box-shadow:var(--kui-shadow-border-primary, 0px 0px 0px 1px #0044f4 inset),var(--kui-shadow-focus, 0px 0px 0px 4px rgba(0, 68, 244, .2))}highlightable-input[data-theme=kongponents][aria-disabled=true]{background-color:var(--kui-color-background-disabled, #e0e4ea)!important;box-shadow:var(--kui-shadow-border-disabled, 0px 0px 0px 1px #e0e4ea inset)!important;color:var(--kui-color-text-disabled, #afb7c5)!important;cursor:not-allowed}@media (min-width: 640px){highlightable-input[data-theme=kongponents]{font-size:var(--kui-font-size-30, 14px)}}highlightable-input[data-theme=light]{width:300px;height:32px;padding:6px 12px;border:1px solid #d3d9e6;background-color:#fff;color:#282c33;border-radius:4px;font-size:14px;line-height:18px;transition-property:background-color,border-color,color,box-shadow;transition-duration:.2s}highlightable-input[data-theme=light][aria-multiline=true]{height:auto;line-height:1.4;min-height:76.8px;padding:8px 12px;resize:none;overflow:auto}highlightable-input[data-theme=light][aria-placeholder]:before{color:transparent}highlightable-input[data-theme=light][aria-placeholder]:empty:before{color:#848b99}highlightable-input[data-theme=light]:hover{border-color:#a8b0bf}highlightable-input[data-theme=light][aria-readonly=true]{border-color:#d3d9e6;background-color:#f6f7fa}highlightable-input[data-theme=light]:focus{border:1px solid #0052cc;box-shadow:0 0 0 2px #06f3}highlightable-input[data-theme=light][aria-disabled=true]{background-color:#f6f7fa;border-color:#e2e6f0;color:#a8b0bf;cursor:not-allowed}highlightable-input[data-theme=lightning]{font-size:13px;padding-top:0;padding-right:var( --slds-c-input-spacing-horizontal-end, var(--sds-c-input-spacing-horizontal-end, 1rem) );padding-bottom:0;padding-left:var( --slds-c-input-spacing-horizontal-start, var(--sds-c-input-spacing-horizontal-start, .75rem) );width:100%;min-height:calc(1.875rem + 2px);line-height:1.875rem;border:1px solid var(--slds-c-input-color-border, var(--sds-c-input-color-border, #c9c9c9));border-radius:var( --slds-c-input-radius-border, var(--sds-c-input-radius-border, .25rem) );background-color:var( --slds-c-input-color-background, var(--sds-c-input-color-background, #fff) );color:var(--slds-c-input-text-color, var(--sds-c-input-text-color));box-shadow:var(--slds-c-input-shadow, var(--sds-c-input-shadow));transition:border .1s linear,background-color .1s linear}highlightable-input[data-theme=lightning][aria-multiline=true]{line-height:1.5;min-height:var( --slds-c-textarea-sizing-min-height, var(--sds-c-textarea-sizing-min-height) );width:100%;padding:var( --slds-c-textarea-spacing-block-start, var(--sds-c-textarea-spacing-block-start, .5rem) ) var( --slds-c-textarea-spacing-inline-end, var(--sds-c-textarea-spacing-inline-end, .75rem) ) var( --slds-c-textarea-spacing-block-end, var(--sds-c-textarea-spacing-block-end, .5rem) ) var( --slds-c-textarea-spacing-inline-start, var(--sds-c-textarea-spacing-inline-start, .75rem) );background-color:var( --slds-c-textarea-color-background, var(--sds-c-textarea-color-background, #fff) );color:var(--slds-c-textarea-text-color, var(--sds-c-textarea-text-color));border:1px solid var( --slds-c-textarea-color-border, var(--sds-c-textarea-color-border, #c9c9c9) );border-radius:var( --slds-c-textarea-radius-border, var(--sds-c-textarea-radius-border, .25rem) );box-shadow:var(--slds-c-textarea-shadow, var(--sds-c-textarea-shadow));resize:vertical;transition:border .1s linear,background-color .1s linear}highlightable-input[data-theme=lightning][aria-placeholder]:before{color:transparent}highlightable-input[data-theme=lightning][aria-placeholder]:empty:before{color:#747474}highlightable-input[data-theme=lightning]:focus{--slds-c-input-color-border: var( --slds-c-input-color-border-focus, var(--sds-c-input-color-border-focus, #1b96ff) );--slds-c-input-background-color: var( --slds-c-input-color-background-focus, var(--sds-c-input-color-background-focus, #fff) );--slds-c-input-text-color: var( --slds-c-input-text-color-focus, var(--sds-c-input-text-color-focus) );--slds-c-input-shadow: var( --slds-c-input-shadow-focus, var(--sds-c-input-shadow-focus, 0 0 3px #0176d3) );outline:0}highlightable-input[data-theme=lightning][aria-multiline=true]:focus{outline:0;color:var( --slds-c-textarea-text-color-focus, var(--sds-c-textarea-text-color-focus) );background-color:var( --slds-c-textarea-color-background-focus, var(--sds-c-textarea-color-background-focus, #fff) );border-color:var( --slds-c-textarea-color-border-focus, var(--sds-c-textarea-color-border-focus, #1b96ff) );-webkit-box-shadow:var( --slds-c-textarea-shadow-focus, var(--sds-c-textarea-shadow-focus, 0 0 3px #0176d3) );box-shadow:var( --slds-c-textarea-shadow-focus, var(--sds-c-textarea-shadow-focus, 0 0 3px #0176d3) )}highlightable-input[data-theme=lightning][aria-readonly=true]{--slds-c-input-spacing-horizontal-start: 0;--slds-c-input-color-border: transparent;--slds-c-input-color-background: transparent;font-size:.875rem}highlightable-input[data-theme=lightning][aria-multiline=true][aria-readonly=true]{margin:0;padding:0;min-height:0;line-height:normal;border:none;border-radius:0;background:none;color:inherit;box-shadow:none;transition:none;overflow:visible;resize:none}highlightable-input[data-theme=lightning][aria-disabled=true],highlightable-input[data-theme=lightning][aria-multiline=true][aria-disabled=true]{background-color:#f3f3f3;border-color:#c9c9c9;color:#444;cursor:not-allowed;-webkit-user-select:none;user-select:none}highlightable-input[data-theme=semi]{width:100%;height:32px;border:1px solid transparent;border-radius:var(--semi-border-radius-small, 3px);padding:0 12px;background-color:var(--semi-color-fill-0, rgba(46, 50, 56, .05));line-height:30px;font-size:14px;color:var(--semi-color-text-0, #1c1f23)}highlightable-input[data-theme=semi][aria-multiline=true]{height:auto;padding:5px 12px;line-height:20px}highlightable-input[data-theme=semi][aria-placeholder]:before{color:transparent}highlightable-input[data-theme=semi][aria-placeholder]:empty:before{color:var(--semi-color-text-2, rgba(28, 31, 35, .62))}highlightable-input[data-theme=semi]:hover{background-color:var(--semi-color-fill-1, rgba(46, 50, 56, .09))}highlightable-input[data-theme=semi]:focus{background-color:var(--semi-color-fill-0, rgba(46, 50, 56, .05));border:1px solid var(--semi-color-focus-border, #0064fa)}highlightable-input[data-theme=semi][aria-disabled=true]{background-color:var(--semi-color-disabled-fill, rgba(46, 50, 56, .04));cursor:not-allowed;color:var(--semi-color-disabled-text, rgba(28, 31, 35, .35));-webkit-text-fill-color:currentColor}highlightable-input[data-theme=spectrum]{font-family:adobe-clean-han-simplified-c,SimSun,Heiti SC Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box;border:var( --spectrum-alias-input-border-size, var(--spectrum-global-dimension-static-size-10, 1px) ) solid;border-radius:var( --spectrum-textfield-border-radius, var( --spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50, 4px) ) );padding:4px var( --spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150, 12px) ) 4px calc(var( --spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150, 12px) ) - 1px);text-indent:0;width:100%;height:var( --spectrum-textfield-height, var( --spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400, 32px) ) );font-size:var( --spectrum-textfield-text-size, var( --spectrum-alias-font-size-default, var(--spectrum-global-dimension-font-size-100, 14px) ) );line-height:var( --spectrum-textfield-text-line-height, var( --spectrum-alias-body-text-line-height, var(--spectrum-global-font-line-height-medium, 1.5) ) );transition:border-color var(--spectrum-global-animation-duration-100, .13s) ease-in-out,box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out;outline:0;background-color:var( --spectrum-textfield-background-color, var(--spectrum-global-color-gray-50, #fff) );border-color:var( --spectrum-textfield-border-color, var(--spectrum-alias-border-color, var(--spectrum-gray-500, #909090)) );color:var( --spectrum-textfield-text-color, var(--spectrum-alias-text-color, var(--spectrum-gray-800, #222)) )}highlightable-input[data-theme=spectrum][aria-multiline=true]{height:auto;min-height:var(--spectrum-global-dimension-size-700, 56px);resize:none;overflow:auto}highlightable-input[data-theme=spectrum][aria-placeholder]:before{color:transparent}highlightable-input[data-theme=spectrum][aria-placeholder]:empty:before{color:#00000040}highlightable-input[data-theme=spectrum]:hover{border-color:var( --spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover, var(--spectrum-gray-600, #6d6d6d)) )}highlightable-input[data-theme=spectrum]:focus{border-color:var( --spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus, var(--spectrum-blue-800, #147af3)) )}highlightable-input[data-theme=spectrum][aria-disabled=true]{background-color:var( --spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200, var(--spectrum-gray-200, #e6e6e6)) );border-color:var( --spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent, transparent) );color:var( --spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled, var(--spectrum-gray-400, #b1b1b1)) );-webkit-text-fill-color:currentColor}