@font-face{font-display:swap;font-family:Fredericka;font-weight:400;src:url(/static/media/FrederickatheGreat-Regular.69cef5dc99024da59d1e.ttf)}*{box-sizing:border-box;font-family:Arial,sans-serif;list-style:none;margin:0;outline:none;padding:0;text-decoration:none}body{background-color:#e1decf}body .container{margin:32px auto 70px;max-width:1300px;padding:0 10px;position:relative}body .container .header{display:flex;gap:20px;justify-content:flex-end;padding:0 30px;width:100%}body .container .header .logo{height:90px}body .container .main{align-items:center;display:flex;flex-direction:column;margin-top:40px;width:100%}body .container .main .info{align-items:center;display:flex;gap:10px;justify-content:center}body .container .main .info .left{max-height:530px}body .container .main .info .left img{height:100%;object-fit:cover;width:100%}body .container .main .info .right{max-width:50%;text-align:justify}body .container .main .music-box{display:flex;flex-direction:column;gap:12px;margin-top:32px;max-width:720px;width:100%}body .container .main .music-box .top{display:flex;justify-content:space-between}body .container .main .music-box .top .music-list{background:linear-gradient(90deg,#8a7967,#e1decf);border:2px solid #8a7967;color:#fff;max-width:314px}body .container .main .music-box .top .music-list .list-item{cursor:pointer;display:flex;flex-direction:column;font-size:14px;line-height:30px;min-height:30px;padding:4px 8px;transition:all .4s}body .container .main .music-box .top .music-list .list-item.active{background-color:#8a7967}body .container .main .music-box .top .music-list .list-item:hover{background:#8a7967}body .container .main .music-box .top .music-list .list-item:not(:last-child){border-bottom:2px solid #8a7967}body .container .main .music-box .top .img{display:flex;height:100%;width:393px}body .container .main .music-box .top .img img{height:100%;width:100%}body .container .main .music-box .top .musics{background:#bdab98;border:2px solid #8a7967;display:flex;flex-direction:column;max-height:462px;max-width:393px;overflow-y:auto;padding:4px 0;width:393px}body .container .main .music-box .top .musics span{color:#8a7967;padding:0 4px}body .container .main .music-box .top .musics span:hover{background-color:#8a7967;color:#fff;cursor:pointer}body .container .main .music-box .top .musics span.active{background-color:#8a7967;color:#fff}body .container .main .music-box .options{align-items:center;background-color:#8a7967;display:flex;justify-content:space-between;padding:10px}body .container .main .music-box .options .first{display:flex;gap:6px}body .container .main .music-box .options .first span{background-color:#fff;border-radius:50%;cursor:pointer;height:50px;line-height:60px;text-align:center;width:50px}body .container .main .music-box .options .first span svg{fill:#8a7967;height:20px;width:20px}body .container .main .music-box .options .second{align-items:center;display:flex;flex-direction:column;width:100%}body .container .main .music-box .options .second .progress{background-color:#e1decf;height:6px;max-width:400px;width:100%}body .container .main .music-box .options .second .progress span{background-color:#fff;display:block;height:100%}@media screen and (max-width:730px){body .container .header{justify-content:center}body .container .main .info{flex-direction:column}body .container .main .info .left{max-height:none}body .container .main .info .right{max-width:none}body .container .main .music-box .top{flex-direction:column;gap:10px}body .container .main .music-box .top .music-list,body .container .main .music-box .top .musics{max-width:none;width:100%}body .container .main .music-box .top .img{width:100%}}@media screen and (max-width:440px){body .container{margin-bottom:200px}body .container .header{align-items:center;flex-direction:column}body .container .main .music-box .options{bottom:0;left:0;position:fixed;width:100%}}.rhap_container{background-color:#8a7967!important;box-shadow:none!important}.rhap_container button svg path{fill:#fff!important}.rhap_container .rhap_progress-filled,.rhap_container .rhap_progress-indicator,.rhap_container .rhap_volume-indicator{background-color:#e1decf!important}.rhap_container .rhap_time{color:#fff}.rhap_container .rhap_additional-controls{display:none!important}::-webkit-scrollbar{height:10px;width:12px}::-webkit-scrollbar-track{background:#e1decf;border-radius:10px}::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8a7967}.rhap_container{background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.2);box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;line-height:1;padding:10px 15px;width:100%}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex:1 1 auto;flex-direction:column}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{align-items:center;display:flex;flex:3 1 auto}.rhap_progress-container{align-items:center;align-self:center;cursor:pointer;display:flex;flex:1 0 auto;height:20px;margin:0 calc(10px + 1%);user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{background-color:#ddd;border-radius:2px;box-sizing:border-box;height:5px;position:relative;width:100%;z-index:0}.rhap_progress-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_progress-bar-show-download{background-color:hsla(0,0%,87%,.5)}.rhap_download-progress{background-color:#ddd;border-radius:2px;height:100%;position:absolute;z-index:1}.rhap_progress-indicator{background:#868686;border-radius:50px;box-shadow:0 0 5px hsla(0,0%,53%,.5);box-sizing:border-box;height:20px;margin-left:-10px;position:absolute;top:-8px;width:20px;z-index:3}.rhap_controls-section{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between}.rhap_additional-controls{align-items:center;display:flex;flex:1 0 auto}.rhap_repeat-button{color:#868686;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_main-controls{align-items:center;display:flex;flex:0 1 auto;justify-content:center}.rhap_main-controls-button{color:#868686;font-size:35px;height:35px;margin:0 3px;width:35px}.rhap_play-pause-button{font-size:40px;height:40px;width:40px}.rhap_volume-controls{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.rhap_volume-button{color:#868686;flex:0 0 26px;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_volume-container{align-items:center;display:flex;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{align-items:center;cursor:pointer;display:flex;height:14px;width:100%}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{background:#ddd;border-radius:2px;box-sizing:border-box;height:4px;position:relative;width:100%}.rhap_volume-indicator{background:#868686;border-radius:50px;box-shadow:0 0 3px hsla(0,0%,53%,.5);box-sizing:border-box;cursor:pointer;height:12px;left:0;margin-left:-6px;opacity:.9;position:absolute;top:-4px;width:12px}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_button-clear{background-color:initial;border:none;cursor:pointer;overflow:hidden;padding:0}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}
/*# sourceMappingURL=main.09d01223.css.map*/