*,
:after,
:before {
    box-sizing: border-box
}

[x-cloak] {
    display: none !important
}

#embed-player {
    background: #333;
    border-radius: 7px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.5em;
    position: relative
}

#embed-player a {
    color: #fff
}

.player-artwork {
    cursor: pointer;
}


.player-artwork img {
    border-radius: 5px;
    display: block;
    height: 150px;
    width: 150px
}



.player-large .player-main {
    min-width: 100%;
    overflow: hidden;
    width: 1px;
}

.player-large .player,
.player-large .player-main {
    display: flex;
    position: relative;
    *width: 100%;
    align-items: center;
}

.player-large .player {
    flex: 1 1 auto;
    min-width: 0;
    z-index: 1;
    margin-left: 0.7rem;

}

.player-large button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    text-decoration: none
}

.player-playlist .player,
.player-playlist .player-main {
    height: 165px
}

#shareBtn {
    margin-left: 10px;
    margin-right: 10px
}

.panel {
    height: 150px;
    left: 1px;
    margin-left: 165px;
    overflow-y: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    position: absolute;
    right: 1px;
    top: 180px;
    visibility: hidden;
    width: auto;
    z-index: 3
}

.panel .close-btn {
    cursor: pointer;
    display: block;
    font-size: 20px;
    height: 20px;
    opacity: .7;
    position: absolute;
    right: 15px;
    top: 0;
    transition: opacity .2s ease;
    width: 20px
}

.panel .close-btn svg {
    color: #fff;
    height: 20px;
    width: 20px
}

.panel .close-btn:hover {
    opacity: 1
}

.panel .title {
    line-height: 24px;
    margin-bottom: .5em
}

.panel.expanded {
    top: 15px;
    visibility: visible
}

.panel.transition-enter {
    transition: all .15s ease-in-out;
    visibility: visible
}

.panel.transition-enter-start {
    opacity: 0;
    top: 180px
}

.panel.transition-enter-end {
    opacity: 1;
    top: 15px
}

.panel.transition-leave {
    transition: all .15s ease-in-out
}

.panel.transition-leave-start {
    opacity: 1;
    top: 15px
}

.panel.transition-leave-end {
    opacity: 0;
    top: 180px
}

.details.panel {
    z-index: 7
}

.details-summary {
    font-size: 13px;
    line-height: 1.33333em;
    margin-top: .8em
}

.details-summary p {
    margin: 0 0 1em
}

.details-title {
    display: block;
    font-size: 20px;
    font-weight: 800;
    line-height: 22px;
    margin: 3px 0
}

.details-author,
.details-date-time {
    color: #a2a3a7;
    font-size: 11px;
    line-height: 14px;
    margin-right: 15px
}

#embed-player .details-author a {
    color: #a2a3a7;
    font-weight: 500
}

.details-date-time {
    display: block;
    font-size: 11px;
    text-transform: uppercase
}

.playback-progress {
    flex: 1 1 auto;
    min-width: 0
}

.show-title {
    color: #a2a3a7;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase
}

.show-title,
.title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.title {
    display: block;
    font-size: 20px;
    font-weight: 800;
    line-height: 22px;
    margin: 3px 0
}

.play-progress {
    display: flex;
}

#progressBar {
    background: hsla(0, 0%, 100%, .1);
    cursor: pointer;
    margin: 8px 0 4px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 10
}

#progress,
#progressBar {
    border-radius: 6px;
    display: block;
    height: 12px
}

#progress {
    background: #fff;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.playPause {
    display: block;
    height: 50px;
    overflow: hidden;
    position: relative;
    transition: background .3s;
    width: 50px
}

.playPause-desktop {
    flex: 0 0 50px;
    margin-right: 10px
}

.playPause-mobile {
    display: none
}

.pause-btn,
.play-btn {
    cursor: pointer;
    height: 48px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 48px
}

.pause-btn svg,
.play-btn svg {
    fill: currentColor;
    color: #ffff;
    height: 48px;
    width: 48px
}

.playback-controls {
    position: relative
}

