.editor-container{border:1px solid #ccc;border-radius:5px;height:80vh;justify-self:center;padding:10px;position:relative;width:98%}.json-formatter-button-container{display:flex;flex:1 1;flex-direction:row;gap:0;justify-content:center;width:100%}.json-formatter-pre,.json-formatter-textarea{border:none;font-family:Arial,sans-serif;font-size:18px;font-weight:500;height:100%;line-height:1.25;outline:none;resize:none;width:100%}.json-formatter-pre{margin:0;overflow:auto;padding:0;white-space:pre}.clear-button{background-color:#007bff;border:none;border-radius:5px;bottom:10px;color:#fff;cursor:pointer;font-size:15px;font-size:12px;margin:0;padding:5px 10px;position:absolute;right:10px;z-index:1}.clear-button:hover{background-color:#0056b3}.json-formatter-button-container button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;margin:20px 10px;padding:10px 20px}.json-formatter-button-container button:hover{background-color:#0056b3}.json-formatter-button-container button.disabled{opacity:.5}.json-tree{border:none;font-family:Arial,sans-serif;font-size:18px;font-weight:500;height:100%;line-height:1.25;margin:0;outline:none;overflow:auto;padding:0;resize:none;white-space:pre;width:100%}.toggle-container{color:rgba(0,0,0,.267);margin-right:0}.json-header{color:#666;cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.inline-display{display:inline}.json-item{margin-left:20px}.json-value{color:#2ecc40}.key{color:#d73a49}.string{color:#032f62}.number{color:#005cc5}.boolean{color:#6f42c1}.null{color:#d23632}.url-encode-textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:14px;height:80vh;margin:10px;padding:10px;resize:none;width:calc(100% - 20px)}.url-encode-button-container{display:flex;flex:1 1;flex-direction:row;gap:10px;justify-content:center}.url-encode-button-container button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:20px 10px;padding:10px 20px}.url-encode-button-container button:hover{background-color:#0056b3}.color-transformer-container{margin:0 auto;max-width:800px;padding:20px}.input-group{margin-bottom:15px}.button-group,.input-group{align-items:center;display:flex;flex-direction:column;justify-content:center}.button-group button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:20px 10px;padding:10px 20px;transition:background-color .3s ease}.button-group button:hover{background-color:#0056b3}.rgba-input-group{display:flex;flex-direction:row;gap:10px}.input-area{align-items:center;justify-content:center;margin:5px;padding:5px}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.color-transformer-textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:14px;height:30px;margin:10px;padding:5px;resize:none}.result{margin-top:15px}.color-preview{box-shadow:0 2px 8px #0003;height:50px;width:80px}.error{color:red;margin-top:5px}*{box-sizing:border-box}body{margin:0;padding:0}label{color:#555;font-weight:700}h1{text-align:center}.App{display:flex;height:100vh;width:100vw}.sidebar{background-color:#f0f0f0;box-sizing:border-box;padding:20px;width:15%;z-index:1}.sidebar button{background-color:#e0e0e0;border:none;border-radius:5px;cursor:pointer;display:block;font-size:15px;margin:0 0 10px;padding:10px 0;width:100%}.sidebar button.active{background-color:#007bff;color:#fff}.main-content{box-sizing:border-box;padding:0;width:85%}.error-message{color:red;display:flex;justify-content:center}.toast{animation:fadeInOut 3s ease-in-out;background-color:#333;border-radius:5px 5px 5px 5px;bottom:20px;color:#fff;left:50%;opacity:0;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:9999}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(100%)}10%{opacity:1;transform:translateX(-50%) translateY(0)}90%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(100%)}}
/*# sourceMappingURL=main.858aab05.css.map*/