.container[data-v-3c2c8c52]{width:1200px;-webkit-box-align:center;align-items:center}.container[data-v-3c2c8c52],.field[data-v-3c2c8c52]{display:-webkit-box;display:flex}.field[data-v-3c2c8c52]{-webkit-box-pack:justify;justify-content:space-between}.input-frame[data-v-3c2c8c52]{width:28.5rem;padding:2rem}.input-frame input[data-v-3c2c8c52]{width:28.5rem;border:1px solid #e2eef8;border-radius:5px;box-sizing:border-box;padding:.5rem}.input-frame input[data-v-3c2c8c52]:focus{outline:none;border:1px solid #5197d5}.output-frame[data-v-3c2c8c52]{width:40rem;padding:2rem}.output-frame .result[data-v-3c2c8c52]{width:32.75rem;padding:.55rem .5rem;border:1px solid #e2eef8;border-radius:5px}.output-frame .result .margin-bottom[data-v-3c2c8c52]{margin-bottom:1rem}.margin-bottom[data-v-3c2c8c52]{margin-bottom:1.5rem}@media only screen and (max-width:1024px){.warpper[data-v-3c2c8c52]{display:block;padding:1rem}.warpper .input-frame[data-v-3c2c8c52]{padding:0;width:100%}.warpper .input-frame .field .control .input[data-v-3c2c8c52],.warpper .input-frame .field .control[data-v-3c2c8c52]{width:100%}.warpper .output-frame[data-v-3c2c8c52]{padding:0;width:100%}.warpper .output-frame .result[data-v-3c2c8c52]{width:auto;border:1px solid #8d9fae}.warpper .output-frame .result label[data-v-3c2c8c52]{color:#8d9fae}.input-frame input[data-v-3c2c8c52]{width:100%;border:1px solid #8d9fae}.input-frame input[data-v-3c2c8c52]:focus{outline:none;border:1px solid #5197d5}}