.type-file .note-detail {
    height: 100%;
}

.note-detail-file {
    padding: 10px;
    height: 100%;
}

.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);
    padding: 15px;
    height: 100%;
    overflow: auto;
    margin: 10px;
}

.note-detail-file > .pdf-preview,
.note-detail-file > .video-preview {
    width: 100%;
    height: 100%;
    flex-grow: 100;
}

.note-detail-file > .audio-preview {
    position: absolute;
    top: 50%;
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);
    transform: translateY(-50%);
}