.Carousel{position:relative;overflow:hidden}.Carousel-container{display:flex;gap:16px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}.Carousel:hover .Carousel-button{display:flex}.Carousel-button{display:none;position:absolute;top:40%;z-index:1;transform:translateY(-50%) rotate(-90deg);background-color:var(--color-orange);border:none;border-radius:50%;color:#fff;width:54px;height:54px;cursor:pointer;align-items:center;justify-content:center;font-size:1.2rem}.Carousel-button.right{right:10px}.Carousel-button.left{left:10px}.Carousel-button.left svg{transform:rotate(180deg)}@media screen and (max-width:767px){.Carousel:hover .Carousel-button{display:none}}.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)}.PageSection{margin-top:0;margin-bottom:30px}.PageSection-header{display:flex;justify-content:space-between;align-items:center;min-height:66px}.PageSection-title{font-size:var(--font-size-19);font-weight:var(--font-weight-800)}.PageSection-link,.PageSection-title{letter-spacing:var(--letter-spacing-05);text-transform:uppercase}.PageSection-link{font-size:var(--font-size-14);font-weight:var(--font-weight-700);color:var(--color-orange);text-decoration:none}@media screen and (max-width:768px){.PageSection{margin-top:18px}}.LockBadge{width:32px;height:32px;position:absolute;right:8px;top:8px;z-index:1;background-color:var(--color-gray-10);border:1px solid var(--color-gray-20);border-radius:32px;display:flex;align-items:center;justify-content:center}.LockBadge-popover{border-radius:50px!important;padding:4px 16px}.LockBadge-text{font-size:var(--font-size-13);font-weight:var(--font-weight-600)}@media screen and (max-width:767px){.LockBadge{right:5px;top:5px;width:25px;height:25px;padding:5px}.LockBadge .Icon{width:14px;height:14px}}.MusicCard{width:228px;min-height:232px;position:relative;margin-top:0}@media screen and (max-width:1130px){.MusicCard{width:182px;min-height:182px}}.MusicCard-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}.MusicCard-imageWrap{position:relative}.MusicCard-imageWrap:hover .ShowTotalTime{display:block}.MusicCard-artist,.MusicCard-title{margin-top:8px;text-align:center}.MusicCard-artist-link,.MusicCard-title-link{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;font-size:var(--font-size-16);font-weight:var(--font-weight-700);line-height:var(--line-height-130)}.MusicCard-artist-link{width:100%;font-size:var(--font-size-16);font-weight:var(--font-weight-400)}.MusicCard-title{display:flex;align-items:flex-end;justify-content:center;padding:0 4px;margin-top:0}.MusicCard-explicit{margin-left:4px;margin-bottom:4px;width:10px;height:10px}.MusicCard-supporter{position:absolute;left:8px;top:8px;z-index:1}.MusicCard-featuring .Featured-prefix{font-weight:var(--font-weight-700);font-size:var(--font-size-14)!important}.MusicCard-featuring .Featured-link{color:var(--color-orange);font-size:var(--font-size-14)!important}@media screen and (max-width:768px){.MusicCard{width:160px;min-height:160px}.MusicCard-artist-link,.MusicCard-title-link{font-size:var(--font-size-15)}.MusicCard-featuring .Featured-link,.MusicCard-featuring .Featured-prefix{font-size:var(--font-size-13)!important}}.ArticleCard{width:490px;flex:0 1;min-height:380px;display:flex;flex-direction:column}.ArticleCard-img-link{display:block;height:276px;margin-bottom:22px}.ArticleCard-title{font-size:var(--font-size-19);letter-spacing:var(--letter-spacing-05);font-weight:var(--font-weight-700);margin-bottom:8px}.ArticleCard-title:hover{text-decoration:underline}.ArticleCard-description{color:var(--color-gray-40);font-size:var(--font-size-14);font-weight:var(--font-weight-400);letter-spacing:var(--letter-spacing-05)}@media screen and (max-width:767px){.ArticleCard{width:308px}.ArticleCard-img-link{height:175px}}.Featured{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Featured-prefix{margin-right:8px;font-size:var(--font-size-13)}.Featured-link{font-weight:var(--font-weight-700);font-size:var(--font-size-13)}