.playback-duration {
    color: #8b8d91;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 10px;
    line-height: 16px;
    position: absolute;
    right: 0;
    top: -28px
}

.volume-speed-controls {
    align-items: center;
    display: flex;
    font-size: 1em;
    justify-content: space-between;
    left: 90px;
    position: absolute;
    top: -28px;
    width: 105px
}

#embed-player a#infoBtn,
#embed-player a#shareBtn,
#embed-player a#subscribeBtn {
    color: #acaeb1;
    cursor: pointer;
    text-decoration: none;
    transition: color .15s
}

#embed-player a#infoBtn:hover,
#embed-player a#shareBtn:hover,
#embed-player a#subscribeBtn:hover {
    color: #fff
}

.player-main .volume-speed-controls #playbackSpeed {
    border: 1px solid #70747b;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 60%;
    font-weight: 700;
    line-height: 1.5em;
    text-align: center;
    -webkit-transform: translateZ(0);
    vertical-align: middle;
    width: 28px
}

.player-main .volume-speed-controls #playbackSpeed:hover {
    border-color: #fff
}

.player-main .volume-speed-controls #fastForwardBtn,
.player-main .volume-speed-controls #playbackSpeed,
.player-main .volume-speed-controls #rewindBtn,
.player-main .volume-speed-controls #volumeBtn {
    color: #70747b;
    cursor: pointer;
    text-decoration: none;
    transition: color .15s, border .15s
}

.player-main .volume-speed-controls #fastForwardBtn:hover,
.player-main .volume-speed-controls #playbackSpeed:hover,
.player-main .volume-speed-controls #rewindBtn:hover,
.player-main .volume-speed-controls #volumeBtn:hover {
    color: #fff
}

.player-main .volume-speed-controls .player-forward,
.player-main .volume-speed-controls .player-muted,
.player-main .volume-speed-controls .player-rewind,
.player-main .volume-speed-controls .player-unmuted {
    align-items: center;
    display: inline-flex
}

.player-main .volume-speed-controls .player-forward svg,
.player-main .volume-speed-controls .player-muted svg,
.player-main .volume-speed-controls .player-rewind svg,
.player-main .volume-speed-controls .player-unmuted svg {
    fill: currentColor;
    color: #70747b;
    height: 14px;
    transition: color .15s;
    width: 14px
}

.player-main .volume-speed-controls .player-forward:hover svg,
.player-main .volume-speed-controls .player-muted:hover svg,
.player-main .volume-speed-controls .player-rewind:hover svg,
.player-main .volume-speed-controls .player-unmuted:hover svg {
    color: #fff
}

.player-main .volume-speed-controls .player-muted svg.unmuted,
.player-main .volume-speed-controls .player-unmuted svg.muted {
    display: none
}

.player-main:hover .volume-speed-controls #fastForwardBtn,
.player-main:hover .volume-speed-controls #playbackSpeed,
.player-main:hover .volume-speed-controls #rewindBtn,
.player-main:hover .volume-speed-controls #volumeBtn {
    color: #8d9094
}

.player-main:hover .volume-speed-controls #fastForwardBtn:hover,
.player-main:hover .volume-speed-controls #playbackSpeed:hover,
.player-main:hover .volume-speed-controls #rewindBtn:hover,
.player-main:hover .volume-speed-controls #volumeBtn:hover {
    color: #fff
}

.player-main:hover .volume-speed-controls #playbackSpeed {
    border-color: #8d9094
}

.player-main:hover .volume-speed-controls #playbackSpeed:hover {
    border-color: #fff
}

.player-main:hover .volume-speed-controls .player-forward svg,
.player-main:hover .volume-speed-controls .player-muted svg,
.player-main:hover .volume-speed-controls .player-rewind svg,
.player-main:hover .volume-speed-controls .player-unmuted svg {
    color: #8d9094;
    transition: color .15s
}

.player-main:hover .volume-speed-controls .player-forward:hover svg,
.player-main:hover .volume-speed-controls .player-muted:hover svg,
.player-main:hover .volume-speed-controls .player-rewind:hover svg,
.player-main:hover .volume-speed-controls .player-unmuted:hover svg {
    color: #fff
}

