.json-xml-container[data-v-a5cd6aec]{margin:0 auto;padding:20px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);background-color:#fff;display:flex;flex-direction:row}.json-xml-container .button-group[data-v-a5cd6aec]{display:flex;justify-content:center;margin-bottom:20px;flex-direction:column;align-items:center;width:300px;text-align:center;margin:0 10px}.json-xml-container .button-group .el-button[data-v-a5cd6aec]{width:100%;margin-bottom:20px;margin-left:0}h2[data-v-a5cd6aec]{text-align:center;margin-bottom:20px}.input-area[data-v-a5cd6aec],.output-area[data-v-a5cd6aec]{margin-bottom:20px;border-radius:4px;min-height:80vh}.input-area[data-v-a5cd6aec] .el-textarea__inner,.output-area[data-v-a5cd6aec] .el-textarea__inner{min-height:80vh!important}@media(max-width:700px){.json-xml-container[data-v-a5cd6aec]{max-width:600px;margin:0 auto;padding:20px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);background-color:#fff;display:flex;flex-direction:column}h2[data-v-a5cd6aec]{text-align:center;margin-bottom:20px}.input-area[data-v-a5cd6aec],.output-area[data-v-a5cd6aec]{margin-bottom:20px;border-radius:4px;min-height:40vh}.input-area[data-v-a5cd6aec] .el-textarea__inner,.output-area[data-v-a5cd6aec] .el-textarea__inner{min-height:40vh!important}.button-group[data-v-a5cd6aec]{display:flex;justify-content:space-between;margin-bottom:20px;flex-direction:row!important;width:100%!important;margin:0!important}.button-group .el-button[data-v-a5cd6aec]{width:100%!important}.el-button[data-v-a5cd6aec]{flex:1;margin:0 5px}}