.home-table{color:#92a0c4;background-color:#111520;width:100%;height:100%;position:relative;overflow:hidden}.home-table .filter-controls-wrap{height:fit-content;overflow:hidden}.home-table .table-nav-buttons{z-index:200;flex-direction:column;display:flex;position:absolute;bottom:2rem;right:1.5rem}.home-table .table-nav-buttons p{margin:0;position:relative}.home-table .table-nav-buttons .view-selected-flow-btn,.home-table .table-nav-buttons .scroll-down-btn{background-color:#111520;border-radius:4px;width:32px;height:32px;transition:transform .2s ease-in-out;position:relative;box-shadow:0 1px 2px #00000040}.home-table .table-nav-buttons .view-selected-flow-btn:hover,.home-table .table-nav-buttons .scroll-down-btn:hover{cursor:pointer;border:1px solid #2e395ea1;transform:scale(1.5)}.home-table .table-nav-buttons .view-selected-flow-btn:before{content:"";border:1.5px solid #29314d;border-radius:9999px;position:absolute;inset:.5rem}.home-table .table-nav-buttons .view-selected-flow-btn:after{content:"";background-color:#92a0c4;border-radius:9999px;position:absolute;inset:.75rem}.home-table .table-nav-buttons .scroll-down-btn:before{content:"";border:0 solid #92a0c4;border-width:0 0 2px 2px;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.home-table .virtual-table-wrap{height:100%}.home-table .virtual-table-wrap.half{height:calc(100% - 200px)}.home-table .virtual-table-wrap .virtual-table{box-sizing:border-box;outline:none;width:100%;height:100%;padding-left:.25rem;font-size:.75rem;overflow-y:auto}.home-table .table-header{z-index:200;font-variant:small-caps;pointer-events:none;background:#111520;border-bottom:1px solid #1e243a;position:sticky;top:0}.home-table .table-row{cursor:pointer;box-sizing:border-box;align-items:center;font-size:.75rem;transition:background-color .12s ease-out;display:grid}.home-table .table-row:hover{background-color:#4c7ee946}.home-table .table-row.dim{filter:brightness(60%)}.home-table .table-row.small{font-size:xx-small}.home-table .table-row.selected{filter:brightness(135%);background:#2e395ea1}.home-table .table-row.intercepted .cell.index{border-right:4px solid #93c763}.home-table .table-row.replayed .cell.index{border-right:4px solid #4c7ee9}.home-table .table-row .cell{text-overflow:ellipsis;white-space:nowrap;color:inherit;padding:1px .25rem;overflow:hidden}.home-table .table-row .cell.index{text-align:right;color:#7484ad;padding-right:.5rem}.home-table .table-row .cell.method{padding-left:.5rem;font-weight:500}.home-table .table-row .cell.method.GET{color:#027a02}.home-table .table-row .cell.method.POST{color:#87ac51}.home-table .table-row .cell.method.PUT{color:#0e8088}.home-table .table-row .cell.method.PATCH{color:#2d8579}.home-table .table-row .cell.method.DELETE{color:#8d1827}.home-table .table-row .cell.method.OPTIONS{color:gray}.home-table .table-row .cell.status{font-weight:600}.home-table .table-row .cell.status.x2x{color:green}.home-table .table-row .cell.status.x3x{color:#9ea017}.home-table .table-row .cell.status.x4x{color:orange}.home-table .table-row .cell.status.x5x{color:red}.home-table .table-row .cell.modified.yes-modified{color:#ffe2a8}.home-table .table-row.placeholder{pointer-events:none;background:0 0}.home-table:hover ::-webkit-scrollbar-thumb{background-color:#2e395ea1;border-radius:9999px;display:block}@media (min-width:768px){.table-row{grid-template-columns:60px 60px 20% 1fr 40px 20px 80px}}@media (max-width:768px){.table-row{border-bottom:1px solid #8080806b;grid-template-rows:auto auto;grid-template-columns:60px 60px 1fr 40px 20px 80px}.table-row .cell.index{grid-area:1/1/span 2}.table-row .cell.method{grid-area:1/2/span 2}.table-row .cell.host{opacity:.85;grid-area:1/3;font-size:10px}.table-row .cell.path{grid-area:2/3;font-size:smaller}.table-row .cell.status{grid-area:1/4/span 2}.table-row .cell.modified{grid-area:1/5/span 2}.table-row .cell.user{grid-area:1/6/span 2}}