nav.expand {
    bottom: 14px;
    left: 15px;
    line-height: 13px;
    opacity: .8;
    position: absolute;
    transition: opacity .2s;
    z-index: 2
}

nav.expand a {
    cursor: pointer;
    font-size: 11px;
    text-transform: uppercase
}

.player-playlist nav.expand {
    bottom: 0
}

.copyable-input {
    display: flex;
    margin: 0 0 5px
}

.copyable-input label {
    flex: 0 0 56px;
    font-size: 10px;
    font-weight: 700;
    line-height: 23px;
    text-transform: uppercase
}

.copyable-input input {
    -webkit-appearance: none;
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 4px;
    color: #444;
    flex: 1 1 auto;
    font-family: monospace;
    font-size: 13px;
    height: 23px;
    line-height: 23px;
    margin-right: 5px;
    max-width: 560px;
    padding: 4px 6px;
    width: 100%
}

.copyable-input input::selection {
    background: #fdf9ca
}

.copyable-input input::-moz-selection {
    background: #fdf9ca
}

.copyable-input .copy-btn {
    cursor: pointer;
    flex: 0 0 20px
}

.copyable-input .copy-btn svg {
    height: 20px;
    width: 20px
}

.copyable-input .copy-btn svg.input-copy {
    fill: currentColor;
    color: #666;
    display: block
}

.copyable-input .copy-btn svg.input-copy:hover {
    color: #444
}

.copyable-input .copy-btn svg.input-copied {
    fill: currentColor;
    color: #0e9f6e;
    display: none
}

.copyable-input .copy-btn.copied svg.input-copy {
    display: none
}

.copyable-input .copy-btn.copied svg.input-copied {
    display: block
}

.share-links {
    margin-top: 12px
}

.share-links a {
    display: inline-block;
    height: 28px;
    margin-right: 6px;
    text-decoration: none;
    width: 28px
}

.share-links a svg {
    fill: currentColor;
    color: #666;
    height: 28px;
    width: 28px
}

.share-links a:hover svg {
    color: #444
}

.subscribe-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin-top: 12px;
    max-width: 740px
}

.subscribe-links a {
    align-items: center;
    color: #666;
    display: inline-flex;
    flex: 0 0 140px;
    font-size: 12px;
    line-height: 26px;
    margin-bottom: 10px;
    margin-right: 10px;
    text-decoration: none
}

.subscribe-links a svg {
    height: auto;
    margin-right: 4px;
    width: 26px
}

.subscribe-links a:hover {
    color: #444
}

.player-main:hover nav.expand {
    opacity: 1
}

.powered-by {
    display: block;
    font-size: 7px;
    line-height: 16px;
    opacity: .45;
    padding: 0;
    position: absolute;
    right: 15px;
    text-transform: uppercase;
    top: 148px;
    transition: opacity .2s;
    z-index: 6
}

.powered-by strong {
    display: inline-block;
    display: none;
    font-weight: 400;
    margin-right: 4px;
    position: relative;
    top: .5px;
    vertical-align: middle
}

.powered-by a {
    color: #fff;
    display: inline-block;
    text-decoration: none
}

.powered-by svg.transistor-logo {
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: auto
}

.powered-by:hover {
    opacity: 1
}

@media (max-width:544px) {
    .player-artwork {
        display: flex;
        align-items: center;
    }

    .player-artwork img {
        height: 64px;
        width: 64px
    }

    .playPause-desktop {
        display: none
    }

    .playPause-mobile {
        display: block;
    }

    .loader-ring {
        left: -1px;
        position: relative;
        top: -1px
    }

    .pause-btn,
    .play-btn {
        height: 22px;
        width: 22px
    }

    .playback-duration {
        top: 0
    }

    .volume-speed-controls {
        left: 0;
        opacity: .8;
        top: 0;
        transform: scale(.85);
        transform-origin: left
    }

    nav.expand {
        left: unset;
        opacity: .55;
        right: 15px
    }

    nav.expand a {
        font-size: 10px
    }

    .panel {
        height: 130px
    }

    .panel,
    .panel.details {
        margin-left: 0
    }

    .play-progress {
        display: block;
    }

    .share-links {
        margin-left: 0;
        transform: scale(.8);
        transform-origin: top left
    }

    .share-links,
    .subscribe-links {
        margin-top: 5px
    }

    .subscribe-links a {
        flex: 0 0 105px;
        font-size: 10px;
        line-height: 18px;
        margin-bottom: 7px;
        margin-right: 7px
    }

    .subscribe-links a svg {
        height: auto;
        margin-right: 3px;
        width: 18px
    }

    .powered-by {
        left: 16px;
        width: 65px
    }
}

