.playlist-show-wrap{align-items:start;gap:24px}.playlist-list-top,.playlist-show-wrap{display:flex;justify-content:space-between}.playlist-list-top{align-items:center;margin-bottom:30px}.playlist-edit-btn{background-color:transparent;border:1px solid var(--color-yellow)}.playlist-list-wrap{width:360px}.playlist-list-wrap .playlist-list{border:1px solid var(--color-dark2);border-radius:16px;margin-top:8px;overflow:hidden;padding:16px;position:relative}.playlist-loading{background-color:rgba(0,0,0,.7);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.playlist-loading .spinner-wrap{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.playlist-list-wrap .playlist-list .playlist-item{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;width:100%}.playlist-list-wrap .playlist-list .playlist-item:last-child{margin-bottom:0}.playlist-list-wrap .playlist-list .playlist-item>div{align-items:center;display:flex;justify-content:space-between}.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{border-radius:4px;height:48px;overflow:hidden;position:relative;width:48px}.playlist-list-wrap .playlist-list .playlist-item .bud-info-text{align-items:center;display:flex;width:114px}.playlist-list-wrap .playlist-list .playlist-item .is_playing_box{display:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.playlist-list-wrap .playlist-list .playlist-item .playlist-status-wrap{margin-right:8px;text-align:right;width:88px}.playlist-list-wrap .playlist-list .playlist-item .playlist-point{align-items:center;display:flex;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-list-wrap,.playlist-list-wrap .playlist-list .playlist-item .bud-info-text,.playlist-player-wrap,.switch-option-wrap{width:100%}.playlist-list-wrap .playlist-list .playlist-item>div.right{width:auto}}@media screen and (max-width:768px){.playlist-list-body,.playlist-list-top{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{gap:12px;width:calc(100% - 150px)}.playlist-list-wrap .playlist-list .playlist-item>div.right{width:137px}}