: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-family:Source Sans Pro,Roboto,San Francisco,Segoe UI,sans-serif;font-size:1.3em}*{box-sizing:border-box}html,body{background-color:var(--background-color);color:var(--color);margin:0;padding:0}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{gap:calc(var(--margin) / 2);align-items:center;display:flex}.input-group .source-section .source-input-group .source-input{width:100%;padding:calc(var(--margin) / 2);border:none;font-size:2.5rem;display:block}.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{row-gap:calc(var(--margin) * .75 / 2);column-gap:calc(var(--margin));flex-wrap:wrap;padding-left:0;display:flex}.input-group .samples .sample-value{padding-left:0;list-style-type:none}.input-group .samples .sample-value a{color:var(--input-group-color);text-decoration:none}.input-group .samples .sample-value a:hover{color:var(--input-group-link-color-hover)}.demo-controls{padding:calc(var(--margin) / 2);background-color:#dfdfdf}.demo-controls p{margin:0;padding:0}.demo-controls .demo-controls-form{justify-content:flex-start;gap:calc(var(--margin) / 2);flex-wrap:wrap;display:flex}.output{padding:calc(var(--margin) * .75)}.output .output-title{font-weight:700}.output .output-title .output-detailed-description{font-size:.8rem;font-weight:400}.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));z-index:1000;background-color:var(--char-info-background-color);height:100vh;color:var(--char-info-color);box-shadow:#00000080 var(--box-shadow-x) 0 10px;position:fixed;top:0;right:0;overflow-y:auto}.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;width:var(--box-size);height:var(--box-size);padding:calc(var(--margin) / 4);color:#fff;text-align:center;cursor:pointer;background-color:#000;font-size:1rem;position:absolute;top:0;right:0}.character-info-container .character-info-container-close:hover{background-color:#676767}.character-info{--ci-margin:calc(var(--margin) * .75);padding:var(--ci-margin)}@media (width<=800px){.character-info{min-width:20rem;max-width:75vw}}@media (width>=800px){.character-info{min-width:25rem;max-width:50vw}}.character-info{flex-direction:column;justify-content:center;align-items:center;display:flex}.character-info>*{align-self:center}.character-info .character-info-codepoint{margin-bottom:var(--ci-margin);font-size:1.5rem}.character-info .unicode-sequence,.character-info .code-point-display{margin-bottom:var(--ci-margin)}.code-point-display{justify-content:flex-start;gap:calc(var(--margin) / 2);display:flex;overflow-x:auto}.code-point-display .codepoint{--inner-margin:calc(var(--margin) / 2.5);padding:var(--inner-margin);border:1px dotted var(--color);flex-direction:column;justify-content:space-between;display:flex}.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{gap:calc(var(--margin) / 2);flex-wrap:wrap;font-family:monospace;display:flex}.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{visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}