.modal-background[data-v-5871fb7d]{position:absolute;top:0;background:rgba(0,0,0,.4);z-index:1000;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.modal-content[data-v-5871fb7d]{background:#fff;padding:2.4rem;border-radius:1.6rem;min-width:35%}.modal-header[data-v-5871fb7d]{padding-bottom:1.6rem;margin-bottom:3rem;border-bottom:.1rem solid #e7e7e7;display:flex;justify-content:space-between;align-items:center}.modal-header__close[data-v-5871fb7d]{background:transparent;border:0;background:#eee;border-radius:50%;height:3rem;width:3rem}.modal-header__close[data-v-5871fb7d]:hover{cursor:pointer}@media screen and (max-width:480px){.modal-content[data-v-5871fb7d]{width:90%;padding:1.6rem}}:root{font-size:62.5%;--primary-color:#ff6680}*{margin:0;padding:0;box-sizing:border-box;outline:none;font-family:Nunito Sans,Helvetica,Arial,sans-serif}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}label{font-size:1.2rem}label+input{margin-top:.4rem}input{display:block;width:100%;height:4rem;padding:.8rem;border:0;background:#f1f1f1;border-radius:.5rem}button:hover{cursor:pointer}#apiKey{margin-bottom:2.4rem}.request-bar{display:flex;border-bottom:.1rem solid #eee;padding:.8rem 1.6rem}.request-bar select{border:0;width:10rem;padding:.8rem}.request-bar input{margin-left:.8rem;border-radius:0;padding-left:1.2rem}.request-bar button{width:15rem;border:0;background:var(--primary-color);border-radius:0 .3rem .3rem 0;color:#fff;font-weight:700}.request-bar button:hover{background:#ffb3c8}.sidebar{padding:1.6rem;width:4.8rem}.sidebar ul{list-style:none;font-size:1.4rem}.sidebar ul li:hover{cursor:pointer;color:var(--primary-color)}.body{margin-top:1.6rem;width:100%}.body,.result-container{display:flex;justify-content:space-between}.result-container{padding-right:1.6rem;width:calc(100vw - 4.8rem)}.result-container code,.result-container textarea{width:50%;padding:1.6rem;background:#f5f5f5}.result-container textarea{resize:none;border:0}.result-container code{font-size:1.2rem;white-space:pre-wrap;background:#171822;color:#fff;overflow:auto}@media screen and (max-width:480px){.result-container{display:flex;flex-direction:column}.result-container code,.result-container textarea{width:100%;height:43vh}}