.page{padding:18px}.page,.page-main{position:relative}.page-main{width:100%;height:100%;background:#282828;box-shadow:8px 8px 0 hsla(0,0%,100%,.025);box-sizing:border-box}.debugger-history__item{display:flex;align-items:center;color:var(--primary);padding:16px 18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid #363636}.debugger-history__item .history-method{margin-right:6px;font-size:10px}.debugger-history__item .history-method .history-status{font-size:8px;padding:2px 4px;color:#2e2e2e;margin-right:6px}.debugger-history__item .history-method .history-status--success{background-color:#6fbb49}.debugger-history__item .history-method .history-status--warn{background-color:#f1aa3e}.debugger-history__item .history-method .history-status--error{background-color:#eb5f5f}.debugger-history__item .history-path{font-size:10px;word-break:break-all;white-space:pre-wrap}.debugger-history__item:hover{background:#3a3a3a}.debugger-history__item--selected{background:#424242!important}.debugger-history__header{padding:14px 18px;color:var(--primary);font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid #363636;display:flex;align-items:center}.debugger-history__header span{flex:1}.debugger-history__header i{transition:color .1s ease;justify-self:flex-end}.debugger-history__header i:hover{cursor:pointer;color:var(--regular-text)}.debugger-history__body{max-height:calc(100% - 48px)}.debugger-history__body .history-empty{margin-top:16px;font-size:12px;text-align:center;color:var(--primary);letter-spacing:.05em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.debugger-sender{flex:1;max-height:calc(100% - 332px)}.debugger-sender__header{display:flex;margin-bottom:12px}.debugger-sender__header .el-select{width:96px;margin-right:8px}.debugger-sender__header .el-input{margin-right:8px}.debugger-sender__header .el-button{width:52px;padding:0;font-size:15px}.debugger-sender__body{height:calc(100% - 44px);max-height:calc(100% - 44px);position:relative}.debugger-sender__body .sender-form{margin-bottom:12px;height:calc(50% - 12px);max-height:calc(50% - 12px);position:relative}.debugger-sender__body .sender-form__header{display:flex;align-items:center;font-size:13px;color:var(--primary);line-height:28px;margin-bottom:8px}.debugger-sender__body .sender-form__header span{flex:1}.debugger-sender__body .sender-form__header .el-button{justify-self:flex-end}.debugger-sender__body .sender-form__body{max-height:calc(100% - 36px)}.debugger-sender__body .sender-form__body .sender-row{display:flex;margin-bottom:8px}.debugger-sender__body .sender-form__body .sender-row__key{width:200px;margin-right:8px}.debugger-sender__body .sender-form__body .sender-row__value{flex:1;margin-right:8px}.debugger-sender__body .sender-form__body .sender-row__del{line-height:28px;color:var(--primary);font-size:12px;cursor:pointer}.debugger-sender__body .sender-form__body .sender-row__del:hover{color:var(--regular-text)}.debugger-sender__body .sender-form__body .sender-row:first-child .sender-row__value{margin-right:0}.debugger-sender__body .sender-form__body .sender-row:last-child{margin-bottom:0}.debugger-response__header{font-size:14px;color:var(--primary)}.debugger-response__header .response-status{font-size:10px;padding:2px 6px;color:#282828;margin-left:12px}.debugger-response__header .response-status--success{background-color:#6fbb49}.debugger-response__header .response-status--warn{background-color:#f1aa3e}.debugger-response__header .response-status--error{background-color:#eb5f5f}.debugger-response__body{height:300px;position:relative;display:flex}.debugger-response__body .response-headers{width:375px;border-right:1px solid #323232}.debugger-response__body .response-body{flex:1}.debugger-response__body .c-scroll::-webkit-scrollbar-corner,.debugger-response__body .c-scroll::-webkit-scrollbar-track{background-color:#232323}.debugger-response__body pre{height:100%;background:#232323;box-shadow:4px 4px 8px rgba(25,25,25,.125);padding:4px 6px;color:var(--primary);box-sizing:border-box;white-space:pre-wrap;word-break:break-all;word-wrap:break-word}.debugger-wrapper .debugger .debugger-history{float:left;width:280px;height:100%;background:#2e2e2e;box-shadow:2px 0 0 #252525;position:relative}.debugger-wrapper .debugger .debugger-history .n-scroll::-webkit-scrollbar-corner,.debugger-wrapper .debugger .debugger-history .n-scroll::-webkit-scrollbar-track{background-color:#2e2e2e}.debugger-wrapper .debugger .debugger-main{width:calc(100% - 280px);height:100%;max-height:100%;float:right;padding:16px;flex:1;box-sizing:border-box;display:flex;flex-direction:column}