.embed-playlist {
    height: 198px;
    list-style: none;
    margin: 0;
    min-width: 100%;
    overflow-y: auto;
    padding: 0 1px 5px;
    width: 1px;
    *width: 100%;
    z-index: 100
}

.embed-playlist li {
    cursor: pointer;
    display: flex;
    padding: 6px 15px
}

.embed-playlist li .play-control {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    text-align: center;
    width: 20px
}

.embed-playlist li .play-control svg {
    color: rgba(0, 0, 0, .35);
    height: 20px;
    width: 20px
}

.embed-playlist li .playlist-title {
    color: #cbccce;
    flex-grow: 1;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.embed-playlist li .playlist-duration {
    color: #97999d;
    font-size: 10px;
    line-height: 20px;
    text-align: right;
    width: 90px
}

.embed-playlist li.selected,
.embed-playlist li:hover {
    background-color: #f3f3f3
}

.embed-playlist li.selected .play-control svg,
.embed-playlist li:hover .play-control svg {
    color: rgba(0, 0, 0, .7)
}

.embed-playlist li.selected .playlist-title,
.embed-playlist li:hover .playlist-title {
    color: #fff
}

.embed-playlist li.selected .playlist-title {
    font-weight: 600
}

#embed-player.player-large {
    overflow: hidden
}

#embed-player.player-large .loader-ring {
    cursor: pointer;
    display: inline-block;
    height: 36px;
    outline: none;
    width: 41px
}

#embed-player.player-large .loader-ring:after {
    -webkit-animation: loader-ring 1.2s linear infinite;
    animation: loader-ring 1.2s linear infinite;
    border-color: #30343c transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    content: " ";
    display: block;
    height: 40px;
    margin: 1px;
    outline: none;
    width: 40px
}

@-webkit-keyframes loader-ring {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loader-ring {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

#embed-player.player-large.player-dark {
    background: #30343c;
    box-shadow: none;
    color: #fff
}

#embed-player.player-large.player-dark .playlist-header {
    border-bottom: 1px solid #272c33
}

#embed-player.player-large.player-dark .panel {
    background-color: #30343c
}

#embed-player.player-large.player-dark .pause-btn svg,
#embed-player.player-large.player-dark .play-btn svg {
    color: #fff
}

#embed-player.player-large.player-dark .share-links a svg {
    color: hsla(0, 0%, 100%, .9)
}

#embed-player.player-large.player-dark .share-links a:hover svg {
    color: #fff
}

#embed-player.player-large.player-dark .subscribe-links a {
    color: hsla(0, 0%, 100%, .9)
}

#embed-player.player-large.player-dark .subscribe-links a:hover {
    color: #fff
}

#embed-player.player-large.player-dark .copyable-input input {
    background-color: hsla(0, 0%, 100%, .1);
    border: 0;
    color: hsla(0, 0%, 100%, .7)
}

#embed-player.player-large.player-dark .copyable-input input::selection {
    background: #d2d8e5;
    color: #30343c
}

#embed-player.player-large.player-dark .copyable-input input::-moz-selection {
    background: #d2d8e5;
    color: #30343c
}

#embed-player.player-large.player-dark .copy-btn svg.input-copy {
    color: hsla(0, 0%, 100%, .7)
}

#embed-player.player-large.player-dark .copy-btn svg.input-copy:hover {
    color: #fff
}

