:root{--mainT:all 0.4 linear}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#a6e;background:linear-gradient(90deg,#a6e,#4cc1d3)}.App{color:#fff}.main-heading{color:#fff;font-weight:500}@media only screen and (max-width:700px){.main-heading{font-size:2.5rem}}.textarea-container{width:62%;margin:0 auto}.resultContainer{overflow:auto;background:#fff;height:340px;width:100%;border-radius:5px;color:#666;padding:10px}.error-text{background-color:#c0392b;color:#fff;font-weight:600}.resultMainContainer{display:none}.main-message{background:#fff;font-weight:600;border-radius:5px}.main-message .message-heading{font-size:3rem;font-weight:600}.error-message{display:flex;justify-content:space-evenly;align-items:center;font-size:1.2rem}.color-error{color:#c0392b}.color-valid{color:#27ae60}.active-resultMainContainer{display:inline;display:initial}.string{color:green}.number{color:#ff8c00}.boolean{color:#00f}.null{color:#f0f}.key{color:red}@media only screen and (max-width:700px){.textarea-container{width:100%}.textarea-container .text-left h4{font-size:1rem}.main-message .message-heading{font-size:2rem}.error-message{font-size:.9rem}}.textarea-sub-container .rownr{overflow-y:hidden;color:#666;text-align:right;vertical-align:top;width:8%;border:none;box-shadow:none;height:340px;border-top-left-radius:5px;border-bottom-left-radius:5px;resize:none}.textarea-sub-container .txt{width:92%;overflow:auto;height:340px;border:1px solid #fff;padding-left:10px;box-shadow:none;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#666;resize:none}.textarea-sub-container input{border-style:none;background:transparent;color:#fff}.btn-process{color:#fff;font-weight:600;text-transform:uppercase;border:1px solid #fff}.btn-process:hover{background:linear-gradient(90deg,#a6e,#4cc1d3);color:#fff;transition:var(--mainT)}.btn-process:focus{box-shadow:none}.user-textarea-container{position:relative}.user-textarea-container svg{color:#000;position:absolute;cursor:pointer}.user-textarea-container .bi-trash{bottom:30%;right:3%;font-size:1.2rem}.user-textarea-container .bi-file-earmark-code{bottom:200%;right:3%;font-size:1.3rem}.user-textarea-container span{visibility:hidden;position:absolute;background-color:rgba(40,40,40,.7);border-radius:5px;color:#fff;padding:5px;box-shadow:1px 1px 2px 2px rgba(4,4,4,.1);z-index:10}.user-textarea-container span:after{content:" ";position:absolute;top:50%;left:100%;margin-top:-5px;border:5px solid transparent;border-left-color:rgba(40,40,40,.7)}.user-textarea-container .clear-span{bottom:0;right:7%}.user-textarea-container .bi-file-earmark-code:hover+.load-file,.user-textarea-container .bi-trash:hover+.clear-span{visibility:visible}.user-textarea-container .load-file{bottom:175%;right:7%}.user-textarea-container #jsonFile{display:none}@media only screen and (max-width:700px){.textarea-sub-container{text-align:center}.textarea-sub-container input{display:inline-block;width:50%}}
/*# sourceMappingURL=main.4aac9eee.chunk.css.map */