@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(fonts/roboto-v51-cyrillic_latin_latin-ext-300.woff2) format('woff2');}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto-v51-cyrillic_latin_latin-ext-regular.woff2) format('woff2');}html{font:300 16px 'Roboto',sans-serif;color:#111;}body{background:#f2f6fc;padding:0;margin:0;--min-width:300px;--max-width:850px;overflow-x:hidden;overscroll-behavior-x:none;}#header{position:sticky;left:0;top:0;width:100%;background:#2196f3;box-sizing:border-box;z-index:10;}#menu{position:relative;display:flex;flex-wrap:wrap;gap:10px;min-width:var(--min-width);max-width:var(--max-width);padding:10px 15px;margin:0 auto;align-items:center;box-sizing:border-box;}#logo{font:600 30px 'Arial',sans-serif;width:auto;flex-basis:auto;letter-spacing:-1.3px;color:#fff;margin:0 auto 0 0;}#logo a{text-decoration:none;color:inherit;cursor:pointer;}#firstLetterBox{display:inline-block;width:17px;height:21.3px;line-height:.75;margin-right:-4.5px;background:#fff;transform:skewX(20deg);border-radius:3px;}#firstLetter{display:inline-block;color:#2196f3;margin-left:-5px;transform:skewX(-20deg);}#open,#save{width:26px;height:26px;margin:0 10px 0 0;fill:#7cc1ff;cursor:pointer;transition:all .3s ease 0s;}#open:hover,#save:hover{fill:#fff;}#open svg,#save svg{pointer-events:none;}#togglerDiv{width:auto;flex-basis:auto;}.switch{position:relative;display:block;width:80px;height:34px;}.switch input{pointer-events:none;opacity:0;width:0;height:0;}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#7cc1ff;transition:.4s;border-radius:34px;}.slider::before{content:"code";position:absolute;color:white;text-align:center;line-height:25px;height:26px;width:55px;left:4px;bottom:4px;background-color:#f44336;transition:.4s;border-radius:20px;font-weight:bold;}input:checked + .slider{background-color:#7cc1ff;}input:checked + .slider::before{transform:translateX(16px);content:"wow";background-color:#2196F3;}#info{width:100%;color:#fff;padding:0;line-height:1.5em;box-sizing:border-box;}#info code{display:inline-block;}#openFile,#openData,#openImg{font:300 16px 'Roboto',sans-serif;padding:3px 5px;background:#3ba9ff;border-radius:7px;}#inputFileName{font:300 16px 'Roboto',sans-serif;color:#fff;min-width:250px;padding:4px 10px;margin:5px 0;background:#3ba9ff;border:1px solid #7cc1ff;border-radius:5px;}#inputFileName:focus{outline:none;}::placeholder{color:#fff;}.button{display:inline-block;color:#fff;text-align:center;padding:3px 15px;border-radius:10px;background:#3ba9ff;cursor:pointer;transition:all .3s ease 0s;}.button:hover{color:#2196f3;background:#fff;border-color:#fff;}#tableEditor{min-width:100%;max-width:100%;min-height:200px;font-family:monospace;font-size:0.9rem;font-weight:300;line-height:1.3;color:#fff;background:#3ba9ff;border:1px solid #7cc1ff;border-radius:5px;padding:10px;margin-bottom:10px;box-sizing:border-box;outline:none;}#content{width:100%;overflow-x:auto;}#code{display:grid;grid-template-columns:1fr;position:relative;min-width:var(--min-width);max-width:var(--max-width);margin:20px auto;background:#FFF;}#codeHL,#codeTA{grid-area:1 / 1 / 2 / 2;font-family:monospace;font-size:1rem;line-height:1.3;padding:20px 20px 20px 70px;margin:0;overflow:hidden;overflow-wrap:break-word;box-sizing:border-box;}#codeTA{background-color:rgba(0,0,0,0);color:rgba(0,0,0,0);caret-color:#555;z-index:2;resize:none;field-sizing:content;border:none;outline:none;}#codeHL{background:#FFF;color:#555;z-index:1;white-space:pre-wrap;counter-reset:hlraw-counter;word-wrap:break-word;}#codeHL div{position:relative;counter-increment:hlraw-counter;scroll-margin-top:80px;}#codeHL div::before{position:absolute;left:-65px;width:50px;color:#deebff;text-align:right;content:counter(hlraw-counter);}.hlnode{font-weight:bolder;color:#6B8E23;}.hldiv{color:#6B8E23;font-weight:bold;}.hldiv::first-letter{color:#111;font-weight:bold;}.hlkey{color:#2196F3;}.hlvalue{color:#FF7F50;}.hlsub{color:#FF4500;}#page p,#page h1,#page h2,#page h3,#page section{transition:all .3s ease 0s;cursor:pointer;}#page p:hover,#page h1:hover,#page h2:hover,#page h3:hover,#page section:hover{background-color:rgba(0,0,0,0.05);}[data-line]{scroll-margin-top:80px;}.hidden{display:none !important}