.tp{background:var(--panel);border:1px solid #23272c;border-top:2px solid var(--cyan-deep);font-family:var(--f-panel);border-radius:6px;padding:14px 12px 10px;position:relative;box-shadow:0 40px 90px -30px #000000e6,0 0 0 1px #00000080,0 0 70px -12px #28c8e847}.tp-head{font:700 15px/1 var(--f-panel);letter-spacing:.01em;justify-content:space-between;align-items:center;padding:4px 10px 12px;display:flex}.tp-x{background:var(--btn);width:26px;height:26px;font:700 12px/1 var(--f-panel);border-radius:3px;place-items:center;display:grid}.tp-row{border-radius:3px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex;position:relative}.tp-row:before{content:"";background:var(--cyan);border-radius:2px;width:3px;position:absolute;top:7px;bottom:7px;left:0;transform:scaleY(0)}.tp-row.hi{background:linear-gradient(90deg,var(--row-hi),#122c3626)}.tp-row.hi:before{transform:scaleY(1)}.tp-name{font:700 13.5px/1.2 var(--f-panel)}.tp kbd{min-width:0;height:auto;font:700 10px/1 var(--f-panel);letter-spacing:0;background:#202327;border:1px solid #464a50;border-radius:2px;margin-top:5px;padding:4px 6px;display:inline-block}.seg{background:var(--btn);width:80px;height:27px;font:600 12px/27px var(--f-panel);border-radius:3px;flex:none;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.seg span{z-index:1;text-align:center;position:relative}.seg i{background:var(--btn-off);border-radius:2px;width:calc(50% - 2px);position:absolute;top:2px;bottom:2px;left:2px}