#embed-player.player-large.player-dark .embed-playlist li .play-control svg {
    color: hsla(0, 0%, 100%, .3)
}

#embed-player.player-large.player-dark .embed-playlist li.selected,
#embed-player.player-large.player-dark .embed-playlist li:hover {
    background-color: #272c33
}

#embed-player.player-large.player-dark .embed-playlist li.selected .play-control svg,
#embed-player.player-large.player-dark .embed-playlist li:hover .play-control svg {
    color: hsla(0, 0%, 100%, .7)
}

#embed-player.player-large.player-dark .embed-playlist li.selected .play-control svg {
    color: #fff
}

#embed-player.player-large.player-light {
    background: #31343C;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    color: #444;
    min-height: 80px;
    padding: 5px;
}

.anime-episde{
    color: #999;
    font-size: 12px;
    margin-left: 4px;
    font-weight: 600;
}
.anime-title{
    color: #fff;
    font-size: 18px;
    margin-left: 4px;
    margin-bottom: 14px;
}
.playerbottm{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.playerbottm .play-links{
    display: flex;
    margin: 4px 4px;
    list-style: none;
}
.playerbottm .play-links li .ply-link{
    color: #ffffffb3 !important;
    font-size: 12px;
    font-weight: 400;
    margin: 0 10px 0px 0px;
}
.playerbottm .playername .transistor-logo{
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: auto;
    cursor: pointer;
    margin-right: 10px;
}
@media (max-width: 575.98px) {
    .anime-episde{font-size: 8px;}
    .anime-title{font-size: 12px;}
    .playerbottm .play-links{
        margin: 22px 4px 4px 0px;
    }
}
#embed-player.player-large.player-light .loader-ring:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 3px;

}

#embed-player.player-large.player-light a {
    color: #444
}

#embed-player.player-large.player-light .playback-duration {
    color: #b5b5b5;
    margin-right: 0.7rem;
}

#embed-player.player-large.player-light .copy-btn svg.input-copy {
    color: #777
}

#embed-player.player-large.player-light .copy-btn svg.input-copy:hover {
    color: #444
}

#embed-player.player-large.player-light .copy-btn svg.input-copied {
    color: #0e9f6e
}

#embed-player.player-large.player-light .details-author,
#embed-player.player-large.player-light .details-author a,
#embed-player.player-large.player-light .details-date-time,
#embed-player.player-large.player-light .show-title {
    color: #7c7c7c
}

#embed-player.player-large.player-light .panel {
    background-color: #fff
}

#embed-player.player-large.player-light .panel .close-btn svg {
    color: #444
}

#embed-player.player-large.player-light #progressBar {
    background: rgba(0, 0, 0, .1)
}

#embed-player.player-large.player-light #progress {
    background: #444
}

#embed-player.player-large.player-light #playbackSpeed {
    border-color: #444
}

#embed-player.player-large.player-light .powered-by svg.transistor-logo #transistor_horizontal {
    fill: #444
}

#embed-player.player-large.player-light .embed-playlist li .playlist-title {
    color: #737373
}

#embed-player.player-large.player-light .embed-playlist li .playlist-duration {
    color: #a2a2a2
}

#embed-player.player-large.player-light .embed-playlist li.selected,
#embed-player.player-large.player-light .embed-playlist li:hover {
    background-color: #f3f3f3
}

#embed-player.player-large.player-light .embed-playlist li.selected .playlist-title,
#embed-player.player-large.player-light .embed-playlist li:hover .playlist-title {
    color: #444
}

#embed-player.player-light a#infoBtn,
#embed-player.player-light a#shareBtn,
#embed-player.player-light a#subscribeBtn {
    color: #8f8f8f
}

#embed-player.player-light a#infoBtn:hover,
#embed-player.player-light a#shareBtn:hover,
#embed-player.player-light a#subscribeBtn:hover {
    color: #444
}

#embed-player.player-light .player-main .volume-speed-controls #playbackSpeed {
    border: 1px solid #bbb
}

