.yellow-podcast-takeaway .single-takeaways{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1.75rem;margin-bottom:2rem;border-radius:1rem;padding:1.5rem 1rem}@media(max-width: 1023px){.yellow-podcast-takeaway .single-takeaways{gap:1rem;margin-bottom:1rem}}.yellow-podcast-takeaway .single-takeaways:last-child{margin-bottom:0}.yellow-podcast-takeaway .single-takeaways .left{width:100%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;max-width:2.5rem}.yellow-podcast-takeaway .single-takeaways .left .audio-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;width:2.5rem;height:2.5rem;position:relative;border-radius:50%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#fff}.yellow-podcast-takeaway .single-takeaways .left .audio-button .inner-circle{top:.125rem;left:.125rem;width:2.25rem;height:2.25rem;border-radius:50%;position:absolute;background-color:#f4f4f4}.yellow-podcast-takeaway .single-takeaways .left .audio-button .progress-bar{top:0;left:0;display:none;width:2.5rem;height:2.5rem;border-radius:50%;position:absolute;background-image:conic-gradient(#5C42FC 0deg, #FFF 0deg)}.yellow-podcast-takeaway .single-takeaways .left .audio-button img{display:block;width:1.5rem;height:1.5rem;position:relative;-o-object-fit:contain;object-fit:contain}.yellow-podcast-takeaway .single-takeaways .left .audio-button img.pause-button{display:none}.yellow-podcast-takeaway .single-takeaways .left .restart-button{display:none;cursor:pointer;width:2.5rem;height:2.5rem;border-radius:50%;margin-top:1rem;background-color:#fff;padding:.5rem .375rem .5rem .625rem}.yellow-podcast-takeaway .single-takeaways .left .restart-button img{display:block;width:1.5rem;height:1.5rem;position:relative;-o-object-fit:contain;object-fit:contain}.yellow-podcast-takeaway .single-takeaways .right{width:100%}.yellow-podcast-takeaway .single-takeaways .right .title-div{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.875rem;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin-bottom:.5rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media(max-width: 1023px){.yellow-podcast-takeaway .single-takeaways .right .title-div{gap:.125rem;margin-bottom:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}}.yellow-podcast-takeaway .single-takeaways .right .title-div .title{width:auto;color:#000;font-weight:500;font-size:1.5rem;line-height:1.75rem}@media(max-width: 1023px){.yellow-podcast-takeaway .single-takeaways .right .title-div .title{max-width:100%;white-space:normal;font-size:1.125rem;line-height:1.5rem;text-overflow:initial}}.yellow-podcast-takeaway .single-takeaways .right .title-div .timestamp{color:#000;font-weight:500;font-size:.875rem;line-height:1.375rem;border-radius:3.125rem;background-color:#f2eee3;padding:.25rem .5rem}.yellow-podcast-takeaway .single-takeaways .right .descriptions{color:#000;overflow:hidden;font-size:1.125rem;display:-webkit-box;line-height:1.5rem;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width: 1023px){.yellow-podcast-takeaway .single-takeaways .right .descriptions{display:none;font-size:1rem;margin-top:3rem;line-height:1.375rem;margin-left:-3.5rem}}.yellow-podcast-takeaway .single-takeaways.active{background-color:#f4f4f4}.yellow-podcast-takeaway .single-takeaways.active .left .audio-button{background-color:#f4f4f4}.yellow-podcast-takeaway .single-takeaways.active .left .audio-button .progress-bar{display:block}.yellow-podcast-takeaway .single-takeaways.active .left .audio-button img.play-button{display:none}.yellow-podcast-takeaway .single-takeaways.active .left .audio-button img.pause-button{display:block}.yellow-podcast-takeaway .single-takeaways.active .left .restart-button{display:block}.yellow-podcast-takeaway .single-takeaways.active .right .title-div .timestamp{color:#fff;background-color:#29165e}.yellow-podcast-takeaway .single-takeaways.active .right .descriptions{display:block}@media(max-width: 1023px){.yellow-podcast-takeaway .single-takeaways.active .right .descriptions{display:block}}