.sdtl{--sdtl-n2: #3f556a;--sdtl-n0: #a85c4a;--sdtl-n1: #4a7a5c;--sdtl-client: #6b5b8f;--sdtl-wait: #b08c4a;--sdtl-outage: #c0392b;--sdtl-cpu: #cf4a45;--sdtl-timer: #d9a521;--sdtl-rtt: #2c9c9c;--sdtl-park: #7d8894;--sdtl-arrow: var(--sl-color-gray-3);--sdtl-net: #2f6fb0;font-size:.875rem;margin:1.5rem 0}:root[data-theme=dark] .sdtl{--sdtl-n2: #5b7897;--sdtl-n0: #c47a68;--sdtl-n1: #63a37b;--sdtl-client: #9182b8;--sdtl-outage: #e06a5c;--sdtl-net: #6aa6e0}.sdtl-presets{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:.75rem}.sdtl-plabel,.sdtl-zlabel{color:var(--sl-color-gray-3);font-size:.8rem}.sdtl-btn{background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);color:var(--sl-color-text);border-radius:6px;padding:.35rem .8rem;cursor:pointer;font:inherit;font-size:.8rem;line-height:1.3}.sdtl-btn small{opacity:.7}.sdtl-btn:hover{border-color:var(--sl-color-accent)}.sdtl-btn.sdtl-active{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:var(--sl-color-black);font-weight:600}.sdtl-zoom{width:130px;accent-color:var(--sl-color-accent)}.sdtl-zoomv,.sdtl-arrowtoggle{color:var(--sl-color-gray-3);font-size:.75rem}.sdtl-totalbadge{margin-left:auto;font-size:.8rem;color:var(--sl-color-gray-3)}.sdtl-totalbadge b{color:var(--sl-color-text);font-size:1rem}.sdtl-modeled{color:var(--sdtl-timer);font-size:.75rem}.sdtl-shell{display:flex;overflow:hidden;border:1px solid var(--sl-color-gray-5);border-radius:10px;background:var(--sl-color-gray-7)}.sdtl-labels{flex:0 0 clamp(96px,22vw,150px);z-index:4;padding-top:34px;border-inline-end:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7)}.sdtl-labels .sdtl-lh{height:54px;display:flex;align-items:center;justify-content:flex-end;padding:0 .7rem;color:var(--sl-color-gray-3);font-size:.72rem;text-align:right}.sdtl-labels .sdtl-axl{height:34px}.sdtl-scroll{flex:1;overflow-x:auto;overflow-y:hidden}.sdtl-track{position:relative;padding-top:34px}.sdtl-lane{position:relative;height:54px}.sdtl-bar{position:absolute;top:9px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.68rem;color:#fff;font-weight:600;overflow:hidden;white-space:nowrap;border:1px solid rgb(0 0 0 / .25);cursor:pointer;transition:filter .1s,transform .1s;font-family:var(--sl-font-mono)}.sdtl-bar:hover{filter:brightness(1.15);transform:translateY(-1px);z-index:8}.sdtl-bar small{font-weight:400;opacity:.85;margin-inline-start:4px}.sdtl-bar.sdtl-tiny{font-size:0}.sdtl-b-n2{background:var(--sdtl-n2)}.sdtl-b-n0{background:var(--sdtl-n0)}.sdtl-b-n1{background:var(--sdtl-n1)}.sdtl-b-client{background:var(--sdtl-client)}.sdtl-b-wait{background:var(--sdtl-wait)}.sdtl-bar.sdtl-reactbar{background:repeating-linear-gradient(45deg,var(--sl-color-gray-6),var(--sl-color-gray-6) 5px,var(--sl-color-gray-5) 5px,var(--sl-color-gray-5) 10px);color:var(--sl-color-gray-2)}.sdtl-bar.sdtl-hassub{box-shadow:inset 0 0 0 1px #ffffff4d;padding:0}.sdtl-bar.sdtl-hassub .sdtl-barname{position:absolute;top:1px;inset-inline:0;text-align:center;font-size:.56rem;font-weight:700;color:#ffffffeb;pointer-events:none;z-index:2;text-transform:uppercase;letter-spacing:.3px}.sdtl-subseg{position:absolute;bottom:0;top:12px;display:flex;align-items:center;justify-content:center;background:#ffffff24;pointer-events:auto}.sdtl-subseg.sdtl-alt{background:#00000029}.sdtl-subseg.sdtl-subdiv{border-inline-start:1px solid rgb(255 255 255 / .55)}.sdtl-subseg:hover{filter:brightness(1.2)}.sdtl-subseg .sdtl-sublbl{font-size:.62rem;font-weight:600;color:#11151a;white-space:nowrap;overflow:hidden}.sdtl-c-cpu{background:var(--sdtl-cpu)}.sdtl-c-cpu .sdtl-sublbl{color:#fff}.sdtl-c-timer{background:var(--sdtl-timer)}.sdtl-c-rtt{background:var(--sdtl-rtt)}.sdtl-c-ow{background:repeating-linear-gradient(90deg,var(--sdtl-rtt),var(--sdtl-rtt) 4px,#165c5c 4px,#165c5c 8px)}.sdtl-c-park{background:var(--sdtl-park)}.sdtl-subseg.sdtl-knobbed{box-shadow:inset 0 0 0 2px var(--sdtl-timer)}.sdtl-subseg .sdtl-knobmark{position:absolute;top:0;inset-inline-end:1px;font-size:.56rem;color:var(--sdtl-timer);font-weight:700}.sdtl-bar.sdtl-hl{outline:2px dashed var(--sdtl-timer);outline-offset:1px;z-index:6}.sdtl-bar.sdtl-hlself{outline:3px solid var(--sl-color-text);outline-offset:1px;z-index:7}.sdtl-outageband{position:absolute;top:7px;height:40px;border-radius:4px;background:color-mix(in srgb,transparent 88%,var(--sdtl-outage));border:1px dashed var(--sdtl-outage)}.sdtl-axis{position:relative;height:34px;border-top:1px solid var(--sl-color-gray-4)}.sdtl-tick{position:absolute;top:0;height:100%;border-inline-start:1px dashed var(--sl-color-gray-5)}.sdtl-tick span{position:absolute;top:4px;inset-inline-start:3px;color:var(--sl-color-gray-3);font-size:.68rem}.sdtl-marker{position:absolute;top:34px;width:0;border-inline-start:2px solid var(--sdtl-outage);z-index:5}.sdtl-marker span{position:absolute;inset-inline-start:4px;color:var(--sdtl-outage);font-size:.68rem;white-space:nowrap;font-weight:600;background:var(--sl-color-gray-7);padding:0 3px;border-radius:3px}.sdtl-marker.sdtl-blue{border-inline-start-color:var(--sdtl-net)}.sdtl-marker.sdtl-blue span{color:var(--sdtl-net)}.sdtl-arrows{position:absolute;top:34px;inset-inline-start:0;pointer-events:none;overflow:visible;z-index:20}.sdtl-arrows text{fill:var(--sl-color-text);font-size:10px;font-family:var(--sl-font-mono)}.sdtl-arrows .sdtl-knobtag{fill:var(--sdtl-timer)}.sdtl-arrows .sdtl-lblbg{fill:var(--sl-color-gray-7);stroke:var(--sl-color-gray-4)}.sdtl-legend{display:flex;gap:.9rem;flex-wrap:wrap;margin:.85rem 0 .25rem;font-size:.75rem;color:var(--sl-color-gray-3);align-items:center}.sdtl-legend2{margin-top:.15rem}.sdtl-legtitle{color:var(--sl-color-text)}.sdtl-legend b{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-inline-end:5px}.sdtl-sw-n2{background:var(--sdtl-n2)}.sdtl-sw-n0{background:var(--sdtl-n0)}.sdtl-sw-n1{background:var(--sdtl-n1)}.sdtl-sw-client{background:var(--sdtl-client)}.sdtl-sw-wait{background:var(--sdtl-wait)}.sdtl-sw-outage{background:color-mix(in srgb,transparent 60%,var(--sdtl-outage));border:1px dashed var(--sdtl-outage)}.sdtl-sw-cpu{background:var(--sdtl-cpu)}.sdtl-sw-timer{background:var(--sdtl-timer)}.sdtl-sw-rtt{background:var(--sdtl-rtt)}.sdtl-sw-ow{background:repeating-linear-gradient(90deg,var(--sdtl-rtt),var(--sdtl-rtt) 3px,#165c5c 3px,#165c5c 6px)}.sdtl-sw-park{background:var(--sdtl-park)}.sdtl-sw-knob{box-shadow:inset 0 0 0 2px var(--sdtl-timer);background:transparent}.sdtl-hint{color:var(--sl-color-gray-3);font-style:italic}.sdtl-cols{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.sdtl-detail,.sdtl-knobs{flex:1 1 340px;background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);border-radius:8px;padding:.85rem 1rem}.sdtl-detail{min-height:120px;font-size:.8rem}.sdtl-detail h4{margin:0 0 .35rem;font-size:.9rem}.sdtl-detail .sdtl-meta{color:var(--sl-color-gray-2);font-size:.78rem;margin-bottom:.5rem}.sdtl-detail ul{margin:.35rem 0 0 1.1rem;padding:0}.sdtl-detail li{margin:.15rem 0}.sdtl-detail table{margin-top:.25rem;font-size:.72rem;width:100%}.sdtl-detail th{text-align:start;color:var(--sl-color-gray-3);font-weight:600}.sdtl-detail td{vertical-align:top;padding:.15rem .4rem .15rem 0}.sdtl-detail .sdtl-tipcell{color:var(--sl-color-gray-2)}.sdtl-detail .sdtl-lever{color:var(--sl-color-text-accent)}.sdtl-detail .sdtl-subhead{margin-top:.5rem;color:var(--sl-color-text-accent)}.sdtl-detail .sdtl-group{margin-top:.5rem;color:var(--sdtl-timer)}.sdtl-knobs h3{margin:0 0 .6rem;font-size:.9rem}.sdtl-knob{display:grid;grid-template-columns:1fr auto;gap:.35rem .6rem;align-items:center;padding:.45rem 0;border-top:1px solid var(--sl-color-gray-6)}.sdtl-knob:first-child{border-top:none}.sdtl-kname{font-size:.76rem}.sdtl-knob select{background:var(--sl-color-bg);color:var(--sl-color-text);border:1px solid var(--sl-color-gray-5);border-radius:5px;padding:.15rem .35rem;font:inherit;font-size:.75rem}.sdtl-knob select:hover{border-color:var(--sl-color-accent)}.sdtl-keffect{grid-column:1 / 3;color:var(--sl-color-gray-3);font-size:.72rem}.sdtl-note{color:var(--sl-color-gray-2);font-size:.78rem;margin-top:1rem}.sdtl-note p{margin:.5rem 0}.sdtl-note b{color:var(--sl-color-text)}.sdtl code,.sdtl-note code{background:var(--sl-color-bg-inline-code);padding:1px 5px;border-radius:3px;font-size:.92em;font-family:var(--sl-font-mono)}
