.tfix{cursor:default}


.saved{pointer-events:none}
.saved.on{opacity:1}







  .poster{position:absolute; inset:0; width:100%; height:100%;
          object-fit:cover; pointer-events:none}
 
  .transport{display:flex; align-items:center; gap:var(--s3);
             margin-top:var(--s2)}




  .play{width:46px; height:46px; flex:none; border:0; border-radius:2px;
        background:var(--p050); color:var(--p900); font-size:16px;
        cursor:pointer; display:grid; place-items:center}
.play:hover{background:var(--p200)}
.time{font:400 13px/1 var(--mono); color:var(--p200); white-space:nowrap}
.rename:hover{color:var(--p050); border-color:var(--p400)}
.seg{display:flex; border:1px solid var(--p600); border-radius:2px;
       overflow:hidden; flex:none}
.seg button{border:0; background:none; color:var(--p200);
              padding:9px 15px; font:400 13px/1 var(--mono); cursor:pointer}
.seg button+button{border-left:1px solid var(--p600)}
.seg button[aria-pressed="true"]{background:var(--p700); color:var(--p050)}