@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.podcast-modal-box{z-index:100000}.podcast-modal-box .modal-dialog.modal-podcast{height:100%;margin:0;max-width:50%;padding-top:0;position:fixed;right:0;top:0;z-index:100000}.podcast-modal-box .modal-dialog.modal-podcast .modal-content{background:var(--Background,#f5f5f5);border:none;border-radius:0;height:100vh}.podcast-modal-box .modal-dialog.modal-podcast .modal-content .modal-body{padding:40px;scrollbar-width:none}#podcast-detail .detail-head{align-items:flex-end;align-self:stretch;display:flex;gap:30px;padding-bottom:30px}#podcast-detail .detail-head .podcast-img{height:200px;position:relative;width:200px}#podcast-detail .detail-head .podcast-img img{border-radius:16px}#podcast-detail .detail-head .control-box{align-items:center;display:flex;flex:1 0 0;justify-content:space-between}#podcast-detail .detail-head .control-box .start{cursor:pointer;display:block}#podcast-detail .detail-head .control-box .start svg g{fill:#fff}#podcast-detail .detail-head .control-box .playing{display:block}#podcast-detail .detail-head .control-box .playing svg path{fill:#000}#podcast-detail .detail-head .control-box .share-icons{align-items:center;display:flex;gap:20px}#podcast-detail .detail-head .control-box .share-icons .icon1,#podcast-detail .detail-head .control-box .share-icons .icon2{cursor:pointer}#podcast-detail .close-button{cursor:pointer;position:absolute;right:20px;top:15px;z-index:9999999}#podcast-detail .close-button svg path{fill:#000}#podcast-detail .title{color:#222;font-size:25px;font-style:normal;font-weight:600;letter-spacing:-.5px;line-height:normal}#podcast-detail .datetime{font-size:14px;line-height:normal}#podcast-detail .article-text,#podcast-detail .datetime{color:var(--Grey-1,#4c4c4c);font-style:normal;font-weight:400}#podcast-detail .article-text{font-size:17px;letter-spacing:-.34px;line-height:32px;padding-bottom:40px;padding-top:30px}@media (max-width:767px){.podcast-modal-box .modal-dialog.modal-podcast{max-width:100%}.podcast-modal-box .modal-dialog.modal-podcast .modal-content .modal-body{padding:30px 20px}#podcast-detail .detail-head{gap:20px}#podcast-detail .detail-head .podcast-img{height:150px;width:150px}#podcast-detail .title{font-size:18px;line-height:30px}}#podcast-list{position:relative}#podcast-list .b1{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px 30px;padding-bottom:50px}#podcast-list .b1 .r0{align-items:flex-start;align-self:stretch;background:var(--Background,#f5f5f5);border:none;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:all .5s ease;width:100%}#podcast-list .b1 .r0:hover{background:var(--Background,#e6e6e6)}#podcast-list .b1 .r0.active{background:var(--Background,#fff);border:1px solid #e6e6e6}#podcast-list .b1 .r0 .r1{align-items:flex-end;display:flex;flex-shrink:0;gap:30px;padding:10px 30px 10px 10px;width:100%}#podcast-list .b1 .r0 .r1 .podcast-content{align-items:flex-start;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;justify-content:space-between;padding:20px 0}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control{align-items:center;align-self:stretch;display:flex;justify-content:space-between}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .start{cursor:pointer;display:block}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .start svg g{fill:#fff}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .start.closed{display:none}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .icon-playing{display:block}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .icon-playing svg path{fill:#000}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .pause{align-items:center;background:var(--Background,#f5f5f5);border-radius:40px;cursor:pointer;display:none;flex-shrink:0;height:40px;justify-content:center;width:40px}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .pause.closed,#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .pause.open{display:flex}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .play{cursor:pointer;display:none}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .play.open{display:block}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .play.closed{display:none}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .play svg g{fill:#f5f5f5}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .share-icons{align-items:center;display:flex;gap:20px}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .share-icons .icon1,#podcast-list .b1 .r0 .r1 .podcast-content .podcast-control .share-icons .icon2{cursor:pointer}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-texts{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:10px}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-texts .title{align-self:stretch;color:#222;font-family:Poppins;font-size:20px;font-style:normal;font-weight:600;letter-spacing:-.4px;line-height:normal}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-texts .datetime{color:var(--Grey-1,#4c4c4c);font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}#podcast-list .b1 .r0 .r1 .podcast-img{flex-shrink:0;height:200px;width:200px}#podcast-list .b1 .r0 .r1 .podcast-img img{border-radius:16px;height:200px;width:200px}#podcast-list .podcast-line{background:#e6e6e6;flex-shrink:0;height:1px}#podcast-list .podcast-tabs{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:60px;height:100px;overflow-x:auto;overflow-y:hidden;padding:40px 0 40px 20px;scrollbar-width:none}#podcast-list .podcast-tabs .podcast-tab{align-items:center;border-top:2px solid transparent;color:#222;display:flex;font-family:Poppins;font-size:17px;font-style:normal;font-weight:600;height:100px;line-height:normal;text-wrap:nowrap}#podcast-list .podcast-tabs .podcast-tab.active{border-top:2px solid #a40000;color:#a40000}#podcast-list .podcast-tabs .podcast-tab:hover{color:#a40000}@media (max-width:767px){#podcast-list .b1{gap:20px 30px;padding:0 10px}#podcast-list .b1 .r0 .r1{gap:20px;padding:20px 20px 0}#podcast-list .b1 .r0 .r1 .podcast-content{padding:0}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-texts{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:10px}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-texts .title{font-size:15px;letter-spacing:-.3px}#podcast-list .b1 .r0 .r1 .podcast-content .podcast-texts .datetime{color:var(--Grey-1,#4c4c4c);font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}#podcast-list .b1 .r0 .r1 .podcast-img{height:100px;width:100px}#podcast-list .b1 .r0 .r1 .podcast-img img{border-radius:10px;height:100px;width:100px}#podcast-list .b1 .r0 .r1-mobile{padding:0 20px 20px;width:100%}#podcast-list .b1 .r0 .r1-mobile .podcast-control{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between}#podcast-list .b1 .r0 .r1-mobile .podcast-control .start{cursor:pointer;display:block}#podcast-list .b1 .r0 .r1-mobile .podcast-control .start svg g{fill:#fff}#podcast-list .b1 .r0 .r1-mobile .podcast-control .start.closed{display:none}#podcast-list .b1 .r0 .r1-mobile .podcast-control .icon-playing{display:block}#podcast-list .b1 .r0 .r1-mobile .podcast-control .icon-playing svg path{fill:#000}#podcast-list .b1 .r0 .r1-mobile .podcast-control .pause{align-items:center;background:var(--Background,#f5f5f5);border-radius:40px;cursor:pointer;display:none;flex-shrink:0;height:40px;justify-content:center;width:40px}#podcast-list .b1 .r0 .r1-mobile .podcast-control .pause.closed,#podcast-list .b1 .r0 .r1-mobile .podcast-control .pause.open{display:flex}#podcast-list .b1 .r0 .r1-mobile .podcast-control .play{cursor:pointer;display:none}#podcast-list .b1 .r0 .r1-mobile .podcast-control .play.open{display:block}#podcast-list .b1 .r0 .r1-mobile .podcast-control .play.closed{display:none}#podcast-list .b1 .r0 .r1-mobile .podcast-control .play svg g{fill:#f5f5f5}#podcast-list .b1 .r0 .r1-mobile .podcast-control .share-icons{align-items:center;display:flex;gap:20px}#podcast-list .b1 .r0 .r1-mobile .podcast-control .share-icons .icon1,#podcast-list .b1 .r0 .r1-mobile .podcast-control .share-icons .icon2{cursor:pointer}#podcast-list .podcast-tabs{gap:20px;height:80px}#podcast-list .podcast-tabs .podcast-tab{font-size:15px;height:80px}}