@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);.dmk-player{font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.dmk-media-tag{height:40rem;max-width:10%}.player-title{text-align:center;font-size:1em;font-weight:700}.transport{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:15px}.dmk-video-fullscreen-btn,.play-button{margin:0;padding:0;width:35px;background:transparent;outline:0;border:none;text-align:left;font-size:1.5em;white-space:nowrap}.dmk-video-fullscreen-btn svg,.play-button svg{width:20px;height:20px}.dmk-video-fullscreen-btn{text-align:right}.current-time{white-space:nowrap;font-size:1em;margin-left:10px}.time-line{position:relative;width:100%;height:25px;margin-right:.25rem;border-bottom:1px solid #000}.progress{position:absolute;top:21px;left:0;height:4px;background:#000}.playlist{padding:0;margin:0;list-style:none;height:440px;overflow:auto}.playlist-item{display:flex;justify-content:space-between;padding:.25rem;border-bottom:1px solid #eee;border-left:2px solid transparent}.playlist-item.selected,.playlist-item.selected:hover{border-left:2px solid #000}.playlist-item:hover{background:#eee;border-color:#eee}.playlist::-webkit-scrollbar{width:12px}.playlist::-webkit-scrollbar-thumb{background-color:#000;border-left:5px solid #fff;border-right:5px solid #fff}