.button-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.button-row .button-col{display:flex;align-items:center;gap:12px}.btn-default{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-black);font-family:"MNCSansRegular",sans-serif;font-size:14px;line-height:150%;padding:8px 16px;border:1px solid var(--color-black);border-radius:32px;background-color:var(--color-white);transition:all 0.3s ease-in-out}.btn-default:hover,.btn-default.active{background-color:var(--color-red-2);color:var(--color-white);border:1px solid var(--color-red-2)}.btn-blue{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-family:"MNCSansRegular",sans-serif;font-size:14px;line-height:150%;padding:8px 16px;border:1px solid #469fff;border-radius:32px;background:#469fff;transition:all 0.3s ease-in-out}.btn-blue.unseen{display:none}.widgetListArticle.row .widgetListArticle__body article.cardArticle .cardImg{height:100%;max-height:110px;cursor:pointer}.widgetListArticle.row .widgetListArticle__body article.cardArticle .cardImg.disabled{cursor:not-allowed}.widgetListArticle.row .widgetListArticle__body article.cardArticle .cardImg .now-playing{position:absolute;top:0;left:0;background:rgb(41 41 41 / .75);width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:4px;font-family:"MNCSansBold";font-size:14px;line-height:150%;color:var(--color-white);z-index:-1;opacity:0;transition:all 0.5s ease-in-out}.widgetListArticle.row .widgetListArticle__body article.cardArticle .cardImg .now-playing.show{z-index:3;opacity:1}.widgetListArticle.row .widgetListArticle__body article.cardArticle .cardImg .now-playing i{position:relative;width:24px;height:24px}.widgetListArticle.row .widgetListArticle__body article.cardArticle .cardImg .now-playing i.ic-playing-now{background-image:url(../../../img/icon/ic-playing-now.svg);background-size:cover;background-position:center;background-repeat:no-repeat}.ck-playlist{display:block;position:absolute;bottom:11px;left:11px;width:18px;height:18px;font-size:14px;line-height:20px;font-weight:400;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ck-playlist.unseen{display:none}.ck-playlist input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.ck-playlist .input-checkbox-checkmark{position:absolute;top:0;left:0;width:18px;height:18px;border:2px solid var(--color-white)}.ck-playlist .input-checkbox-checkmark:after{content:"";position:absolute;display:none;left:4px;top:0;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.ck-playlist.sm{padding:8px 16px;padding-left:8px;margin-bottom:0}.ck-playlist.sm .input-checkbox-checkmark{position:absolute;top:0;left:4px;width:14px;height:14px}.ck-playlist.sm .input-checkbox-checkmark:after{top:2px;left:4px;width:3px;height:6px}.ck-playlist:hover input~.input-checkbox-checkmark,.ck-playlist input~.input-checkbox-checkmark{background:rgb(55 54 54 / .1);backdrop-filter:blur(4px);border-radius:4px}.ck-playlist input:checked~.input-checkbox-checkmark{background-color:var(--color-red-2);border:2px solid var(--color-red-2)}.ck-playlist input:checked~.input-checkbox-checkmark:after{display:block}.btn-listen,.btn-listen-all{display:flex;align-items:center;width:fit-content;font-family:"MNCSansRegular";font-size:12px;font-weight:400;line-height:150%;text-align:left;color:var(--color-red-2);cursor:pointer;background:#f4f4f4;gap:8px;border-width:1.17px;border-style:solid;border-color:#f4f4f4;border-image:initial;padding:4px 8px;border-radius:16px}.btn-listen i,.btn-listen-all i{position:relative;width:16px;height:16px}.btn-listen i.ic-listen,.btn-listen-all i.ic-listen{background-image:url(../../../img/icon/ic-listen.svg);background-size:cover;background-position:center;background-repeat:no-repeat}.btn-listen i.ic-pause,.btn-listen-all i.ic-pause{background-image:url(../../../img/icon/ic-pause.svg);background-size:cover;background-position:center;background-repeat:no-repeat}.btn-listen-big{display:flex;align-items:center;width:fit-content;font-family:"MNCSansRegular";font-size:14px;font-weight:400;line-height:100%;text-align:left;color:#2d2d2a;cursor:pointer;gap:8px;padding:4px 8px}.btn-listen-big i{position:relative;width:32px;height:32px}.btn-listen-big i.ic-listen{background-image:url(../../../img/icon/ic-listen.svg);background-size:cover;background-position:center;background-repeat:no-repeat}.btn-listen-big i.ic-pause{background-image:url(../../../img/icon/ic-pause.svg);background-size:cover;background-position:center;background-repeat:no-repeat}#audioPlay{display:none}.playlist-player{position:fixed;top:26px;left:0;width:100%;height:60px;z-index:98;transition:all 0.6s ease-in-out}.playlist-player .container{background:rgb(35 31 32 / .9);box-shadow:0 4px 10px 0 rgb(153 153 153 / .2)}.playlist-player.show{top:86px}.playlist-player .playlist-player-wp{display:flex;align-items:center;gap:16px}.playlist-player .playlist-player-wp .playlist-player-img{position:relative;width:98px;height:60px;padding:8px 0 8px 8px}.playlist-player .playlist-player-wp .playlist-player-img img{width:100%;height:100%;object-fit:cover}.playlist-player .playlist-player-wp .playlist-player-desc{font-family:"MNCSansRegular";font-size:16px;line-height:150%;color:var(--color-white);display:flex;align-items:center;width:calc(100% - 32px - 48px - 98px)}.detail-playlist{position:relative;display:flex;flex-direction:column;gap:24px}.detail-playlist .detail-playlist-header{display:flex;flex-direction:column;gap:16px;width:100%;height:auto}.detail-playlist .detail-playlist-header .dp-title{color:var(--color-dark-100);font-size:clamp(24px, 5vw, 32px)}.detail-playlist .detail-playlist-header .dp-info{display:flex;flex-direction:column;gap:8px}.detail-playlist .detail-playlist-header .dp-info .dp-date{font-family:"MNCSansRegular",sans-serif;font-size:14px;font-weight:400;color:var(--color-dark-0)}.detail-playlist .detail-playlist-header .dp-info .dp-author-list{display:flex;list-style:none;gap:0 12px}.detail-playlist .detail-playlist-header .dp-info .dp-author-list .dp-author a{font-size:14px;display:flex;align-items:center;gap:0 8px;color:#252121}.detail-playlist .detail-playlist-header .dp-info .dp-author-list .dp-author a:hover{color:var(--color-dark-0)}.detail-playlist .detail-playlist-header .dp-info .dp-author-list .dp-author a img{border-radius:50%;object-fit:contain;object-position:center center}.detail-playlist .detail-playlist-body{position:relative;width:100%;height:auto;border-radius:16px;overflow:hidden}.detail-playlist .detail-playlist-body .detail-playlist-img{position:relative;width:100%;height:auto}.detail-playlist .detail-playlist-body .detail-playlist-img img{width:100%;height:100%;object-fit:cover;object-position:center top}.detail-playlist .detail-playlist-body .detail-playlist-img #seekbar{width:calc(100% - 32px);height:8px;background:var(--color-white);border:1px solid #e8e8e8;display:block;border-radius:20px;position:absolute;left:16px;bottom:16px}.detail-playlist .detail-playlist-body .detail-playlist-img #seekrun{position:relative;top:-1px;left:-1px;width:0;height:8px;border-radius:20px;background:var(--Color-Red-500,#de2027)}.detail-playlist .detail-playlist-body .detail-playlist-img #seek{position:absolute;top:-7px;left:-7px;width:20px;height:20px;background:#d9d9d9;border-radius:50%}.detail-playlist .detail-playlist-body .detail-playlist-ctrl{position:relative;width:100%;height:56px;padding:8px;background:#f9f9f9}.detail-desc{position:relative;display:flex;flex-direction:column;padding:12px 16px;border:1px solid #d1d1d1;border-radius:8px;overflow:hidden}.detail-desc .detail-desc-header{display:flex;align-items:center;justify-content:space-between;width:100%;height:24px;font-family:"MNCSansMedium";font-size:14px;line-height:22px;letter-spacing:0;text-align:center}.detail-desc .detail-desc-header .detail-desc-btn{display:flex;align-items:center;justify-content:center}.detail-desc .detail-desc-header .detail-desc-btn i{position:relative;width:24px;height:24px}.detail-desc .detail-desc-header .detail-desc-btn i.ic-book{background-image:url(../../../img/icon/ic-book.svg);background-size:cover;background-position:center;background-repeat:no-repeat}.detail-desc .detail-desc-header .detail-desc-exp{display:flex;align-items:center;justify-content:center;cursor:pointer}.detail-desc .detail-desc-header .detail-desc-exp i{position:relative;width:16px;height:16px}.detail-desc .detail-desc-header .detail-desc-exp i.ic-chevron-down-b{background-image:url(../../../img/icon/ic-chevron-down-b.svg);background-size:cover;background-position:center;background-repeat:no-repeat}.detail-desc .detail-desc-body{transition:all 0.6s ease-in-out;display:none}.detail-desc .detail-desc-body p{font-family:"MNCSansRegular";font-size:14px;line-height:150%;letter-spacing:0;vertical-align:middle;margin-bottom:24px}.detail-desc .detail-desc-body.expand{display:block;padding-top:10px}.detail-desc .detail-desc-body .video-container{position:relative;width:100%;height:360px}.detail-desc .detail-desc-body .video-container iframe{width:100%;height:100%;overflow:hidden;aspect-ratio:16/9;border-radius:18px;border:none}.detail-desc .detail-desc-body .image{position:relative;width:100%;height:auto;margin-top:10px}.detail-desc .detail-desc-body .image figcaption{font-family:"MNCSansRegular",sans-serif;font-size:12px;font-weight:400;line-height:18px;color:var(--color-dark-0)}.detail-desc .detail-desc-body img{position:relative;width:100%;height:100%;object-fit:cover;object-position:center top;margin-bottom:10px}