a { color: #1d70b8; cursor: pointer; text-decoration: underline; }

a:link { color: #1d70b8; }

a:visited { color: #4c2c92; }

a:hover { color: #003078; }

a:active { color: #0b0c0c; }

a:focus { color: #0b0c0c; }

.breadcrumb { background-color: #f4f4f4; }

.btn-group-xs > .btn, .btn-xs { padding: .25rem .4rem; font-size: .875rem; line-height: .5; border-radius: .2rem; }

.playlist { margin: 2em 0; }

.playlist .playlist-time-scale { height: 30px; }

.playlist .playlist-tracks { background: #e0eff1; }

.playlist .channel { background: grey; }

.playlist .channel-progress { background: orange; }

.playlist .cursor { background: black; }

.playlist .wp-fade { background-color: rgba(0, 0, 0, 0.1); }

.playlist .state-cursor, .playlist .state-select { cursor: text; }

.playlist .state-fadein { cursor: w-resize; }

.playlist .state-fadeout { cursor: e-resize; }

.playlist .state-shift { cursor: ew-resize; }

.playlist .selection.point { background: red; }

.playlist .selection.segment { background: rgba(0, 0, 0, 0.1); }

.playlist .channel-wrapper.silent .channel { opacity: 0.3; }

.playlist .controls { background: white; text-align: center; border: 1px solid black; border-radius: 0.2rem; }

.playlist .controls .track-header { overflow: hidden; color: black; height: 26px; display: flex; align-items: center; justify-content: space-between; padding: 0 0.2rem; font-size: 0.65rem; }

.playlist .controls .track-header button { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }

.playlist .controls label { width: 100%; display: flex; justify-content: space-between; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); padding: 0 1rem; margin-bottom: 0.2rem; }

.playlist .controls label:before { color: black; font-size: 18px; padding-right: 5px; -moz-osx-font-smoothing: grayscale; }

.playlist .controls label:after { color: black; font-size: 18px; padding-left: 5px; }

.playlist .controls label.volume:before { content: "\f027"; }

.playlist .controls label.volume:after { content: "\f028"; }

.playlist .controls label.stereopan:before { content: "L"; }

.playlist .controls label.stereopan:after { content: "R"; }

.playlist .controls input[type="range"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 75%; }

.playlist .controls input[type="range"]::-webkit-slider-runnable-track { height: 5px; background: #ddd; border: none; border-radius: 3px; }

.playlist .controls input[type="range"]::-moz-range-track { height: 5px; background: #ddd; border: none; border-radius: 3px; }

.playlist .controls input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; height: 12px; width: 12px; border-radius: 50%; background: goldenrod; margin-top: -5px; cursor: ew-resize; }

.playlist .controls input[type="range"]::-moz-range-thumb { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; height: 12px; width: 12px; border-radius: 50%; background: goldenrod; margin-top: -5px; cursor: ew-resize; }

.playlist .controls input[type="range"]:focus { outline: none; }

.playlist .controls input[type="range"]:focus::-webkit-slider-runnable-track { background: #bbb; }

.playlist .controls input[type="range"]:focus::-moz-range-track { background: #bbb; }

.playlist .controls input[type="range"]:focus::-webkit-slider-thumb { border: 2px solid black; }

.playlist .controls input[type="range"]:focus::-moz-range-thumb { border: 2px solid black; }

.playlist .annotations .annotations-boxes { text-align: center; }

.playlist .annotations .annotation-box { border: 2px dashed grey; padding: 0 10px; }

.playlist .annotations .annotation-box .resize-handle { background: grey; opacity: 0.3; cursor: ew-resize; }

.playlist .annotations .annotation-box .id { cursor: pointer; display: inline-block; width: 100%; height: 100%; }

.playlist .annotations .annotations-text { font-size: 19px; font-weight: 300; margin-top: 1em; height: 160px; overflow-x: hidden; overflow-y: auto; }

.playlist .annotations .annotations-text .annotation { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; }

.playlist .annotations .annotations-text .annotation span { margin: 0.3rem 0.6rem; }

.playlist .annotations .annotations-text .annotation span:last-of-type { margin-right: 1.2rem; }

.playlist .annotations .annotations-text .annotation .annotation-id { font-size: 16px; line-height: 27px; }

.playlist .annotations .annotations-text .annotation .annotation-start { font-size: 16px; line-height: 27px; }

.playlist .annotations .annotations-text .annotation .annotation-end { font-size: 16px; line-height: 27px; }

.playlist .annotations .annotations-text .annotation .annotation-lines { flex-grow: 10; }

.playlist .annotations .annotations-text .annotation .annotation-actions { flex-basis: auto; width: 85px; text-align: right; font-size: 16px; }

.playlist .annotations .annotations-text .annotation .annotation-actions i { margin-right: 0.6rem; }

.playlist .annotations .annotations-text .annotation .annotation-actions i:last-of-type { margin-right: 0; }

.playlist .annotations .annotations-text .annotation .annotation-actions i:hover { color: orange; cursor: pointer; }

.playlist .annotations .current { background-color: #ebf4f6; }

.playlist .vocals { background-color: #c0dce0; }

.playlist .vocals header { background-color: green; }

.track-drop { border: 2px dashed blue; height: 100px; width: 200px; margin: 1em 0; }

.track-drop::before { content: "Drop audio file(s) here!"; }

.track-drop.drag-enter { border: 2px solid orange; }

footer { margin-top: 2em; }

/*# sourceMappingURL=main.css.map */