.audio-sample-list.bg-dark{color:#fff}.audio-sample-list__title{margin-bottom:2rem}.audio-sample-list__list .audio-sample-list{display:flex}.audio-sample-list__list .audio-sample-list__audio-item{display:flex;flex-direction:row;width:100%;padding:2rem 4rem 2rem 2rem;border-top:1px solid #fff;gap:2.5rem;justify-content:space-between}.audio-sample-list__list .audio-sample-list__audio-item>div{display:flex;flex-direction:row;gap:2.5rem}.audio-sample-list__list .audio-sample-list__audio-item:last-child{border-bottom:1px solid #fff}@media(max-width: 991.98px){.audio-sample-list__list .audio-sample-list__audio-item{flex-direction:column;gap:1.5rem;padding:2rem 0;width:100%}.audio-sample-list__list .audio-sample-list__audio-item>div{gap:1.5rem}.audio-sample-list__list .audio-sample-list__audio-item>div:last-child{margin-left:calc(50px + 1.5rem)}}.audio-sample-list__list .audio-sample-list__audio-item-name{display:flex;flex-direction:column;margin-right:3rem}.audio-sample-list__list .audio-sample-list__audio-item-name span:nth-child(1){font-size:16px;font-weight:500;line-height:24px}.audio-sample-list__list .audio-sample-list__audio-item-name span:nth-child(2){font-size:16px;font-weight:300;line-height:24px;margin-top:0.25rem}@media(max-width: 991.98px){.audio-sample-list__list .audio-sample-list__audio-item-name{margin-right:0}}.audio-sample-list__list .audio-sample-list__audio-item-platform,.audio-sample-list__list .audio-sample-list__audio-item-duration{display:flex;flex-direction:column}.audio-sample-list__list .audio-sample-list__audio-item-platform span:nth-child(1),.audio-sample-list__list .audio-sample-list__audio-item-duration span:nth-child(1){font-size:12px;font-weight:300;line-height:24px;color:#d0d0d0}.audio-sample-list__list .audio-sample-list__audio-item-platform span:nth-child(2),.audio-sample-list__list .audio-sample-list__audio-item-duration span:nth-child(2){font-size:16px;font-weight:300;line-height:24px}.audio-sample-list__list .audio-sample-list__audio-item-icon{pointer-events:all;cursor:pointer;transition:transform .35s ease-out;transform:scale(1, 1)}.audio-sample-list__list .audio-sample-list__audio-item-icon:hover{transform:scale(0.96, 0.96)}.audio-sample-list__list .audio-sample-list__audio-item-icon.play{content:url(https://www.sph.com.sg/wp-content/themes/sph/template-parts/images/icons/icon-audio-play.svg);width:50px;height:50px}.audio-sample-list__list .audio-sample-list__audio-item-icon.pause{content:url(https://www.sph.com.sg/wp-content/themes/sph/template-parts/images/icons/icon-audio-pause.svg);width:50px;height:50px}