.album-track{display:inline-block;vertical-align:middle}.music-in-album{margin:4px 30px 4px 20px;padding-left:10px;display:grid;grid-template:"play name album artist like create" /40px  2fr 2fr 1fr 50px 50px}.like-m{display:inline-block}.music-info{background-color:#8899a642}.comment-form{width:auto;height:150px}.comment-textarea{width:100%;height:100px;margin:0;padding:0;display:block;font-size:15px}.comment-submit{margin:10px 0;float:right}.comment-user{color:#8899a6}.musics-suggested{display:grid;grid-template:"jacket name" /60px 1fr;height:60px}.musics-suggested-jacket{margin:5px}.jacket-s{height:60px}.name-s{display:inline-block}.suggestion-wrap{display:flex;align-items:center;margin-left:10px}.music-show-like{display:inline-block;line-height:61px;margin:0 15px}.add-playlist{position:relative}.info{height:auto}.playlist-info{background-color:#eee;padding:2px 20px;border-radius:10px}.playlist-info h1{margin-bottom:5px}.playlist-info h3{margin:10px 0 10px 0}.playlist-edit-delete{height:40px}.playlist-edit-delete a,.playlist-edit-delete span{float:right;margin-left:15px;cursor:pointer;padding:5px 10px;color:#ffffff;border-radius:3px}.playlist-edit-delete a:hover{color:#ffffff}.edit-playlist{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1;background-color:#0000004d;display:none}.play-button{position:relative}.tr-playbutton{opacity:0;bottom:30%}.music-in-album:hover,.track:hover{background-color:#f3f3f3}.playlistplaybutton{font-size:20px}.now-play{background-color:#f3f3f3}.now-play a{color:#0094ff}.sita-container{display:grid;grid-template:"comment playlist" /1fr 1fr}.sita-container h1{margin:5px 0}.new-comment-item{margin-left:10px}.album-background{display:inline-block;width:140px;height:140px;border-radius:3px;transition:0.2s}.album-background:hover{background-color:#e9e9e9}.comment-card,.playlist-card{background-color:aliceblue;margin:5px;padding:5px 7px;border-radius:2px}.edit-btn{background-color:black;color:rgba(240,248,255,0.89);padding:3px 5px;border-radius:5px}.edit-btn:hover{color:aliceblue}body{margin:0;padding:0}@media screen and (max-width: 1023px){.side-bar{display:none;position:fixed;z-index:101;background-color:azure;height:100svh;width:100%}#close-side-bar{display:none;position:absolute;top:3%;right:5%;cursor:pointer}.wide{display:none}.narrow{display:block}.wide-inline-block{display:none}.narrow-inline-block{display:inline-block}.content{height:100svh;display:grid;grid-template-rows:repeat(19, 1fr) 8svh;grid-template-columns:1fr}footer{grid-row:18/21;grid-column:1/3;background-color:#eee}footer div{display:flex;align-items:center}.main-container{grid-row:2/18;grid-column:1/3;overflow-y:scroll;padding:20px 10px 10px 10px;background-color:white}.top-bar{background-color:#272727;grid-row:1;grid-column:1/3;display:grid;grid-template:"left right" / 250px 1fr;z-index:100}#open-side-bar{display:inline-block;cursor:pointer}.track-info-wrapper{justify-content:center;margin:5px 0}.audio-player{display:flex;align-items:center}.album-name-big,.artist-name-big,.artist-th,.title-th,.album-th,.jacket-big{display:none}.album-container{text-align:center}#index-info{height:80svh;width:300px}.album-info{display:grid;grid-template:"jacket text" auto / 140px 1fr}}@media screen and (min-width: 1024px){.content{height:100svh;display:grid;grid-template-rows:repeat(19, 1fr) 8svh;grid-template-columns:250px 1fr}footer{grid-row:20/21;grid-column:1/3;background-color:#eee;display:grid;grid-template:"trackinfo player brank" /30% 1fr 30%}footer div{display:flex;align-items:center}.main-container{grid-row:2/20;grid-column:2;overflow-x:hidden;overflow-y:scroll;padding:20px 40px 10px 40px;background-color:white}#close-side-bar{display:none !important}.side-bar{display:block !important;grid-row:1/20;grid-column:1;background-color:azure}#open-side-bar{display:none}.wide{display:block}.narrow{display:none}.wide-inline-block{display:inline-block}.narrow-inline-block{display:none}.track-info-wrapper{margin-left:30px}.album-name-small,.artist-name-small,.title-artist-th,.jacket-small,.autio-player-wrapper-narrow{display:none}.top-bar{background-color:#272727;grid-row:1;grid-column:2;display:grid;grid-template:"left right" / 300px 1fr;z-index:100}#index-info{height:80svh;width:400px}.album-info{display:grid;grid-template:"jacket text" 250px / 250px 1fr}}.tow-line{display:inline-block;height:17px;margin:auto 10px}.contents_box::-webkit-scrollbar{display:none}.top-bar-left{display:flex}.top-bar-left form{display:inline-block;margin:auto 0;height:28px}@media screen and (min-width: 1024px){.top-bar-left input{width:250px;height:24px;padding:0;margin:0 20px}}@media screen and (max-width: 1023px){.top-bar-left input{width:150px;height:24px;padding:0;margin:0 20px}}.top-bar p{margin-right:30px}.side-bar-content{margin-left:20px;height:100%;display:flex;flex-direction:column}.side-bar-content-2{margin-top:10px;height:auto;overflow-y:scroll;flex-grow:1}.fa-config{font-family:"Font Awesome 6 free";font-weight:900;display:inline-block}.x-icon{float:right;margin:13px 19px;font-size:large;cursor:pointer}.like-icon{color:#ff2581}.icon{display:inline-block;width:25px;height:25px;text-align:center;vertical-align:middle;margin-right:7px}.text-field{width:154px}#logo{font-size:30px;display:inline-block;margin-top:10px}#new-playlist{cursor:pointer;color:#2c2c2c}#new-playlist:hover{color:#000000}.new-playlist-bg{width:100%;height:100%;position:fixed;z-index:200;background-color:#0000004d}@media screen and (min-width: 1023px){.new-playlist-form{width:900px;height:500px;margin:auto;background-color:aliceblue;border-radius:10px}.new-playlist-form-content-form{width:500px;margin:auto}}@media screen and (max-width: 1023px){.new-playlist-form{width:300px;height:500px;margin:auto;background-color:aliceblue;border-radius:10px}.new-playlist-form-content-form{width:250px;margin:auto}}.x{height:30px}.form-name{width:100%}.form-bio{width:500px;height:230px}.new-playlist-comment{width:100%;height:230px}.new-playlist-submit-btn{float:right}#foot-audio-player{display:flex;align-items:center}#foot-audio-player #audio{display:inline-block;width:100%;height:30px}.audio-player-wrapper{display:grid;grid-template:"pre player next loop index-btn index" auto / 50px 10fr 50px 50px 50px 50px}.audio-player-wrapper-music-show{display:grid;grid-template:"player loop ." auto / 10fr 50px 50px  1fr}.track-info{margin-right:10px;display:inline-block}.prevbtn,.nextbtn{margin:0 10px}.fa-rotate{color:#9e9e9e}.loop-true{color:#000000;background-color:#4dafff}.loop-true .fa-rotate{color:black}#index-info-content{height:95%;margin-right:25px}ul{list-style:none;padding:0;margin:0}li{list-style:none;margin:9px 0}a{text-decoration:none;color:#2c2c2c}a:hover{color:black}.album-item{flex:0 0 30%;margin:5px}.album-jacket-img{width:250px}.album-info-text{display:flex;align-items:center}.album-info-text h1{display:inline-block;margin:0}.album-musics{margin:10px}.album-music-track{display:flex;align-items:center}.unliked-btn{cursor:pointer;margin-right:10px;color:#8899a6}.liked-btn{cursor:pointer;margin-right:10px;color:#ff2581}.house{margin-right:10px;color:#000000}.login-forms{width:1000px;margin:100px auto}.liked-music-name,.liked-music-album,.liked-music-artist,.liked-music-like,.liked-music-jacket,.album-music-like{display:flex;align-items:center}.add_playlist-point{cursor:pointer}.select-playlists{position:absolute;right:10px;background-color:#d9eeff;width:100px;padding:0 7px;z-index:1;border-radius:2px}.select-playlists ul{margin-bottom:10px}.select-playlists-close{cursor:pointer}.select-playlists-close p{margin:7px 5px}.music-list{margin:10px 0}.liked-music-jacket a{height:50px}#flash{width:30%;left:70%;position:absolute;top:60px;z-index:50}#flash div{width:100%;height:46px}#flash div p{float:right;margin:1px 50px 1px 0;background-color:#c3e3ff;padding:10px;border-radius:5px;display:inline-block}.clearfix:after{content:"";clear:both;display:block}.opacity-50{opacity:0.5}.tr-number-play{cursor:pointer}.list-style-inside ul,.list-style-inside li{list-style:inside !important}