@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";*{margin:0;padding:0;box-sizing:border-box;background-color:#1d1e22;color:#fff;font-family:Roboto,sans-serif;border-radius:3px}.keepBtnSelect{background-color:#feda6a!important;color:#000!important}.headerList{list-style:none;font-size:x-large;display:flex;gap:3%;justify-content:center;margin-top:.5%;width:75%;padding-bottom:1%;margin-inline:15%;background-color:#393f4d}.main-name{position:absolute;left:1%;top:2%;font-size:140%;font-weight:900;background-image:url(../gradient.jpg);background-size:cover;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.header-opt{cursor:pointer;font-weight:700;background-color:#393f4d;margin-top:10px;letter-spacing:.03em}.jsonMainDiv{width:90%;margin-inline:5%;height:75vh;margin-top:16vh;display:flex;gap:1%}.json-area{width:48%;height:100%;font-size:larger;overflow:auto;color:#fff;border:1px solid #fff;padding-top:1vh;padding-left:1vh}.main-container{width:100%}.reportbug{font-size:medium;position:absolute;right:1%;top:2%;cursor:pointer}.fa-bug{color:red}.main-numeric{position:relative;width:6%;z-index:1;padding:2px 1% 0;font-size:larger;overflow:scroll;overflow-y:hidden;overflow-x:hidden;display:flex;flex-direction:column;border:1px solid #fff;line-height:1.4em}.keyClass{color:#feda6a;background-color:#46474a}.output-area{padding-top:2px;border:1px solid #fff;width:48%;height:100%;font-size:larger;padding-left:5%;overflow:auto;word-wrap:break-word;color:#fff;background-color:#46474a;line-height:1.4em}.json-toolBar{position:absolute;top:19%;display:block;font-size:large;width:90%;height:35px}.json-toolBar button{font-size:medium;padding:3px 5px;font-weight:600;cursor:pointer;margin-left:5px;border:1px solid white;background-color:#fff;color:#1d1e22}.input-toolBar :hover,.output-toolBar :hover{background-color:#1d1e22;color:#fff}.input-toolBar{position:absolute;right:54%;display:flex}.output-toolBar{position:absolute;right:0%;display:flex}pre,.innerTag{background-color:#46474a;font-size:21px}.innerTag{font-size:21px}.minimized-span{cursor:pointer}.arrow-icon{font-size:small;color:#feda6a;padding-left:3px}.div-span{font-size:medium}.copySpan{padding:3px 5px;font-weight:600;font-size:large;background-color:green;display:none}.invalidJson{font-size:large;background-color:#46474a;color:#fab6b6;display:block;letter-spacing:.05em;margin-inline:5%}.sadEmoji{background-color:#46474a;color:#585656;position:relative;top:20%;left:10%;font-size:300px}#Json{color:#feda6a}.listMainpage{position:relative;width:95%;margin-inline:2%;height:85vh;margin-top:2%;display:none;grid-template-columns:1.9fr 1fr;grid-template-rows:1.8fr 1fr;gap:1%;row-gap:2%}.list-Operation{grid-column:1/-2;display:grid;grid-template-columns:repeat(4,1fr);gap:2%}.list-textArea{font-size:large;width:35vw;overflow:auto;white-space:nowrap;padding-top:2%;padding-left:2%;height:100%}.numberList{position:relative;border:1px solid #fff;width:8vh;height:100%;font-size:large;text-align:center;overflow:scroll;overflow-y:hidden;overflow-x:hidden;padding-top:2%;background-color:#393f4d}.list3TextArea{grid-row:1/3;grid-column:3/3;background-color:#1d1e22;border:1px solid #fff;position:relative;width:37vw}.inputHolder{position:relative;display:flex;height:53vh;width:58vw}.list2Numbers{margin-left:5%}.list-btn{color:#fff;font-size:larger;border:1px solid #fff;cursor:pointer;font-weight:600}.list-btn:hover{background-color:#fff;color:#1d1e22}textarea::placeholder{font-size:60px;position:absolute;left:30%;top:45%;color:#303545}.opsTitle{font-size:x-large;text-align:center;text-transform:capitalize;font-weight:700;color:#feda6a;padding-top:2%;padding-bottom:2%;border-bottom:1px solid white}.opsDesc{padding:3px 3px 3px 13%;width:100%;border-bottom:1px solid #fff}.listtool-btn{display:flex;flex-direction:row;width:25%;justify-content:flex-start;gap:1px;padding-bottom:1%;margin-top:1%;font-size:medium}.listtool-btn button:hover{background-color:#1d1e22;color:#fff}.listtool-btn button{position:relative;width:100%;font-size:medium;padding:1%;font-weight:600;cursor:pointer;margin-left:5px;margin-top:2%;border:1px solid white;background-color:#fff;color:#1d1e22}.fa-info{font-size:large;float:right;padding:10px;margin-top:10px;margin-right:10px;border:1px solid #fff;cursor:pointer;background-color:#fff;color:#1d1e22;font-weight:1000;position:absolute;top:-1%;right:0%}.fa-info:hover{background-color:#e6ca2df1;color:#fff}.modalMainDiv{display:none;position:fixed;width:100%;margin-inline:20%;height:100%;position:absolute;top:54%;left:30%;transform:translate(-50%,-50%);padding:20px;background-color:#12121233;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid #ccc;z-index:10}#operationInfo{margin-top:5%;display:flex;flex-wrap:wrap}.operation-info{width:calc(33.33% - 20px);margin:10px;padding:15px;border:1px solid #ccc;border-radius:5px}.operation-info h3{margin-top:0;font-size:18px;color:#feda6a}.operation-info p{margin-top:1%;margin-bottom:0}.main-info{color:orange;font-size:x-large;padding:3px;position:absolute;top:4%;width:65%}.fa-xmark{position:absolute;right:2%;top:2%;font-size:70px;background-color:#12121233;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.result{position:relative;width:100%;height:80%;overflow:auto;font-size:larger;padding-left:12%;padding-top:12%;border-top:1px solid #fff}.singleLineOutput{font-size:x-large;position:relative;top:10%;left:15%}.answer{color:green;border-bottom:2px solid green}.listCopyStyle{background-color:green;border:1px solid white;font-weight:800}.encodingMain{position:relative;width:75%;margin-inline:15%;height:80vh;margin-top:2%;border:1px solid #fff;display:none;grid-template-columns:1fr 1fr;grid-template-rows:1fr 8fr}.enInputOption,.enOutputOption{border:1px solid #fff;display:flex;justify-content:flex-end;align-items:center}.enOutputOption{border:1px solid #fff}.encodeInput,.encodeOutput{border:1px solid #fff;font-size:larger;padding-top:3%;padding-left:2%;overflow:auto}.encode-btn:hover{background-color:#1d1e22;color:#fff}.encode-btn{margin-right:5px;margin-top:2%;font-size:medium;padding:3px 7px;font-weight:600;cursor:pointer;margin-left:5px;border:1px solid white;background-color:#fff;color:#1d1e22}.encodecopySpan{background-color:green;color:#fff;display:none}.encodeOutputTitle{font-size:xx-large;margin-left:10%;color:#feda6a;margin-right:25%}