.cytomic-player,
.cytomic-player>ul {
    position: relative
}
.cytomic-player {
    background: #060606;
    color: #CCC;
    padding: 10px;
    border: 1px solid transparent
}
.cytomic-player a {
    color: #fcd341
}
.cytomic-player * {
    font-family: "Helvetica Nueue", Helvetica, Arial, sans-serif;
    font-size: 16px!important
}
.cytomic-player>ul,
.cytomic-player>ul>li {
    padding: 0;
    margin: 0;
    list-style: none
}
.cytomic-player>ul>li:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both
}
.cytomic-player>ul>li>a {
    display: block;
    box-sizing: border-box;
    padding: 4px 10px;
    position: relative;
    color: #fcd341
}
.cytomic-player>ul>li>a:after {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    right: 10px
}
.cytomic-player>ul>li>div {
    box-sizing: border-box;
    padding-left: 20px
}
.cytomic-player>ul>li>div>p {
    margin: 10px 0!important
}
.cytomic-player>ul>li>div>p:first-child {
    margin-top: 0!important
}
.cytomic-player>ul>li {
    border-top: solid 1px #444
}
.cytomic-player-enabled>ul>li {
    border-top: none
}
.cytomic-player>ul>li:last-child {
    border-bottom: solid 1px #444
}
.cytomic-player-enabled>ul>li:last-child {
    border-bottom: none
}
.cytomic-player-track-list-link {
    text-decoration: none
}
.cytomic-player-track-list-link:hover {
    text-decoration: underline
}
.cytomic-player-track-list {
    transition: min-height .4s;
    overflow: hidden
}
.cytomic-player-track-list-item {
    transition: background-color .4s
}
.cytomic-player-track-list-item>a {
    border-top: solid 1px #444
}
.cytomic-player-track-list-item:last-child>a {
    border-bottom: solid 1px #444
}
.cytomic-player-track-list-item-description {
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .4s, opacity .4s, max-height .4s, padding .4s;
    padding-top: 0;
    padding-bottom: 0
}
.cytomic-player-track-list-item-playing .cytomic-player-track-list-item-description:not(:empty) {
    padding-top: 10px;
    padding-bottom: 10px
}
.cytomic-player-playing .cytomic-player-track-list-item-active .cytomic-player-track-list-item-description {
    visibility: visible;
    opacity: 1;
    transition: opacity .4s, max-height .4s
}
.cytomic-player-controls-next:disabled,
.cytomic-player-controls-prev:disabled,
.cytomic-player-controls-toggleplay:disabled {
    opacity: .6
}
.cytomic-player-playing .cytomic-player-track-list-item-active>a {
    background: #333
}
.cytomic-player-playing .cytomic-player-track-list-item-active a:after {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%3Cpath%20d%3D%22M%200.5%200.5%20L%2013.5%207.5%20L%200.5%2014.5%20L%201.5%207.5%20L%200.5%200.5%22%20fill%3D%22%23fcd341%22%20stroke%3D%22%23fcd341%22%20stroke-width%3D%221.0px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E)!important
}
.cytomic-player-track-list-item-description::-webkit-scrollbar {
    width: 7px;
    height: 7px
}
.cytomic-player-track-list-item-description::-webkit-scrollbar-thumb {
    background: #927302;
    border-radius: 5px
}
.cytomic-player-track-list-item-description::-webkit-scrollbar-thumb:hover {
    background: #fcd341
}
.cytomic-player-track-list-item-description::-webkit-scrollbar-track {
    background: 0 0;
    width: 20px
}
.cytomic-player-track-fft-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.cytomic-player-controls {
    position: relative;
    height: 85px
}
.cytomic-player-controls-toggleplay {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2050%2050%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cg%20id%3D%22play-outline%22%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2224%22%20style%3D%22fill%3Anone%3Bstroke-width%3A1px%3Bstroke%3A%23ffd640%3B%22/%3E%3Cpath%20d%3D%22M15%2C9.667l25.556%2C15.333l-25.556%2C15.333l3.833%2C-15.333l-3.833%2C-15.333Z%22%20style%3D%22fill%3Anone%3Bstroke-width%3A1px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/g%3E%3C/svg%3E) no-repeat;
    display: block;
    position: absolute;
    text-indent: -100000px;
    min-width: 60px;
    min-height: 60px;
    width: 60px;
    height: 60px;
    margin-top: -5px;
    margin-left: -5px;
    border: 5px solid transparent!important;
    top: 0;
    left: 0
}
.cytomic-player-controls-next,
.cytomic-player-controls-prev {
    text-indent: -100000px;
    min-width: 28px;
    min-height: 28px;
    width: 28px;
    height: 28px;
    margin-top: -5px;
    margin-left: -5px;
    border: 5px solid transparent!important;
    top: 57px;
    position: absolute;
    display: block
}
.cytomic-player-controls-toggleplay:hover:disabled {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2050%2050%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cg%20id%3D%22play-outline%22%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2224%22%20style%3D%22fill%3Anone%3Bstroke-width%3A1px%3Bstroke%3A%23ffd640%3B%22/%3E%3Cpath%20d%3D%22M15%2C9.667l25.556%2C15.333l-25.556%2C15.333l3.833%2C-15.333l-3.833%2C-15.333Z%22%20style%3D%22fill%3Anone%3Bstroke-width%3A1px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/g%3E%3C/svg%3E) no-repeat;
}
.cytomic-player-controls-toggleplay:hover:not([disabled]) {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2050%2050%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cg%20id%3D%22play-filled%22%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2224%22%20style%3D%22fill%3Anone%3Bstroke-width%3A1px%3Bstroke%3A%23ffd640%3B%22/%3E%3Cpath%20d%3D%22M15%2C9.667l25.556%2C15.333l-25.556%2C15.333l3.833%2C-15.333l-3.833%2C-15.333Z%22%20style%3D%22fill%3A%23ffd640%3Bstroke-width%3A1px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/g%3E%3C/svg%3E) no-repeat;
    cursor: pointer
}
.cytomic-player-playing .cytomic-player-controls-toggleplay {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2050%2050%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cg%20id%3D%22pause-outline%22%3E%3Cg%3E%3Crect%20x%3D%2228.75%22%20y%3D%2210.5%22%20width%3D%227%22%20height%3D%2229%22%20style%3D%22fill%3Anone%3Bstroke-width%3A1px%3Bstroke%3A%23ffd640%3B%22/%3E%3Crect%20x%3D%2214.25%22%20y%3D%2210.5%22%20width%3D%227%22%20height%3D%2229%22%20style%3D%22fill%3Anone%3Bstroke-width%3A1px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/g%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2224%22%20style%3D%22fill%3Anone%3Bstroke-width%3A1px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/g%3E%3C/svg%3E)
}
.cytomic-player-playing .cytomic-player-controls-toggleplay:hover {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2050%2050%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cg%20id%3D%22pause-filled%22%3E%3Cg%3E%3Crect%20x%3D%2228.75%22%20y%3D%2210.5%22%20width%3D%227%22%20height%3D%2229%22%20style%3D%22fill%3A%23ffd640%3Bstroke-width%3A1px%3Bstroke%3A%23ffd640%3B%22/%3E%3Crect%20x%3D%2214.25%22%20y%3D%2210.5%22%20width%3D%227%22%20height%3D%2229%22%20style%3D%22fill%3A%23ffd640%3Bstroke-width%3A1px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/g%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2224%22%20style%3D%22fill%3Anone%3Bstroke-width%3A1px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/g%3E%3C/svg%3E)
}
.cytomic-player-controls-prev {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cg%20id%3D%22prev-outline%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%223.2%22%20height%3D%2216%22%20style%3D%22fill%3Anone%3Bstroke-width%3A0.8px%3Bstroke%3A%23ffd640%3B%22/%3E%3Cpath%20d%3D%22M17%2C1l-11.2%2C8l11.2%2C8l0%2C-4.8l-4.8%2C-3.2l4.8%2C-3.2l0%2C-4.8Z%22%20style%3D%22fill%3Anone%3Bstroke-width%3A0.8px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/g%3E%3C/svg%3E) no-repeat;
    left: 0
}
.cytomic-player-controls-prev:hover:disabled {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cg%20id%3D%22prev-outline%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%223.2%22%20height%3D%2216%22%20style%3D%22fill%3Anone%3Bstroke-width%3A0.8px%3Bstroke%3A%23ffd640%3B%22/%3E%3Cpath%20d%3D%22M17%2C1l-11.2%2C8l11.2%2C8l0%2C-4.8l-4.8%2C-3.2l4.8%2C-3.2l0%2C-4.8Z%22%20style%3D%22fill%3Anone%3Bstroke-width%3A0.8px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/g%3E%3C/svg%3E) no-repeat;
    left: 0
}
.cytomic-player-controls-prev:hover:not([disabled]) {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cg%20id%3D%22prev-filled%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%223.2%22%20height%3D%2216%22%20style%3D%22fill%3A%23ffd640%3Bstroke-width%3A0.8px%3Bstroke%3A%23ffd640%3B%22/%3E%3Cpath%20d%3D%22M17%2C1l-11.2%2C8l11.2%2C8l0%2C-4.8l-4.8%2C-3.2l4.8%2C-3.2l0%2C-4.8Z%22%20style%3D%22fill%3A%23ffd640%3Bstroke-width%3A0.8px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/g%3E%3C/svg%3E) no-repeat;
    cursor: pointer
}
.cytomic-player-controls-next {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cg%20id%3D%22prev-filled%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%223.2%22%20height%3D%2216%22%20style%3D%22fill%3Anone%3Bstroke-width%3A0.8px%3Bstroke%3A%23ffd640%3B%22/%3E%3Cpath%20d%3D%22M17%2C1l-11.2%2C8l11.2%2C8l0%2C-4.8l-4.8%2C-3.2l4.8%2C-3.2l0%2C-4.8Z%22%20style%3D%22fill%3Anone%3Bstroke-width%3A0.8px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/g%3E%3C/svg%3E) no-repeat;
    transform: rotate(180deg);
    left: 32px
}
.cytomic-player-controls-next:hover:disabled {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cg%20id%3D%22prev-outline%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%223.2%22%20height%3D%2216%22%20style%3D%22fill%3Anone%3Bstroke-width%3A0.8px%3Bstroke%3A%23ffd640%3B%22/%3E%3Cpath%20d%3D%22M17%2C1l-11.2%2C8l11.2%2C8l0%2C-4.8l-4.8%2C-3.2l4.8%2C-3.2l0%2C-4.8Z%22%20style%3D%22fill%3Anone%3Bstroke-width%3A0.8px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/g%3E%3C/svg%3E) no-repeat;
    transform: rotate(180deg);
    left: 32px
}
.cytomic-player-controls-next:hover:not([disabled]) {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cg%20id%3D%22prev-filled%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%223.2%22%20height%3D%2216%22%20style%3D%22fill%3A%23ffd640%3Bstroke-width%3A0.8px%3Bstroke%3A%23ffd640%3B%22/%3E%3Cpath%20d%3D%22M17%2C1l-11.2%2C8l11.2%2C8l0%2C-4.8l-4.8%2C-3.2l4.8%2C-3.2l0%2C-4.8Z%22%20style%3D%22fill%3A%23ffd640%3Bstroke-width%3A0.8px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/g%3E%3C/svg%3E) no-repeat;
    cursor: pointer
}
.cytomic-player-controls-peakdata-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 60px;
    bottom: 10px
}
.cytomic-player-controls-peakdata {
    width: 100%;
    height: 100%;
    image-rendering: pixelated
}
.cytomic-player-buffering .cytomic-player-controls-peakdata {
    opacity: .8
}
.cytomic-player-controls-current-time,
.cytomic-player-controls-time,
.cytomic-player-controls-total-time {
    position: absolute;
    top: 38px;
    font-size: 11px!important;
    background: #060606;
    padding: 0 2px;
    transition: opacity .4s
}
.cytomic-player-controls-current-time {
    left: 0;
    color: #fcd341
}
.cytomic-player-controls-total-time {
    right: 0
}
p.cytomic-player-subsection {
    transition: background-color .6s, border-left-color .6s;
    border-left: solid 3px #060606;
    padding: 0 0 0 10px
}
.cytomic-player>ul>li>div>p.cytomic-player-subsection {
    margin: 0!important
}
p.cytomic-player-active-subsection {
    border-left-color: #fcd341;
    background: #333
}
a.cytomic-player-subsection-play {
    display: block;
    text-decoration: inherit;
    color: inherit;
    padding: 5px
}
a.cytomic-player-subsection-play:before {
    content: "";
    display: inline-block;
    height: 15px;
    width: 12.5px;
    margin-right: 10px
}
.cytomic-player-enabled>ul>li>a:hover:after,
.cytomic-player-icon-track-paused,
.cytomic-player>ul>li>a:after,
a.cytomic-player-subsection-play:before {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2015%2017%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath%20id%3D%22play-small-outline%22%20d%3D%22M1%2C1l12.5%2C7.5l-12.5%2C7.5l1.875%2C-7.5l-1.875%2C-7.5Z%22%20style%3D%22fill%3Anone%3Bstroke-width%3A1px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/svg%3E)  no-repeat;
}
.cytomic-player-active-subsection a.cytomic-player-subsection-play:before,
.cytomic-player-icon-track-playing,
.cytomic-player>ul>li>a:hover:after,
a.cytomic-player-subsection-play:hover:before {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2015%2017%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath%20id%3D%22play-small-filled%22%20d%3D%22M1%2C1l12.5%2C7.5l-12.5%2C7.5l1.875%2C-7.5l-1.875%2C-7.5Z%22%20style%3D%22fill%3A%23ffd640%3Bstroke-width%3A1px%3Bstroke%3A%23ffd640%3B%22/%3E%3C/svg%3E) no-repeat !important;
}