.type-file .note-detail{height:100%}.note-detail-file{height:100%;padding:10px}.note-split.full-content-width .note-detail-file{padding:0}.note-detail.full-height .note-detail-file[data-preview-type=pdf],.note-detail.full-height .note-detail-file[data-preview-type=video]{overflow:hidden}.file-preview-content{background-color:var(--accented-background-color);height:100%;margin:10px;padding:15px;overflow:auto}.note-detail-file>.pdf-preview{flex-grow:100;width:100%;height:100%}.note-detail-file>.audio-preview{width:calc(100% - 30px);position:absolute;top:50%;left:15px;right:15px;transform:translateY(-50%)}.media-preview-controls{flex-direction:column;gap:.5em;padding:1.25em;display:flex}.media-preview-controls .media-buttons-row{display:flex}.media-preview-controls .media-buttons-row>*{flex:1;align-items:center;gap:.5em;display:flex}.media-preview-controls .media-buttons-row .spacer{width:var(--icon-button-size,32px);height:var(--icon-button-size,32px)}.media-preview-controls .media-buttons-row .center{justify-content:center}.media-preview-controls .media-buttons-row .right{justify-content:flex-end;display:flex}.media-preview-controls .media-buttons-row .play-button{--icon-button-size:48px}.media-preview-controls .media-seekbar-row{align-items:center;gap:.5em;display:flex}.media-preview-controls .media-seekbar-row .media-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.85em}.media-preview-controls .media-seekbar-row .media-trackbar{cursor:pointer;flex:1}.media-preview-controls .media-volume-row{align-items:center;gap:.25em;display:flex}.media-preview-controls .media-volume-row .media-volume-slider{cursor:pointer;width:80px}.media-preview-controls .speed-dropdown{position:relative}.media-preview-controls .speed-dropdown .tn-icon{transform:translateY(-10%)}.media-preview-controls .speed-dropdown .media-speed-label{text-align:center;font-variant-numeric:tabular-nums;font-size:.6rem;position:absolute;bottom:0;left:0;right:0;transform:translateY(15%)}.audio-preview-wrapper{flex-direction:column;width:100%;height:100%;display:flex}.audio-preview-wrapper .audio-preview-icon-wrapper{opacity:.6;flex-grow:1;justify-content:center;align-items:center;font-size:8em;display:flex}.note-detail-file>.video-preview-wrapper{background-color:#000;width:100%;height:100%;position:relative}.note-detail-file>.video-preview-wrapper .video-preview{background-color:#000;width:100%;height:100%}.note-detail-file>.video-preview-wrapper.controls-hidden{cursor:pointer}.note-detail-file>.video-preview-wrapper.controls-hidden .media-preview-controls{opacity:0;pointer-events:none}.note-detail-file>.video-preview-wrapper .media-preview-controls{--icon-button-hover-color:white;--icon-button-hover-background:#fff3;opacity:1;backdrop-filter:blur(6px);color:#fff;background:#00000080;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}
