:root{--margin: 1rem;--background-color: white;--color: black;--header-background-color: purple;--header-color: white;--char-info-background-color: #f4f4f4;--char-info-color: black;--input-group-background-color: #4b4b4b;--input-group-color: white;--input-group-link-color: var(--input-group-color);--input-group-link-color-hover: #c3c3c3;--source-background-color: #4b4b4b;--source-color: var(--color);--focused-color: #fff6bc;font-size:1.3em;font-family:Source Sans Pro,Roboto,San Francisco,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--background-color);color:var(--color)}h1,h2,h3,h4,h5,h6,p,ul,ol,pre{margin:0;margin-bottom:calc(var(--margin) * .75);padding:0}:is(h1,h2,h3,h4,h5,h6,p,ul,ol,pre):last-child{margin-bottom:0}a,a:visited{color:#00f}.global-header{background-color:var(--header-background-color);color:var(--header-color);padding:calc(var(--margin) * .75)}.global-header h1{margin:0;font-size:2.5rem}.input-group{background-color:var(--input-group-background-color);color:var(--input-group-color);padding:calc(var(--margin) * .75)}.input-group .source-section .source-input-group{display:flex;gap:calc(var(--margin) / 2);align-items:center}.input-group .source-section .source-input-group .source-input{font-size:2.5rem;display:block;width:100%;border:none;padding:calc(var(--margin) / 2)}.input-group .source-section .source-input-group .text-dir-button{all:unset;cursor:pointer;font-size:1.5rem}.input-group .source-section .source-input-group .text-dir-button:hover{color:var(--input-group-link-color-hover)}.input-group .source-samples{padding-top:calc(var(--margin) * .75)}.input-group .source-samples .please-try{font-style:italic}.input-group .samples{display:flex;flex-wrap:wrap;row-gap:calc(var(--margin) * .75 / 2);column-gap:calc(var(--margin));padding-left:0}.input-group .samples .sample-value{list-style-type:none;padding-left:0}.input-group .samples .sample-value a{text-decoration:none;color:var(--input-group-color)}.input-group .samples .sample-value a:hover{color:var(--input-group-link-color-hover)}.demo-controls{background-color:#dfdfdf;padding:calc(var(--margin) / 2)}.demo-controls p{margin:0;padding:0}.demo-controls .demo-controls-form{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:calc(var(--margin) / 2)}.output{padding:calc(var(--margin) * .75)}.output .output-title{font-weight:700}.output .output-title .output-detailed-description{font-weight:400;font-size:.8rem}.output .output-use-as-source,.output .number-of-codepoints{margin-top:calc(var(--margin) * .75)}.js-code{overflow-x:auto}.character-info-container{--box-shadow-size: 5px;--box-shadow-x: calc(-1 * var(--box-shadow-size));position:fixed;right:0;top:0;height:100vh;overflow-y:auto;z-index:1000;background-color:var(--char-info-background-color);color:var(--char-info-color);box-shadow:#00000080 var(--box-shadow-x) 0 10px}.character-info-container.rtl{--box-shadow-x: var(--box-shadow-size);right:unset;left:0}.character-info-container .character-info-container-close{--box-size: 1.5rem;all:unset;position:absolute;right:0;top:0;width:var(--box-size);height:var(--box-size);padding:calc(var(--margin) / 4);color:#fff;background-color:#000;font-size:1rem;text-align:center;cursor:pointer}.character-info-container .character-info-container-close:hover{background-color:#676767}.character-info{--ci-margin: calc(var(--margin) * .75);padding:var(--ci-margin);display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width:800px){.character-info{min-width:20rem;max-width:75vw}}@media(min-width:800px){.character-info{min-width:25rem;max-width:50vw}}.character-info>*{align-self:center}.character-info .character-info-codepoint{font-size:1.5rem;margin-bottom:var(--ci-margin)}.character-info .unicode-sequence,.character-info .code-point-display{margin-bottom:var(--ci-margin)}.code-point-display{display:flex;justify-content:flex-start;gap:calc(var(--margin) / 2);overflow-x:auto}.code-point-display .codepoint{--inner-margin: calc(var(--margin) / 2.5);padding:var(--inner-margin);display:flex;flex-direction:column;justify-content:space-between;border:1px dotted var(--color)}.code-point-display .codepoint.focused{background-color:var(--focused-color)}.code-point-display .codepoint .codepoint-char{padding-bottom:var(--inner-margin)}.code-point-display .codepoint .codepoint-char,.code-point-display .codepoint .codepoint-value{text-align:center}.code-point-display .codepoint .codepoint-char-link{color:var(--color);text-decoration:none}.code-point-display .codepoint .codepoint-number{font-family:monospace}.unicode-sequence{display:flex;flex-wrap:wrap;gap:calc(var(--margin) / 2);font-family:monospace}.unicode-sequence .unicode-bytes{border:1px dotted var(--color);padding:calc(var(--margin) / 4)}.unicode-sequence .unicode-bytes.focused{background-color:var(--focused-color)}.hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important}