.audio__section{background:linear-gradient(0,rgba(50,50,60,0.95),rgba(50,50,60,0.95)),url('https://info.currencyfair.com/hubfs/Singapore_skyline_buildings.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;padding:60px 0;position:relative}.audio__container{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1032px;width:100%}.audio__intro,.audio__footer{flex-basis:66.66666667%;width:66.66666667%}.audio__title{color:#ffb432;font-size:36px;font-weight:700;margin-bottom:12px}.audio__subtitle{color:#FFF;font-size:24px;font-weight:500;margin-bottom:0}.audio__context{flex:1;margin-left:36px}.audio__footer{margin-top:-200px;position:relative}.audio__image{background-color:#FFF;border-radius:24px;margin-bottom:24px;overflow:hidden;padding-top:100%;position:relative}.audio__image img{bottom:0;height:100%;left:0;object-fit:cover;position:absolute;right:0;top:0;width:100%}.audio__speaker-name{color:#ffb432;font-size:21px;font-weight:700;margin-bottom:4px}.audio__speaker p{color:#FFF}.audio__speaker p+p{margin-top:4px}.audio__interact{visibility:visible}.audio__interact--hidden{visibility:hidden}.audio__controls{align-items:center;color:#FFF;display:flex;font-weight:500;justify-content:space-between;margin-bottom:24px}.audio__time{flex:1}.audio__time--ending{text-align:right}.audio__buttons{align-items:center;display:flex}.audio__button{align-items:center;border-radius:48px;border:0;color:#FFF;cursor:pointer;display:flex;height:48px;justify-content:center;font-family:'Material Icons';outline:0;width:48px}.audio__button--play{background:#4db377;margin:0 24px;position:relative}.audio__button--play:hover,.audio__button--play:focus{background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),#4db377}.audio__button--play::before{content:'\e037';display:block;font-size:30px;line-height:1;position:absolute}.audio__button--playing::before{content:'\e037'}.audio__button--paused::before{content:'\e034'}.audio__button--small{background-color:transparent}.audio__button--small::before{color:#4db377;display:block;font-size:20px;line-height:1;position:absolute;z-index:2}.audio__button--reverse::before{content:'\e020'}.audio__button--forward::before{content:'\e01f'}.audio__button--small::after{content:'';display:block;border:1px solid #4db377;border-radius:48px;height:36px;width:36px;position:absolute;z-index:1}.audio__button--small:hover::before,.audio__button--small:focus::before{color:#FFF}.audio__button--small:hover::after,.audio__button--small:focus::after{background-color:#4db377}.waveform{cursor:pointer}.popup__container{background-color:#FFF;bottom:0;box-shadow:0px 4px 36px rgba(0,0,0,0.5);display:none;left:0;padding:36px 16px;position:fixed;z-index:500}.popup__container--in{animation-name:slideIn;animation-duration:1s;animation-timing-function:ease-in;display:initial}.popup__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.popup__title{margin-bottom:0}.popup__close{align-items:center;background-color:transparent;border:0;display:flex;justify-content:center;outline:0;padding:12px}.popup__close::before{content:'\e5c9';display:block;font-family:'Material Icons';font-size:24px;line-height:1}.popup__title,.popup__close{color:#32323c}.popup__text{color:#596670}.loader__container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.loader,.loader:before,.loader:after{background:#fff;-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out;width:1em;height:4em}.loader{color:#fff;text-indent:-9999em;margin:88px auto;position:relative;font-size:11px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.loader:before,.loader:after{position:absolute;top:0;content:''}.loader:before{left:-1.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.loader:after{left:1.5em}@-webkit-keyframes load1{0%,80%,100%{box-shadow:0;height:4em}40%{box-shadow:0 -2em;height:5em}}@keyframes load1{0%,80%,100%{box-shadow:0;height:4em}40%{box-shadow:0 -2em;height:5em}}.loader--hidden{display:none}@media screen and (max-width:960px){.audio__section{padding:60px 24px}.audio__title{font-size:32px}.audio__subtitle{font-size:21px}}@media screen and (max-width:750px){.audio__container{align-items:center;flex-direction:column}.audio__intro{margin-bottom:48px;text-align:center}.audio__context{margin-left:0;margin-bottom:48px;position:relative}.audio__image{margin-bottom:0;position:relative;width:300px}.audio__image::before{background:linear-gradient(180deg,rgba(30,34,37,0) 0%,#1e2225 100%);bottom:0;content:'';display:block;height:50%;position:absolute;width:100%;z-index:1}.audio__speaker{bottom:0;padding:16px;position:absolute;width:100%;z-index:2}.audio__footer{margin-top:0}.audio__intro,.audio__footer{flex-basis:83.33333337%;width:83.33333337%}}@media screen and (max-width:480px){.audio__section{padding:60px 16px}.audio__intro,.audio__footer{flex-basis:100%;width:100%}.audio__button--play{margin:0 12px}.audio__context{width:100%}.audio__image{width:100%}}@media screen and (min-width:480px){.popup__container{display:none}}@keyframes slideIn{from{transform:translateY(600px);opacity:0}to{transform:translateY(0);opacity:1}}