body {
                                            background-image: linear-gradient(90deg, rgb(73, 125, 97), rgb(212, 182, 128));
                                        }
                                        
                                        .container {
                                            display: flex;
                                            align-items: center;
                                            align-self: center;
                                            justify-items: center;
                                            justify-content: center;
                                            margin: 50px;
                                        }
                                        
                                        .box {
                                            display: flex;
                                            flex-direction: column;
                                            /* align-content: center; */
                                            /* align-items: center; */
                                            padding: 15px;
                                            width: 700px;
                                            min-height: 500px;
                                            background-image: linear-gradient(90deg, rgb(95, 155, 121), rgb(77, 133, 106));
                                            border-radius: 10px;
                                            box-shadow: 25px 30px 25px rgba(0, 0, 0, .5);
                                            border: 1px solid black;
                                            border-image-source: linear-gradient(to left, rgb(130, 190, 160), rgb(40, 60, 60));
                                            /* margin-top: 70px;
    margin-bottom: 70px; */
                                        }
                                        
                                        .box-inner {
                                            display: flex;
                                            /* align-content: top; */
                                            /* align-items: top; */
                                            width: 100%;
                                            height: 180px;
                                            background-image: linear-gradient(90deg, rgb(240, 233, 180), rgb(235, 220, 170));
                                            border-radius: 10px;
                                            box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .9), inset -1px -1px 5px rgba(5, 4, 4, .7);
                                            /* box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .8); */
                                            margin-bottom: 15px;
                                            /* border: 1px solid black; */
                                            /* border-image-source: linear-gradient(to left, rgb(130, 190, 160), rgb(40, 60, 60)); */
                                        }
                                        
                                        .box-inner-2 {
                                            display: flex;
                                            /* align-content: top; */
                                            /* align-items: top; */
                                            width: 100%;
                                            /* height: 100%; */
                                            background-image: linear-gradient(90deg, rgb(55, 105, 81), rgb(50, 93, 77));
                                            border-radius: 10px;
                                            box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .9), 1px 1px 2px rgba(295, 244, 224, .9);
                                            /* box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .8);
     */
                                            /* border: 1px solid black; */
                                            /* border-image-source: linear-gradient(to left, rgb(130, 190, 160), rgb(40, 60, 60)); */
                                            /* padding: 15px; */
                                            /* align-items: center;
    align-self: center;
    justify-items: center;
    justify-content: center; */
                                        }
                                        
                                        .player0 {
                                            display: flex;
                                            align-items: center;
                                            align-self: center;
                                            justify-items: center;
                                            justify-content: center;
                                            width: 100%;
                                            /* height: 100%; */
                                        }
                                        
                                        .play-list {
                                            padding: 25px;
                                            display: flex;
                                            /* margin: 0 auto 20px auto; */
                                            /* width: 100%; */
                                            flex-direction: column;
                                            height: 300px;
                                            flex-wrap: wrap;
                                            column-gap: 100px;
                                            row-gap: 10px;
                                        }
                                        
                                        .player3 {
                                            display: none;
                                        }
                                        
                                        .track-title>a {
                                            text-shadow: 0px 2px 0px rgba(255, 255, 255, .15);
                                        }
                                        
                                        #canvas0 {
                                            width: 100%;
                                            /* height: 100%;  */
                                            /* border: 1px solid black; */
                                            /* background-color: red; */
                                            padding: 2px;
                                            overflow: hidden;
                                            border-radius: 10px;
                                        }
                                        
                                        @media (prefers-color-scheme: dark) {
                                            body {
                                                /* color:#fff; */
                                                background: #fff
                                            }
                                            /* @charset "UTF-8"; */
                                            @import "//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css";
                                            .screen-reader-text {
                                                /* Reusable, toolbox kind of class */
                                                position: absolute;
                                                top: -9999px;
                                                left: -9999px;
                                            }
                                            .disabled {
                                                color: #666;
                                                cursor: default;
                                            }
                                            .show {
                                                display: inline-block !important;
                                            }
                                            body {
                                                margin: 10px 0 0 0;
                                            }
                                            body .container {
                                                font-family: arial, helvetica, sans-serif;
                                                font-size: 1em;
                                                /* margin: 0 auto; */
                                                /* width: 500px; */
                                            }
                                            body .container .player2 {
                                                height: 60px;
                                                margin: 0;
                                                position: relative;
                                                width: 400px;
                                                /* Small devices (tablets, 768px and up) */
                                                /* Medium devices (desktops, 992px and up) */
                                                /* Large devices (large desktops, 1200px and up) */
                                                /* *zoom: 1; */
                                            }
                                            @media (min-width: 768px) and (max-width: 991px) {
                                                body .container .player2 {
                                                    width: 470px;
                                                }
                                            }
                                            @media (min-width: 992px) and (max-width: 1100px) {
                                                body .container .player2 {
                                                    width: 470px;
                                                }
                                            }
                                            @media (min-width: 1200px) {
                                                body .container .player2 {
                                                    width: 470px;
                                                }
                                            }
                                            body .container .large-toggle-btn {
                                                /* border: 1px solid #d9d9d9; */
                                                border-radius: 2px;
                                                float: left;
                                                font-size: 1.5em;
                                                height: 50px;
                                                /* margin: 0 10px 0 0; */
                                                overflow: hidden;
                                                /* padding: 5px 0 0 0; */
                                                position: relative;
                                                text-align: center;
                                                vertical-align: bottom;
                                                width: 54px;
                                            }
                                            .player {
                                                /* text-align: center;
align-items: center;
align-self: center;
justify-items: center;
justify-content: center; */
                                                /* border: 1px solid black; */
                                                width: 100%;
                                                cursor: pointer;
                                            }
                                            body .container .large-toggle-btn .large-play-btn {
                                                cursor: pointer;
                                                display: inline-block;
                                                position: relative;
                                                top: -14%;
                                            }
                                            body .container .player .large-toggle-btn .large-play-btn:before {
                                                content: "";
                                                font: 1.5em/1.75 "FontAwesome";
                                            }
                                            body .container .player .large-toggle-btn .large-pause-btn {
                                                cursor: pointer;
                                                display: inline-block;
                                                position: relative;
                                                top: -13%;
                                            }
                                            body .container .player .large-toggle-btn .large-pause-btn:before {
                                                content: "";
                                                font: 1.5em/1.75 "FontAwesome";
                                            }
                                            body .container .info-box {
                                                bottom: 10px;
                                                left: 65px;
                                                position: absolute;
                                                top: 15px;
                                            }
                                            body .container .info-box .track-info-box {
                                                float: left;
                                                font-size: 12px;
                                                margin: 0 0 6px 0;
                                                visibility: hidden;
                                                width: 400px;
                                                /* *zoom: 1; */
                                            }
                                            body .container .info-box .track-info-box .track-title-text {
                                                display: inline-block;
                                            }
                                            body .container .info-box .track-info-box .audio-time {
                                                display: inline-block;
                                                padding: 0 0 0 5px;
                                                width: 80px;
                                            }
                                            body .container .player .info-box .track-info-box:before,
                                            body .container .player .info-box .track-info-box:after {
                                                content: " ";
                                                display: table;
                                            }
                                            body .player .info-box .track-info-box:after {
                                                clear: both;
                                                display: block;
                                                font-size: 0;
                                                height: 0;
                                                visibility: hidden;
                                            }
                                            body .container .player .progress-box {
                                                float: left;
                                                min-width: 270px;
                                                position: relative;
                                            }
                                            body .container .player .progress-box .progress-cell {
                                                height: 12px;
                                                position: relative;
                                            }
                                            body .container .player .progress-box .progress-cell .progress {
                                                background: #fff;
                                                /* border: 1px solid #d9d9d9; */
                                                height: 8px;
                                                position: relative;
                                                width: auto;
                                            }
                                            body .container .player .progress-box .progress-cell .progress .progress-buffer {
                                                background: #337ab7;
                                                height: 100%;
                                                width: 0;
                                            }
                                            body .container .player .progress-box .progress-cell .progress .progress-indicator {
                                                background: #fff;
                                                border: 1px solid #bebebe;
                                                border-radius: 3px;
                                                cursor: pointer;
                                                height: 10px;
                                                left: 0;
                                                overflow: hidden;
                                                position: absolute;
                                                top: -2px;
                                                width: 22px;
                                            }
                                            body .container .player .controls-box {
                                                bottom: 10px;
                                                left: 350px;
                                                position: absolute;
                                            }
                                            body .container .player .controls-box .previous-track-btn {
                                                cursor: pointer;
                                                display: inline-block;
                                            }
                                            body .container .player .controls-box .previous-track-btn:before {
                                                content: "";
                                                font: 1em "FontAwesome";
                                            }
                                            body .container .player .controls-box .next-track-btn {
                                                cursor: pointer;
                                                display: inline-block;
                                            }
                                            body .container .player .controls-box .next-track-btn:before {
                                                content: "";
                                                font: 1em "FontAwesome";
                                            }
                                            body .container .player:before,
                                            body .container .player:after {
                                                content: " ";
                                                display: table;
                                            }
                                            body .player:after {
                                                clear: both;
                                                display: block;
                                                font-size: 0;
                                                height: 0;
                                                visibility: hidden;
                                            }
                                            body {
                                                display: block;
                                                margin: 0 auto 20px auto;
                                                width: 100%;
                                            }
                                            /* body .play-list-row {
display: block;
margin: 10px 0;
width: 100%;
*zoom: 1;
} */
                                            body .container .play-list-row .track-title .playlist-track {
                                                color: #000;
                                                text-decoration: none;
                                            }
                                            body .container .play-list-row .track-title .playlist-track:hover {
                                                text-decoration: underline;
                                            }
                                            body .container .play-list-row .small-toggle-btn {
                                                /* border: 1px solid #d9d9d9; */
                                                border-radius: 2px;
                                                cursor: pointer;
                                                display: inline-block;
                                                height: 20px;
                                                margin: 0 auto;
                                                overflow: hidden;
                                                position: relative;
                                                text-align: center;
                                                vertical-align: middle;
                                                width: 20px;
                                            }
                                            body .container .play-list-row .small-toggle-btn .small-play-btn {
                                                display: inline-block;
                                            }
                                            body .container .play-list-row .small-toggle-btn .small-play-btn:before {
                                                content: "";
                                                font: 0.85em "FontAwesome";
                                            }
                                            body .container .play-list-row .small-toggle-btn .small-pause-btn {
                                                display: inline-block;
                                            }
                                            body .container .play-list-row .small-toggle-btn .small-pause-btn:before {
                                                content: "";
                                                font: 0.85em "FontAwesome";
                                            }
                                            body .container .play-list-row .track-number {
                                                display: inline-block;
                                            }
                                            body .container .play-list-row .track-title {
                                                display: inline-block;
                                            }
                                            body .container .play-list .play-list-row .track-title .playlist-track {
                                                text-decoration: none;
                                            }
                                            body .container .play-list-row .track-title .playlist-track:hover {
                                                text-decoration: underline;
                                            }
                                            body .container .play-list-row .track-title.active-track {
                                                font-weight: bold;
                                            }
                                            body .container .play-list-row:before,
                                            body .container .play-list-row:after {
                                                content: " ";
                                                display: table;
                                            }
                                            body .container .play-list-row:after {
                                                clear: both;
                                                display: block;
                                                font-size: 0;
                                                height: 0;
                                                visibility: hidden;
                                            }
                                            .none {
                                                display: none;
                                            }