/* Copyright (C) Chareditor - All Rights Reserved
 * Unauthorized copying of this file, via any medium is strictly prohibited
 * Proprietary and confidential
 * Written by Alejandro Santiago <contact@chareditor.com>, 2020
 */
@import url("https://fonts.googleapis.com/css2?family=Righteous&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");header{background-color:white;color:#86CED1;-webkit-box-shadow:0 0 10px 4px grey;box-shadow:0 0 10px 4px grey;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header h1{font-size:50px;font-family:'Righteous', cursive;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center;position:relative;left:132.5px}header > img{cursor:pointer;height:60px;width:40px;margin:0 5px;z-index:1}header img[alt="Help"]{margin-right:50px}footer{background:#86CED1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding:10px 20px;-webkit-box-shadow:0 5px 12px grey;box-shadow:0 5px 12px grey;position:absolute;z-index:1;visibility:hidden;min-width:1129px}footer > div{-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%;padding:0 20px;font-family:'Righteous', cursive;border-right:solid #D2E8E8 2px;color:#F7F9F9}footer > div:last-child{border:none}footer h1{text-align:center;color:white}.editor-options-unit{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1;grid-area:editor-options;width:89.5px;height:349.5px;background-image:url("../images/editor/options.svg");background-size:89.5px 349.5px;position:relative;top:19px}.editor-options{background-color:#89D0D5;height:333px;width:50px;position:relative;left:33px;top:16.5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editor-options img{width:50px;max-height:30px;cursor:pointer;padding:4px 0;fill:white}.editor-options img:hover{opacity:0.6}.editor-options img:nth-child(3),.editor-options img:nth-child(6){margin-bottom:15px}.editor__arrow-back,.editor__arrow-forward{width:21px;height:16px;border-radius:5px 5px 0 0;background-color:#499CA2;cursor:pointer;position:relative;background-image:url("../images/editor/arrow.svg");background-size:12px 12px;background-repeat:no-repeat;background-position:center;top:3px}.editor__arrow-off{opacity:0.5}.editor__arrow-back{left:41px}.editor__arrow-forward{left:64px;top:-13px;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.editor-unit{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2;grid-area:editor;width:360px;height:397px;background-image:url("../images/editor/editor.svg");background-size:360px 397px}.editor-area{width:220px;border-radius:5px;position:relative;top:-7px;left:52.5px;background-color:#67BBC1;display:-ms-grid;display:grid;grid-template-areas:". filename ." ". shift-up ." "shift-left editor-pix shift-right" ". shift-down .";-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:3px;-webkit-column-gap:5px;column-gap:5px;padding:6px 0}.editor-area input{-ms-grid-row:1;-ms-grid-column:2;grid-area:filename;text-align:center;font-family:'Roboto', sans-serif;font-weight:bold;border-radius:4px;border:none;height:13px;margin-bottom:6px}.editor__shift-down,.editor__shift-left,.editor__shift-right,.editor__shift-up{background-color:#89D0D5;background-size:8px 8px;background-repeat:no-repeat;background-position:center;border-radius:5px;cursor:pointer}.editor__shift-down:hover,.editor__shift-left:hover,.editor__shift-right:hover,.editor__shift-up:hover{opacity:0.8}.editor__shift-down,.editor__shift-up{background-image:url("../images/editor/shift-vertical.svg");width:85px;height:10px;margin:0 auto}.editor__shift-left,.editor__shift-right{background-image:url("../images/editor/shift-horizontal.svg");width:10px;height:148.5px}.editor__shift-down{-ms-grid-row:3;-ms-grid-column:2;grid-area:shift-down;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.editor__shift-up{-ms-grid-row:1;-ms-grid-column:2;grid-area:shift-up}.editor__shift-left{-ms-grid-row:2;-ms-grid-column:1;grid-area:shift-left}.editor__shift-right{-ms-grid-row:2;-ms-grid-column:3;grid-area:shift-right;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.editor{-ms-grid-row:3;-ms-grid-column:2;grid-area:editor-pix;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:164px}.editor-row{display:-webkit-box;display:-ms-flexbox;display:flex}.editor-pixel{width:27px;height:27px;margin:2px;cursor:pointer;border:dashed white 1px;border-radius:2px}.editor-pixel-on{background-color:white}.lcd-unit{-ms-grid-row:1;-ms-grid-column:3;grid-area:lcd;width:525.5px;height:193.5px;background-image:url("../images/displays/lcd16-2.svg");background-size:525.5px 193.5px}.lcd{width:445px;height:113px;position:relative;top:40px;left:43px;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.lcd-row{display:-webkit-box;display:-ms-flexbox;display:flex}.lcd-cell{border-spacing:0;margin:1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.lcd-cell:hover{-webkit-box-shadow:0 0 2px black;box-shadow:0 0 2px black}.lcd-cell-selected{-webkit-box-shadow:0 0 2px black;box-shadow:0 0 2px black}td{width:2.5px;height:2.5px;-webkit-box-shadow:0 0 2px;box-shadow:0 0 2px}.lcd-backlight-default{background-color:#87AD34;color:#7C9F31}.lcd-backlight-red{background-color:#EA3341;color:#D03E4A}.lcd-backlight-green{background-color:#19C83F;color:#30A84A}.lcd-backlight-yellow{background-color:#DCE72E;color:#B8BE54}.lcd-backlight-blue{background-color:#1B8DD1;color:#347FAB}.lcd-backlight-pink{background-color:#F053E1;color:#B55BAC}.lcd-backlight-cyan{background-color:#0BC7B4;color:#1CA194}.lcd-backlight-white{background-color:#BDDEE0;color:#DDEFF0}.lcd-options{-ms-grid-row:1;-ms-grid-column:4;grid-area:lcd-options;width:174.5px;height:193.5px;background-image:url("../images/displays/options.svg");background-size:174.5px 193.5px}.lcd-options__led-blue,.lcd-options__led-green,.lcd-options__led-red{width:47.5px;height:35px;cursor:pointer;position:relative;left:127px;background-size:47.5px 35px;border-radius:10px 100% 100% 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.lcd-options__led-blue > div,.lcd-options__led-green > div,.lcd-options__led-red > div{border-radius:100%;width:20px;height:22px;-webkit-box-shadow:0 0 10px 5px, inset 0 0 20px 20px;box-shadow:0 0 10px 5px, inset 0 0 20px 20px;border:solid 1px;margin-right:2px;display:none}.lcd-options__led-red{top:3.5px;background-image:url("../images/displays/led-red.svg")}.lcd-options__led-red > div{color:#E64444}.lcd-options__led-green{top:18.5px;background-image:url("../images/displays/led-green.svg")}.lcd-options__led-green > div{color:#147A33}.lcd-options__led-blue{top:33.5px;background-image:url("../images/displays/led-blue.svg")}.lcd-options__led-blue > div{color:#1987A6}.lcd-options__shift{display:-ms-grid;display:grid;grid-template-areas:". shift-up ." "shift-left . shift-right" ". shift-down .";width:66px;position:relative;top:17px;left:25px;background-size:35px 35px;background-image:url("../images/displays/shift-back.svg");background-repeat:no-repeat;background-position:center}.lcd-options__shift > div{width:22px;height:22px;cursor:pointer;background-size:22px 22px;background-image:url("../images/displays/shift.svg")}.lcd-options__shift > div:hover{-webkit-box-shadow:0 0 3px black;box-shadow:0 0 3px black}.lcd-options__shift-up{-ms-grid-row:1;-ms-grid-column:2;grid-area:shift-up}.lcd-options__shift-down{-ms-grid-row:3;-ms-grid-column:2;grid-area:shift-down;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.lcd-options__shift-left{-ms-grid-row:2;-ms-grid-column:1;grid-area:shift-left;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.lcd-options__shift-right{-ms-grid-row:2;-ms-grid-column:3;grid-area:shift-right;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.code-unit{-ms-grid-row:2;-ms-grid-row-span:2;-ms-grid-column:3;-ms-grid-column-span:2;grid-area:code;width:676.5px;height:250px;min-height:250px;background-color:#89D0D5}.code-unit > input{border:none;text-align:center;font-size:13px;margin-top:5px;position:relative;top:3px;left:4px;border-radius:4px 4px 0 0;font-family:'Roboto', sans-serif;padding:2px 6px;color:gray;min-width:10px;width:45.5px;max-width:200px}.code-header{height:25px;background-color:#499CA2;padding:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.code-header img{height:inherit;cursor:pointer;padding-left:3px}.code-header img:hover{opacity:0.7}.code-options{width:inherit;height:50px;background-color:#70BEC4;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.code-options label{font-size:12px;color:white;font-family:'Roboto', sans-serif;position:relative;top:-2px;left:-3px;padding:0 2px}.code-area__copy{width:105px;padding:6px;background-color:#499CA2;border-radius:5px;color:white;font-size:12px;font-family:'Roboto', sans-serif;position:relative;top:-40px;margin:0 auto;display:none;-webkit-box-shadow:0 0 5px black;box-shadow:0 0 5px black;opacity:0.7;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.code-area{resize:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:inherit;border:none;position:relative;top:1px;height:250px;background-color:white;font-family:monospace, monospace;font-size:0.77rem;padding:5px;overflow:scroll;overflow-x:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.code-area::-moz-selection{background-color:#89D0D5;color:white}.code-area::selection{background-color:#89D0D5;color:white}.alert{position:fixed;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);z-index:5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:'Roboto', sans-serif}.alert > div{width:40%;background-color:white;color:white;opacity:1;-webkit-box-shadow:0 0 30px black;box-shadow:0 0 30px black;border-radius:2px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.alert > div > h1{color:#499CA2;font-size:1.4rem;text-align:center;font-weight:bold}.alert > div > p{color:grey;font-size:0.9rem}.alert > div > input[type='button']{border:none;cursor:pointer;background-color:#499CA2;padding:10px;margin:10px;color:white;font-family:'Roboto', sans-serif;-webkit-box-shadow:0 5px #337f85;box-shadow:0 5px #337f85;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.alert > div > input[type='button']:hover{background-color:#61adb3}.alert > div > input[value="Donate"]{background-color:#DED355;-webkit-box-shadow:0 5px #AEA225;box-shadow:0 5px #AEA225}.alert > div > input[value="Donate"]:hover{background-color:#F3E978}.alert-donate{position:fixed;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);z-index:5;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:'Righteous', cursive}.alert-donate > div{width:40%;background-color:#89D0D5;color:white;opacity:1;-webkit-box-shadow:0 0 30px black;box-shadow:0 0 30px black;border-radius:2px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.alert-donate > div > h1{color:white;font-size:1.4rem;text-align:center;font-weight:bold}.alert-donate > div > p{color:white;font-size:0.9rem;text-align:justify}.alert-donate > div > input[type='button']{border:none;cursor:pointer;background-color:#499CA2;padding:10px;margin:10px;color:white;font-family:'Roboto', sans-serif;-webkit-box-shadow:0 5px #337f85;box-shadow:0 5px #337f85;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.alert-donate > div > input[type='button']:hover{background-color:#61adb3}.alert-donate > div > input[value="Donate"]{background-color:#DED355;-webkit-box-shadow:0 5px #AEA225;box-shadow:0 5px #AEA225}.alert-donate > div > input[value="Donate"]:hover{background-color:#F3E978}.alert-rotate{position:fixed;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);z-index:5;font-family:'Righteous', cursive;display:none;background-color:#89D0D5;color:white;font-size:20px}.alert-rotate > div{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.alert-rotate img{width:100vw}@media screen and (orientation: portrait){.alert-rotate{display:inline}}*{-ms-touch-action:manipulation;touch-action:manipulation}html{max-height:715.8px;min-width:1169.5px}body{padding:0;margin:0;background-color:#D9E4E4}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{color:inherit;font-size:inherit;font-family:inherit}main{display:-ms-grid;display:grid;grid-template-areas:"editor-options editor lcd lcd-options" "editor-options editor code code" "advert advert code code";-ms-grid-columns:89.5px 360px 525.5px 174.5px;grid-template-columns:89.5px 360px 525.5px 174.5px;-ms-grid-rows:auto auto 102px;grid-template-rows:auto auto 102px;row-gap:10px;margin:30px 10px 60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.copyright{display:absolute;grid-area:copy;text-align:center;color:#499CA2;font-family:'Roboto', sans-serif;font-size:12px;opacity:0.8;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:3px}