.af-session-playback[data-v-71fac89e]{position:relative;height:100%}.af-header-filter[data-v-71fac89e]{top:0;left:0;width:100%;min-height:56px}.af-session-access-module[data-v-71fac89e]{margin-top:16px;margin-right:12px;padding:42px 20px 0 0;width:100%;height:176px;transition:all .3s}.af-session-access-module.fold[data-v-71fac89e]{height:0;padding:0 20px 0 0;margin-top:0;border:none}.af-session-access-module[data-v-71fac89e]:last-child{margin-right:0!important}.af-session-access-module .chart-container[data-v-71fac89e]{height:134px}.af-session-access-module[data-v-71fac89e] .af-module-header{height:22px}.af-playback-main[data-v-71fac89e]{width:100%;height:calc(100% - 268px);margin-top:16px;transition:padding-left .3s;display:flex;align-items:stretch}.af-playback-main.expand-height[data-v-71fac89e]{margin-top:16px;height:calc(100% - 72px)}.af-playback-main.af-no-aside .af-aside-filter[data-v-71fac89e]{width:0;border-radius:4px;overflow:hidden;margin-right:0}.af-playback-main.af-no-aside .af-session-table-wrap[data-v-71fac89e]{width:100%}.af-aside-filter[data-v-71fac89e]{width:315px;height:100%;margin-right:16px;transition:width .3s}.af-session-table-wrap[data-v-71fac89e]{padding:62px 0 0;width:calc(100% - 330px);height:100%;transition:width .3s}.af-session-table-wrap[data-v-71fac89e] .af-module-header{height:22px}.af-session-table-wrap[data-v-71fac89e] .af-module-section{border-top:1px solid;border-top-color:#d9dbe0;overflow:hidden}[data-theme=dark] * .af-session-table-wrap[data-v-71fac89e] .af-module-section{border-top-color:#3f3f46}.af-session-table-wrap[data-v-71fac89e] .ant-table-fixed-right{box-shadow:none}.af-session-table-wrap .af-icon-expend[data-v-71fac89e]{position:absolute;top:0;left:-12px;width:24px;height:24px;color:#fff;font-size:16px;text-align:center;line-height:24px;background-color:#a9aaae;border-radius:12px;cursor:pointer}.af-session-table-wrap .af-icon-expend.af-close[data-v-71fac89e]{transform:rotateY(180deg)}.af-session-table-wrap .af-col-time[data-v-71fac89e]{display:inline-block;vertical-align:middle;width:150px}.af-session-table-wrap .af-col-playback-btn[data-v-71fac89e]{display:inline-block;vertical-align:middle;font-size:20px;color:#147bd1}.af-table-filter[data-v-71fac89e]{position:absolute;top:0;right:20px;width:374px;white-space:nowrap}.af-table-filter .af-search-input[data-v-71fac89e]{display:inline-block;vertical-align:middle;width:240px}.af-table-filter .af-export-btn[data-v-71fac89e]{display:inline-block;vertical-align:middle;margin-left:12px;padding-left:34px;width:78px;height:32px;color:#48494b;font-size:14px;line-height:30px;border-radius:4px;border:1px solid;border-color:#d9dbe0;cursor:pointer}[data-theme=dark] * .af-table-filter .af-export-btn[data-v-71fac89e]{color:#ccc;border-color:#3f3f46}.af-table-filter .af-export-btn .anticon[data-v-71fac89e]{margin-left:-20px}.af-table-filter .af-export-btn>span[data-v-71fac89e]{margin-left:10px}.af-table-filter .af-export-btn[data-v-71fac89e]:hover{color:#2d96eb;border-color:#2d96eb}.af-table-filter .af-column-setting[data-v-71fac89e]{position:absolute;right:-16px;top:52px;background-color:#fff;z-index:2}[data-theme=dark] * .af-table-filter .af-column-setting[data-v-71fac89e]{background-color:#26272b}.af-has-filter[data-v-71fac89e]{display:inline-block;position:relative;max-width:100%;padding-right:20px}.af-has-filter.with-usename .af-filter-label[data-v-71fac89e]:hover{color:#147bd1}.af-has-filter .af-filter-label[data-v-71fac89e]{max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.af-has-filter .af-icon-filter[data-v-71fac89e]{position:absolute;right:0;top:10px;margin-left:2px;width:20px;height:20px;display:none;background:url(../img/filter.6dcdf16d.svg) no-repeat 50%}.af-has-filter .af-icon-filter[data-v-71fac89e]:hover{color:#2d96eb}.af-has-filter:hover .af-icon-filter[data-v-71fac89e]{display:inline-block}.af-experience-span[data-v-71fac89e]{padding-left:28px;background-position:0;background-repeat:no-repeat}.af-browser-span[data-v-71fac89e]{display:flex;align-items:center}.af-browser-span .browser-icon[data-v-71fac89e]{width:20px;height:20px;margin-right:4px}.af-chart-box[data-v-71fac89e]{display:flex}.error-sign[data-v-71fac89e],.success-sign[data-v-71fac89e]{position:relative;width:100%;font-size:14px;line-height:14px;display:inline-block;vertical-align:middle;height:20px}.error-sign[data-v-71fac89e]:before,.success-sign[data-v-71fac89e]:before{content:"";position:absolute;width:4px;height:100%;top:0;left:50%;background-color:#e53e3e;border-radius:10px}.success-sign[data-v-71fac89e]:before{background-color:#6dc41f}.error-code[data-v-71fac89e],.success-code[data-v-71fac89e]{display:inline-block;background-color:#87d068;color:#fff;line-height:14px;padding:4px;border-radius:4px}.error-code[data-v-71fac89e]{background-color:#e53e3e}.af-filter-icon[data-v-71fac89e]{max-width:100%;position:relative;padding-right:20px;display:inline-block}.af-filter-icon .af-filter-label[data-v-71fac89e]{max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.af-filter-icon .af-table-icon[data-v-71fac89e]{display:none}.af-filter-icon .af-table-icon .li-icon[data-v-71fac89e]{position:absolute;right:0;top:10px;margin-left:2px;width:20px;height:20px;display:inline-block;background:url(../img/filter.6dcdf16d.svg)}.af-filter-icon .af-table-icon .li-icon[data-v-71fac89e]:hover{color:#2d96eb}.af-filter-icon:hover .af-table-icon[data-v-71fac89e]{display:inline-block}.search-block[data-v-71fac89e]{border-radius:4px;border:1px solid #d9dbe0;background-color:#fff;padding:15px 20px}.search-block .conditions[data-v-71fac89e]{display:grid;grid-template-columns:repeat(4,calc(25% - 9px));gap:12px}.search-block .conditions.fold[data-v-71fac89e]{height:68px;overflow-y:hidden}.search-block .conditions .condition-item[data-v-71fac89e]{width:100%}.search-block .conditions .condition-item .condition-input[data-v-71fac89e]{margin-top:8px}.search-block .actions[data-v-71fac89e]{margin-top:12px;padding-top:12px;border-top:1px solid #d9dbe0;display:flex;justify-content:space-between;align-items:center}.search-block .actions .toggle-conditions[data-v-71fac89e]{display:flex;align-items:center;cursor:pointer}.search-block .actions .toggle-conditions.icon-rotate .toggle-icon[data-v-71fac89e]{transform:rotate(180deg)}.search-block .actions .btns[data-v-71fac89e]{display:flex;gap:12px}.status-tag[data-v-71fac89e]{padding:2px 8px;border-radius:4px;font-size:12px;background-color:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.status-tag.fail[data-v-71fac89e]{color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca}.af-gateway-table-wrap[data-v-71fac89e]{padding:62px 0 0;width:100%;height:100%;transition:width .3s}.af-gateway-table-wrap[data-v-71fac89e] .af-module-header{height:22px}.af-gateway-table-wrap[data-v-71fac89e] .af-module-section{border-top:1px solid;border-top-color:#d9dbe0;overflow:hidden}[data-theme=dark] * .af-gateway-table-wrap[data-v-71fac89e] .af-module-section{border-top-color:#3f3f46}.af-gateway-table-wrap[data-v-71fac89e] .ant-table-fixed-right{box-shadow:none}.af-gateway-table-wrap .af-icon-expend[data-v-71fac89e]{position:absolute;top:0;left:-12px;width:24px;height:24px;color:#fff;font-size:16px;text-align:center;line-height:24px;background-color:#a9aaae;border-radius:12px;cursor:pointer}.af-gateway-table-wrap .af-icon-expend.af-close[data-v-71fac89e]{transform:rotateY(180deg)}.af-gateway-table-wrap .af-col-time[data-v-71fac89e]{display:inline-block;vertical-align:middle;width:150px}.af-gateway-table-wrap .af-col-playback-btn[data-v-71fac89e]{display:inline-block;vertical-align:middle;font-size:20px;color:#147bd1}.trace-detial-drawer-title{display:flex;align-items:center}.trace-detial-drawer-title .back-icon{font-size:20px;margin-right:12px}.trace-detial-drawer-title .title{font-size:14px;color:#181819}[data-theme=dark] * .trace-detial-drawer-title .title{color:#e1e1e1}.trace-detail-drawer .ant-drawer-body{height:calc(100% - 60px)}