.component-live-card{--thumb-width:50%;--thumb-max-width:36rem;--title-align:center;--title-size:1.6rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.component-live-card .equalizer{order:1}.component-live-card .equalizer p{line-height:var(--heading-6-line-height);font-size:var(--heading-6-font-size);font-weight:var(--heading-font-weight);display:flex;flex-direction:row;align-items:flex-end;color:var(--palette-grey-500);margin:0}.component-live-card .equalizer p .icon-equalizer{fill:var(--station-link-color)}@media screen and (max-width:767px){.component-live-card .equalizer+.thumb{margin-top:1.6rem}}.component-live-card .thumb{order:2;width:var(--thumb-width);max-width:var(--thumb-max-width);height:100%;max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content}.component-live-card .thumb>a{display:block;height:100%;width:100%}.component-live-card .thumb img{border-radius:50%;-o-object-fit:cover;object-fit:cover;width:100%}.component-live-card .thumb .lazyload{min-height:100%}.component-live-card figcaption{order:4;display:flex;flex-direction:column;align-items:center}.component-live-card figcaption .song-rank{color:var(--station-link-color)}@media screen and (max-width:767px){.component-live-card figcaption .song-rank{display:none}}.component-live-card figcaption .livecard-title{text-align:var(--title-align);margin-top:1.3rem}.component-live-card figcaption .livecard-title a{text-decoration:none}.component-live-card figcaption .content{margin-top:.8rem}.component-live-card figcaption .live-button{margin-top:1.6rem}@media screen and (min-width:768px){.component-live-card figcaption .show-time{font-size:1.6rem;line-height:2.6rem}}.component-live-card.type-recent,.component-live-card.type-topsong{margin-bottom:2.4rem}.component-live-card.type-recent .thumb img,.component-live-card.type-topsong .thumb img{border-radius:.6rem;box-shadow:0 .1rem .3rem rgba(0,0,0,.15)}.component-live-card.type-recent .track-details,.component-live-card.type-topsong .track-details{margin:0 auto;font-weight:400;color:var(--palette-grey-500)}.component-live-card.type-recent .track-details a,.component-live-card.type-topsong .track-details a{text-decoration:none;color:currentColor}.component-live-card.type-microsite{--thumb-max-width:10rem}.component-live-card.type-microsite .livecard-title{font-size:var(--heading-1-font-size);line-height:var(--heading-1-line-height)}@media screen and (min-width:768px){.component-live-card.type-microsite{--thumb-max-width:19.5rem}}.component-live-card.type-topsong.with-rank .thumb{position:relative}@media screen and (max-width:767px){.component-live-card.type-topsong.with-rank .thumb:before{content:attr(data-rank);font-size:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:4rem;height:4rem;background-color:#000;color:#fff;border-bottom:.1rem solid var(--palette-grey-100);border-right:.1rem solid var(--palette-grey-100);border-radius:.6rem 0;border-top:.1rem solid #000;border-left:.1rem solid #000}}@supports(display:grid){@media screen and (min-width:768px){.component-live-card.type-topsong figcaption{display:grid;justify-content:flex-start;grid-row-gap:.8rem}}}.component-live-card.type-recent .track-details .album:before,.component-live-card.type-topsong .track-details .album:before{content:"•";display:inline-flex;padding:0 .5rem}@media screen and (max-width:767px){.component-live-card.type-recent .track-details .album{display:none}}.component-live-card.type-onair .livecard-title,.component-live-card.type-recent .livecard-title,.component-live-card.type-topsong .livecard-title{font-size:var(--heading-5-font-size);line-height:var(--heading-5-line-height)}@media screen and (min-width:768px){.component-live-card.type-onair .livecard-title,.component-live-card.type-recent .livecard-title,.component-live-card.type-topsong .livecard-title{font-size:var(--heading-3-font-size);line-height:var(--heading-3-line-height)}}@media screen and (min-width:1060px){.component-live-card .thumb{min-width:17rem;max-width:30rem}}@supports(display:grid){@media screen and (min-width:768px){.component-live-card{--title-size:2.4rem;--title-align:left;--thumb-width:100%;--thumb-max-width:22.4rem;--caption-column:1;--column-gap:0;--template-columns:max-content 1fr;--template-rows:repeat(2,auto);display:grid;grid-template-columns:var(--template-columns);grid-template-rows:var(--template-rows);grid-column-gap:var(--column-gap);align-items:center}.component-live-card.with-thumb{--caption-column:2;--column-gap:3.2rem}.component-live-card .equalizer,.component-live-card .thumb,.component-live-card figcaption{order:unset}.component-live-card .thumb{grid-column:1;grid-row:1}.component-live-card .equalizer{grid-column:var(--caption-column);grid-row:1;margin:0;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.component-live-card figcaption{grid-column:var(--caption-column);grid-row:1;margin:0;align-items:flex-start;justify-content:center}.component-live-card figcaption .livecard-title{margin:0}.component-live-card.type-onair,.component-live-card.type-recent{grid-row-gap:.9rem;align-items:flex-start}.component-live-card.type-onair .thumb,.component-live-card.type-recent .thumb{grid-row:1/span 2}.component-live-card.type-onair figcaption,.component-live-card.type-recent figcaption{grid-row:2}.component-live-card.type-recent,.component-live-card.type-topsong{--template-columns:minmax(auto,1fr) 2fr;--thumb-max-width:unset}.component-live-card.type-recent{--template-rows:1fr 3fr}}}.component-live-card+.component-divider{margin-bottom:1.6rem}.icon-equalizer{fill:var(--station-link-color)}