body,.main-content-container{background-color:#f5f5f5!important}.top-page-mcn{position:fixed;top:0;z-index:10;left:0;right:0;padding:16px;max-width:460px;margin:0 auto;background-color:#f5f5f5!important}.top-page-mcn .title-page-mcn{color:var(--Neutral-900, #141414);font-size:18px;font-weight:600;line-height:26px}.top-page-mcn button{border:none;padding:0;border-radius:50%}.content-mcn{padding:72px 14px 150px}.content-mcn .list-mcn-container{display:flex;flex-direction:column;gap:14px}.content-mcn .list-mcn-container .card-link{display:block;width:100%;text-decoration:none}.content-mcn .list-mcn-container .card-link .card-item{border-radius:20px;background:#FFF;padding:16px;display:flex;flex-direction:column;gap:12px}.content-mcn .list-mcn-container .card-link .header{display:flex;align-items:center;gap:12px}.content-mcn .list-mcn-container .card-link .header .logo{display:flex;align-items:center;justify-content:center}.content-mcn .list-mcn-container .card-link .header .logo .logo-inner{flex:1;border-radius:1000px;border:1px solid var(--Neutral-Grey-100, #F5F5F5)}.content-mcn .list-mcn-container .card-link .header .logo .logo-inner img{border-radius:1000px;width:56px;height:56px;-o-object-fit:cover;object-fit:cover}.content-mcn .list-mcn-container .card-link .mcn-info{display:flex;flex-direction:column;flex:1}.content-mcn .list-mcn-container .card-link .mcn-info .mcn-name{color:#000;font-size:18px;font-weight:600;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:245px}.content-mcn .list-mcn-container .card-link .mcn-info .mcn-category-count{margin-top:8px;color:var(--Neutral-Grey-500, #767676);font-size:12px;font-weight:400;line-height:16px}.content-mcn .list-mcn-container .card-link .mcn-info .mcn-category-count .mcn-category{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.content-mcn .list-mcn-container .card-link .mcn-hr-line{width:100%;border:1px dashed #f0f0f0}.content-mcn .list-mcn-container .card-link .details{display:flex;justify-content:space-between;align-items:center}.content-mcn .list-mcn-container .card-link .details .creator{display:flex;flex-direction:column}.content-mcn .list-mcn-container .card-link .details .creator .creator-label{color:var(--text-secondary, #4D5761);font-size:13px;font-weight:400;line-height:166%}.content-mcn .list-mcn-container .card-link .details .creator .follower-count{color:var(--text-primary, #111927);font-size:14px;font-weight:500;line-height:20px}.content-mcn .list-mcn-container .card-link .details .status{display:block;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;line-height:166%}.content-mcn .list-mcn-container .card-link .details .status.active{background-color:#f0f0f0;color:var(--Neutral-Grey-600, #767676)}.content-mcn .list-mcn-container .card-link .details .status.inactive{background:var(--primary-600-main, #D7002B);color:#fff}.content-mcn .list-mcn-container .card-link .details .status.active1{background-color:#f0f0f0;color:var(--Neutral-Grey-600, #767676)}.content-mcn .list-mcn-container .card-link .details .status.inactive1{background:var(--primary-600-main, #D7002B);color:#fff}.btn-svg-loading{border-radius:5px;gap:10px}.btn-svg-loading .spinner{width:20px;height:20px;animation:rotate 1s linear infinite}.btn-svg-loading .path{stroke:#fff;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-125}}body #modal-noti-creator .modal-dialog-centered{justify-content:center}body #modal-noti-creator .modal-content{border-radius:16px;padding:20px;max-width:343px}body #modal-noti-creator .modal-content .title-modal{color:#1f2230;font-size:20px;font-weight:500;line-height:28px}body #modal-noti-creator .modal-content .desc-modal{color:var(--Neutral-Colors-N800, #51545f);font-size:14px;font-weight:400;line-height:20px}body #modal-noti-creator .modal-content>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}body #modal-noti-creator .modal-content>div button{width:100%;border-radius:32px;padding:10px 24px;font-size:14px;font-weight:600;line-height:20px;height:42px}body #modal-noti-creator .modal-content>div button.btn-cancel{border:1px solid var(--Neutral-Colors-N400, #e3e4ec);background:var(--Neutral-Colors-N200, #f3f4f5);color:var(--Neutral-Grey-700, #434343)}body #modal-noti-creator .modal-content>div button.btn-join{border:none;color:var(--Neutral-Colors-N0, #fff);background:var(--primary-600-main, #d7002b)}body #modal-noti-creator .modal-content>div a{display:block;width:100%;text-decoration:none}