@charset "UTF-8";.playlist-show-wrap{display:flex;justify-content:space-between;align-items:start;gap:24px}.playlist-list-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.playlist-edit-btn{border:1px solid #2e2e2e;background-color:#2e2e2e;color:var(--color-header)}.playlist-list-wrap{width:360px}.playlist-list-wrap .playlist-list{padding:16px;border:1px solid var(--color-sndpay2);border-radius:16px;margin-top:8px;position:relative;overflow:hidden}.playlist-loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1}.playlist-loading .spinner-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playlist-list-wrap .playlist-list .playlist-item{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;margin-bottom:16px}.playlist-list-wrap .playlist-list .playlist-item:last-child{margin-bottom:0}.playlist-list-wrap .playlist-list .playlist-item>div{display:flex;justify-content:space-between;align-items:center}.playlist-list-wrap .playlist-list .playlist-item>div.left{gap:16px}.playlist-list-wrap .playlist-list .playlist-item>div.right{width:100%}.playlist-list-wrap .playlist-list .playlist-item .img-wrap{width:48px;height:48px;border-radius:4px;overflow:hidden;position:relative}.playlist-list-wrap .playlist-list .playlist-item .bud-info-text{display:flex;align-items:center;width:114px}.playlist-list-wrap .playlist-list .playlist-item .is_playing_box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.playlist-list-wrap .playlist-list .playlist-item .playlist-status-wrap{width:88px;margin-right:8px;text-align:right}.playlist-list-wrap .playlist-list .playlist-item .playlist-point{display:flex;align-items:center;gap:2px}.playlist-list-wrap .playlist-list .playlist-item .playlist-point .coin-wrap,.playlist-list-wrap .playlist-list .playlist-item .playlist-point img{display:block;width:16px}.playlist-list-wrap .playlist-list .playlist-item.playing .is_playing_box{display:block}.playlist-player-wrap{width:calc(100% - 360px)}.playlist-item.skip[data-item-status=after],.playlist-item.skip[data-item-status=done]{opacity:.4}@media screen and (max-width:1208px){.playlist-show-wrap{flex-wrap:wrap}.playlist-player-wrap,.playlist-list-wrap,.switch-option-wrap,.playlist-list-wrap .playlist-list .playlist-item .bud-info-text{width:100%}.playlist-list-wrap .playlist-list .playlist-item>div.right{width:auto}}@media screen and (max-width:768px){.playlist-list-top,.playlist-list-body{padding:0 16px}.playlist-list-wrap .playlist-list{border:0}.playlist-list-wrap .playlist-list .playlist-item .bud-info-text{width:calc(100% - 60px)}.playlist-list-wrap .playlist-list .playlist-item .playlist-status-wrap{width:95px}.playlist-list-wrap .playlist-list .playlist-item .playlist-status-wrap .bud-player-info-status-text[data-status=after]>span>span:first-child{width:100%}.playlist-list-wrap .playlist-list .playlist-item>div.left{width:calc(100% - 150px);gap:12px}.playlist-list-wrap .playlist-list .playlist-item>div.right{width:137px}}