.CardImage{width:100%;height:100%}.CardImage-block{display:block;position:relative;align-content:center;cursor:pointer;padding:0;border:none;width:228px;height:232px}@media screen and (max-width:1130px){.CardImage-block{width:182px;height:182px}}@media screen and (max-width:768px){.CardImage-block{width:160px;height:160px}}.CardImage-block:hover .ShowTotalTime{display:block!important}.CardImage-block:before{background-color:var(--color-gray-14)}.CardImage-block:after,.CardImage-block:before{content:"";display:block;position:absolute;z-index:0}.CardImage-block:after{background-color:var(--color-gray-transparent)}.CardImage-block.song:before{content:normal;display:none}.CardImage-block.album:before{height:95%;width:4px;top:50%;right:-4px;transform:translateY(-50%);z-index:0}.CardImage-block.album:after{height:90%;width:4px;top:50%;right:-8px;transform:translateY(-50%);z-index:0}.CardImage-block.playlist:before{height:4px;width:95%;left:50%;top:-4px;transform:translateX(-50%)}.CardImage-block.playlist:after{height:4px;width:90%;left:50%;top:-8px;transform:translateX(-50%)}.CardImage-playBtn{position:absolute;right:12px;bottom:12px;z-index:3;width:48px;height:48px;border:none;border-radius:48px;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .2s ease-in}@starting-style{.CardImage-playBtn{opacity:0}}.CardImage-playBtnicon{margin-left:4px}.CardImage-playBtn .Icon rect[fill]{fill:var(--color-black-10)!important}.PlaylistCard{width:228px;min-height:232px;position:relative;margin-top:12px}@media screen and (max-width:1130px){.PlaylistCard{width:182px;min-height:182px}}@media screen and (max-width:768px){.PlaylistCard{width:160px;min-height:160px}}.PlaylistCard-rank{position:absolute;left:0;top:0;z-index:1;font-size:var(--font-size-14);font-weight:var(--font-weight-700);letter-spacing:var(--letter-spacing-05);background-color:var(--color-orange);color:var(--color-theme-primary-dark);padding:3px 5px}.PlaylistCard-title{margin-top:8px}.PlaylistCard-image .CardImage{width:100%;height:100%}.PlaylistCard-title-link{font-size:var(--font-size-15);font-weight:var(--font-weight-700)}.PlaylistCard-description,.PlaylistCard-title-link{word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.PlaylistCard-description{margin-top:2px;font-size:var(--font-size-13);font-weight:var(--font-weight-500);letter-spacing:var(--letter-spacing-05);color:var(--color-gray-30)}.PlaylistCategory-content{display:flex;flex-wrap:wrap;padding:0 12px;gap:24px}.PlaylistCategory-btn{background-color:var(--color-orange);color:var(--color-black-10);font-weight:var(--font-weight-700);font-size:var(--font-size-20);border-radius:100px;margin-top:32px;padding:12px 32px;text-transform:uppercase}.PlaylistCategory-btn:disabled{background-color:var(--color-gray-20);color:var(--color-white)}.PlaylistCategory-bottom{flex:0 0 100%;text-align:center}.PlaylistCategory-head{font-size:var(--font-size-19);font-weight:var(--font-weight-800);text-transform:uppercase;line-height:var(--line-height-140)}.PlaylistCategory-head-block{padding:12px 0 36px;display:flex;align-items:center;justify-content:space-between}.PlaylistCategory-head-link{color:var(--color-orange);font-size:var(--font-size-14);font-weight:var(--font-weight-700)}.PlaylistCategory-empty{font-size:var(--font-size-16);font-weight:var(--font-weight-700);margin-top:16px}@media screen and (max-width:575px){.PlaylistCategory-content{justify-content:space-around;padding:0;gap:24px}.PlaylistCategory-head{font-size:var(--font-size-17)}.PlaylistCategory-head-link{display:none}}