.gv-timing{--gt-light:#69bbae;--gt-dark:#142321}
.gt-hz-diagram{margin:28px 0}.gt-hz-row{display:grid;grid-template-columns:82px minmax(0,1fr) 154px;align-items:center;gap:20px;margin:16px 0;font-size:15px}.gt-hz-row>span{font-size:13px;color:var(--mg-ui-muted);text-align:right;font-variant-numeric:tabular-nums}
.gt-time-axis{display:flex;justify-content:space-between;margin:0 174px 8px 102px;font-size:12px;color:var(--mg-ui-muted)}
.gt-frames{display:flex;height:58px;overflow:hidden;background:var(--mg-ui-soft)}.gt-frames>span{flex:none;background:#69bbae;color:#12272c;display:grid;place-items:center;border-right:2px solid var(--mg-ui-bg);font-size:14px}.gt-frames>span:nth-child(even){background:#94cfc4}
.gv .gt-explanation{padding-left:18px;border-left:2px solid var(--gt-light);margin:24px 0 0;font-size:16px}
.gt-fixed-hz{font-size:14px;color:var(--mg-ui-muted)}.gt-pulse-control{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:28px 0}.gt-pulse-control .gv-range{width:280px}
.gt-key{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:var(--mg-ui-muted)}.gt-key span{display:flex;align-items:center;gap:8px}.gt-key i{width:14px;height:14px;background:var(--gt-light)}.gt-key i.gt-key-off{background:var(--gt-dark);border:1px solid #667e77}
.gt-strobe-diagram{--gt-label:170px;--gt-value:78px;--gt-gap:22px;margin:26px 0 38px}.gt-strobe-row{display:grid;grid-template-columns:var(--gt-label) minmax(0,1fr) var(--gt-value);gap:var(--gt-gap);align-items:center;margin:19px 0}.gt-row-name strong{font-size:16px}.gt-row-name span{display:block;font-size:12px;color:var(--mg-ui-muted);margin-top:3px}.gt-row-value{text-align:right;font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}.gt-row-value small{font-size:13px;font-weight:400}
.gt-cycles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:58px;background:var(--gt-dark);overflow:hidden}.gt-cycles>i{position:relative;border-right:2px solid var(--mg-ui-bg)}.gt-cycles>i:last-child{border:0}.gt-continuous>i{background:var(--gt-light)}.gt-continuous>i:nth-child(even){background:#94cfc4}.gt-pulsed b{display:block;position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:var(--gt-pulse);background:var(--gt-light)}
.gt-cycle-labels,.gt-cycle-axis{margin-left:calc(var(--gt-label) + var(--gt-gap));margin-right:calc(var(--gt-value) + var(--gt-gap));color:var(--mg-ui-muted);font-size:12px}.gt-cycle-labels{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.gt-cycle-axis{display:flex;justify-content:space-between;position:relative}.gt-cycle-axis span:nth-child(2){position:absolute;left:33.333%;transform:translateX(-50%)}.gt-cycle-axis span:nth-child(3){position:absolute;left:66.667%;transform:translateX(-50%)}
.gt-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 18px}.gv-timing .gt-preview-heading h4{font-size:17px;line-height:1.4;margin:0}.gt-preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gt-pursuit-scene{background:var(--mg-ui-soft);overflow:hidden}.gt-pursuit-scene svg{display:block;width:100%}.gt-scene-guide{fill:none;stroke:var(--mg-ui-line)}.gt-preview-pair figcaption{display:block;font-size:14px}.gt-preview-pair figcaption span{display:block;font-size:12px;margin-top:3px}.gt-pursuit-object{animation:gt-pursuit 5s linear infinite;animation-play-state:paused}.gv-animate .gt-pursuit-object{animation-play-state:running}
@keyframes gt-pursuit{from{transform:translateX(-145px)}to{transform:translateX(145px)}}
@media(max-width:760px){.gt-hz-row{grid-template-columns:64px minmax(0,1fr);gap:12px}.gt-hz-row>span{grid-column:2;text-align:left;margin-top:-8px}.gt-time-axis{margin-inline:76px 0}.gt-pulse-control{align-items:start}.gt-key{gap:10px}.gt-strobe-diagram{--gt-label:135px;--gt-value:65px;--gt-gap:12px}.gt-row-name strong{font-size:14px}.gt-row-name span{font-size:11px}.gt-row-value{font-size:20px}.gt-preview-pair{gap:16px}.gt-preview-heading{align-items:start}}
@media(max-width:500px){.gt-pulse-control{display:block}.gt-pulse-control .gv-range{width:100%}.gt-key{margin-top:18px;gap:24px}.gt-strobe-diagram{--gt-label:0px;--gt-value:0px;--gt-gap:0px}.gt-cycle-labels{margin-top:24px}.gt-strobe-row{grid-template-columns:minmax(0,1fr) 75px;gap:10px}.gt-row-name{grid-column:1}.gt-row-name span{font-size:12px}.gt-row-value{grid-column:2;grid-row:1}.gt-cycles{grid-row:2;grid-column:1/-1;height:45px}.gt-preview-pair{grid-template-columns:1fr;gap:20px}.gt-preview-heading{display:block}.gt-preview-heading button{margin-top:8px}.gt-fixed-hz{font-size:13px}.gt-frames{height:48px}.gt-preview-pair figcaption{display:flex;justify-content:space-between;gap:12px}.gt-preview-pair figcaption span{max-width:170px;margin:0}.gv .gt-explanation{font-size:15px}}
@media(prefers-reduced-motion:reduce){.gt-pursuit-object{animation:none}}
