*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;scrollbar-width:thin;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;font-size:100%}body{flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex-grow:1;gap:32px;padding:24px 64px 24px 32px}header,footer{background-color:var(--theme-color,transparent);color:#fff;flex-grow:0;transition:background-color .2s ease-in-out;overflow:hidden}a{color:inherit;text-decoration:none}footer{padding:6px 24px;font-size:12px;font-weight:300}footer a{font-weight:500}h1{align-items:center;height:48px;margin:0;padding:0 32px;font-family:JetBrains Mono,Menlo,monospace;font-size:24px;display:flex}h2{align-items:center;gap:8px;margin-top:0;margin-bottom:16px;font-size:18px;display:flex}highlightable-input{max-width:50vw;width:100%!important;transition-property:all!important}#app{grid-template-columns:repeat(2,400px);grid-auto-rows:auto;gap:24px;display:grid}.row{grid-column:span 2}#theme{float:left;margin-right:32px;position:sticky;top:24px}select{scrollbar-width:thin;border:none;outline:none;overflow:auto}select,option{font:inherit;font-size:14px}option{border-radius:2px;padding:3px 12px}option:before{content:none}option:checked,option:checked:focus{background-color:var(--theme-color);color:#fff}#styler{resize:vertical;width:60%;min-width:240px;height:auto;font-family:JetBrains Mono,Menlo,monospace;font-size:12px}.settings{align-items:center;gap:16px;margin-bottom:12px;font-size:14px;display:flex}.settings label{align-items:center;gap:4px;display:flex}.settings input{margin:0}@media (width<=960px){#app{flex-direction:column;display:flex}}@media (width<=600px){#app{padding-left:64px}header h1{justify-content:center}footer{text-align:center}highlightable-input{max-width:none}#theme{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffffbf;border-bottom:1px solid #ffffffbf;justify-content:center;width:100%;display:flex;position:sticky;top:0}#theme select{height:32px;margin:12px 0}}highlightable-input{box-sizing:border-box;white-space:pre;text-overflow:ellipsis;word-wrap:break-word;cursor:text;width:320px;font-size:14px;display:inline-block;overflow:hidden}highlightable-input[contenteditable]{-webkit-user-modify:read-write-plaintext-only}highlightable-input[aria-multiline=true]{white-space:pre-wrap;resize:both;height:auto;overflow:auto}highlightable-input[aria-placeholder]:before{content:attr(aria-placeholder);color:#0000;pointer-events:none;position:absolute}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]{color:#000000e0;background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;width:100%;padding:4px 11px;font-size:14px;line-height:1.57143;transition:all .2s}highlightable-input[data-theme=antd][aria-placeholder]:before{color:#0000}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;outline:none;box-shadow:0 0 0 2px #0591ff1a}highlightable-input[data-theme=antd][aria-disabled=true]{cursor:not-allowed;color:#00000040;background-color:#0000000a}highlightable-input[data-theme=arco]{border-radius:var(--border-radius-small,2px);background-color:var(--color-fill-2,#f2f3f5);width:100%;color:var(--color-text-1,#1d2129);-webkit-tap-highlight-color:#0000;border:1px solid #0000;padding:4px 12px;font-size:14px;line-height:1.5715;transition:color .1s linear,border-color .1s linear,background-color .1s linear}highlightable-input[data-theme=arco][aria-placeholder]:before{color:#0000}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:#0000}highlightable-input[data-theme=atlassian]{background-color:var(--ds-background-input,#fafbfc);border:2px solid var(--ds-border-input,#dfe1e6);height:calc(2.57em + 4px);color:var(--ds-text,#091e42);vertical-align:top;border-radius:3px;max-width:100%;padding:8px 6px;font-size:14px;line-height:1.42857;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}highlightable-input[data-theme=atlassian][aria-multiline=true]{min-height:56px;padding:6px}highlightable-input[data-theme=atlassian][aria-placeholder]:before{color:#0000}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,#fff);border-color:var(--ds-border-focused,#4c9aff)}highlightable-input[data-theme=atlassian][aria-disabled=true]{cursor:not-allowed;color:#00000040;background-color:#0000000a}highlightable-input[data-theme=bootstrap]{color:#212529;appearance:none;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.375rem;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}highlightable-input[data-theme=bootstrap][aria-multiline=true]{resize:vertical;min-height:calc(1.5em + .75rem + 2px)}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]{opacity:1;background-color:#e9ecef}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-offset:-2px;padding:calc((2.5rem - var(--cds-body-compact-01-line-height,1.28572) * 1em - 1px) / 2) 1rem;outline:2px solid #0000;width:100%;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}highlightable-input[data-theme=carbon][aria-multiline=true]{min-width:10rem;height:auto;min-height:2.5rem;line-height:var(--cds-body-01-line-height,1.42857);resize:vertical;padding:.6875rem 1rem}highlightable-input[data-theme=carbon][aria-placeholder]:before{color:#0000}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:0 0}highlightable-input[data-theme=carbon][aria-disabled=true]{-webkit-text-fill-color:currentColor;background-color:var(--cds-field,#f4f4f4);color:var(--cds-text-disabled,#16161640);cursor:not-allowed;outline-offset:-2px;border-bottom:1px solid #0000;outline:2px solid #0000}highlightable-input[data-theme=chakra]{outline-offset:2px;width:100%;min-width:0;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);outline:2px solid #0000}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:#0000}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;outline:none;box-shadow:0 0 0 1px #3182ce}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]{color:#323130;background:#fff;border:1px solid #605e5c;border-radius:2px;height:32px;padding:calc(15px - .7em) 8px;font-weight:400;line-height:1.4}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:#0000}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 #0078d4;box-shadow:inset 0 0 0 1px #0078d4}highlightable-input[data-theme=fluent][aria-disabled=true]{cursor:not-allowed;color:#00000040;background-color:#0000000a}highlightable-input[data-theme=kongponents]{box-sizing:border-box;width:100%;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,#fff);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;border:0;outline:none}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:#0000}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 #0044f433)}highlightable-input[data-theme=kongponents][aria-disabled=true]{cursor:not-allowed;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}@media (width>=640px){highlightable-input[data-theme=kongponents]{font-size:var(--kui-font-size-30,14px)}}highlightable-input[data-theme=light]{color:#282c33;background-color:#fff;border:1px solid #d3d9e6;border-radius:4px;width:300px;height:32px;padding:6px 12px;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]{resize:none;height:auto;min-height:76.8px;padding:8px 12px;line-height:1.4;overflow:auto}highlightable-input[data-theme=light][aria-placeholder]:before{color:#0000}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]{background-color:#f6f7fa;border-color:#d3d9e6}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]{color:#a8b0bf;cursor:not-allowed;background-color:#f6f7fa;border-color:#e2e6f0}highlightable-input[data-theme=lightning]{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));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));width:100%;min-height:calc(1.875rem + 2px);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));font-size:13px;line-height:1.875rem;transition:border .1s linear,background-color .1s linear}highlightable-input[data-theme=lightning][aria-multiline=true]{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;line-height:1.5;transition:border .1s linear,background-color .1s linear}highlightable-input[data-theme=lightning][aria-placeholder]:before{color:#0000}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{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));outline:0}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]{min-height:0;color:inherit;box-shadow:none;resize:none;background:0 0;border:none;border-radius:0;margin:0;padding:0;line-height:normal;transition:none;overflow:visible}highlightable-input[data-theme=lightning][aria-disabled=true],highlightable-input[data-theme=lightning][aria-multiline=true][aria-disabled=true]{color:#444;cursor:not-allowed;-webkit-user-select:none;user-select:none;background-color:#f3f3f3;border-color:#c9c9c9}highlightable-input[data-theme=semi]{border-radius:var(--semi-border-radius-small,3px);background-color:var(--semi-color-fill-0,#2e32380d);width:100%;height:32px;color:var(--semi-color-text-0,#1c1f23);border:1px solid #0000;padding:0 12px;font-size:14px;line-height:30px}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:#0000}highlightable-input[data-theme=semi][aria-placeholder]:empty:before{color:var(--semi-color-text-2,#1c1f239e)}highlightable-input[data-theme=semi]:hover{background-color:var(--semi-color-fill-1,#2e323817)}highlightable-input[data-theme=semi]:focus{background-color:var(--semi-color-fill-0,#2e32380d);border:1px solid var(--semi-color-focus-border,#0064fa)}highlightable-input[data-theme=semi][aria-disabled=true]{background-color:var(--semi-color-disabled-fill,#2e32380a);cursor:not-allowed;color:var(--semi-color-disabled-text,#1c1f2359);-webkit-text-fill-color:currentColor}highlightable-input[data-theme=spectrum]{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-family:adobe-clean-han-simplified-c,SimSun,Heiti SC Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;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;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)));outline:0}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:#0000}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}