#embed-player.player-light .player-main .volume-speed-controls #playbackSpeed:hover {
    border-color: #444
}

#embed-player.player-light .player-main .volume-speed-controls #fastForwardBtn,
#embed-player.player-light .player-main .volume-speed-controls #playbackSpeed,
#embed-player.player-light .player-main .volume-speed-controls #rewindBtn,
#embed-player.player-light .player-main .volume-speed-controls #volumeBtn {
    color: #bbb
}

#embed-player.player-light .player-main .volume-speed-controls #fastForwardBtn:hover,
#embed-player.player-light .player-main .volume-speed-controls #playbackSpeed:hover,
#embed-player.player-light .player-main .volume-speed-controls #rewindBtn:hover,
#embed-player.player-light .player-main .volume-speed-controls #volumeBtn:hover {
    color: #444
}

#embed-player.player-light .player-main .volume-speed-controls .player-forward svg,
#embed-player.player-light .player-main .volume-speed-controls .player-muted svg,
#embed-player.player-light .player-main .volume-speed-controls .player-rewind svg,
#embed-player.player-light .player-main .volume-speed-controls .player-unmuted svg {
    color: #bbb
}

#embed-player.player-light .player-main .volume-speed-controls .player-forward:hover svg,
#embed-player.player-light .player-main .volume-speed-controls .player-muted:hover svg,
#embed-player.player-light .player-main .volume-speed-controls .player-rewind:hover svg,
#embed-player.player-light .player-main .volume-speed-controls .player-unmuted:hover svg {
    color: #444
}

#embed-player.player-light .player-main:hover .volume-speed-controls #fastForwardBtn,
#embed-player.player-light .player-main:hover .volume-speed-controls #playbackSpeed,
#embed-player.player-light .player-main:hover .volume-speed-controls #rewindBtn,
#embed-player.player-light .player-main:hover .volume-speed-controls #volumeBtn {
    color: #ababab
}

#embed-player.player-light .player-main:hover .volume-speed-controls #fastForwardBtn:hover,
#embed-player.player-light .player-main:hover .volume-speed-controls #playbackSpeed:hover,
#embed-player.player-light .player-main:hover .volume-speed-controls #rewindBtn:hover,
#embed-player.player-light .player-main:hover .volume-speed-controls #volumeBtn:hover {
    color: #444
}

#embed-player.player-light .player-main:hover .volume-speed-controls #playbackSpeed {
    border-color: #ababab
}

#embed-player.player-light .player-main:hover .volume-speed-controls #playbackSpeed:hover {
    border-color: #444
}

#embed-player.player-light .player-main:hover .volume-speed-controls .player-forward svg,
#embed-player.player-light .player-main:hover .volume-speed-controls .player-muted svg,
#embed-player.player-light .player-main:hover .volume-speed-controls .player-rewind svg,
#embed-player.player-light .player-main:hover .volume-speed-controls .player-unmuted svg {
    color: #ababab
}

#embed-player.player-light .player-main:hover .volume-speed-controls .player-forward:hover svg,
#embed-player.player-light .player-main:hover .volume-speed-controls .player-muted:hover svg,
#embed-player.player-light .player-main:hover .volume-speed-controls .player-rewind:hover svg,
#embed-player.player-light .player-main:hover .volume-speed-controls .player-unmuted:hover svg {
    color: #444
}

.break {
    flex-basis: 100%;
    height: 0
}

.playlist-header {
    border-bottom: 1px solid #e3e3e3;
    color: #a2a3a7;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    padding: 8px 15px 4px;
    text-transform: uppercase;
    width: 100%
}

#embed-player.player-large.player-light .playlist-header {
    color: #7c7c7c
}


@media (max-width:508px) {

    .player-artwork img {
        width: initial;
        height: 90px;
    }
}
@media (max-width:420px) {
    .embed-playlist li {
        padding: 6px 12px
    }



    .player-artwork img {
        width: initial;
        height: 70px;
    }

    .pause-btn svg, .play-btn svg {
        width: 22px;
        height: 22px;
    }

    .playPause {
        width: 25px;
        height: 25px;
    }
}