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 50px}.content-mcn .mcn-profile{display:flex;flex-direction:column;gap:12px;background:#FFFFFF;border-radius:16px;padding:16px}.content-mcn .mcn-profile .header{display:flex;align-items:center;gap:12px}.content-mcn .mcn-profile .header .logo{display:flex;align-items:center;justify-content:center}.content-mcn .mcn-profile .header .logo .logo-inner{flex:1;border-radius:1000px;border:1px solid var(--Neutral-Grey-100, #F5F5F5)}.content-mcn .mcn-profile .header .logo .logo-inner img{border-radius:1000px;width:56px;height:56px;-o-object-fit:cover;object-fit:cover}.content-mcn .mcn-profile .header .mcn-info{display:flex;flex-direction:column;flex:1}.content-mcn .mcn-profile .header .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 .mcn-profile .mcn-description{color:var(--Neutral-Grey-500, #767676);font-size:12px;font-weight:400;line-height:16px}.content-mcn .mcn-profile .mcn-hr-line{width:100%;border:1px dashed #f0f0f0}.content-mcn .mcn-profile .mcn-info-section .info-label{color:var(--text-secondary, #4D5761);font-size:13px;font-weight:400;line-height:166%}.content-mcn .mcn-profile .mcn-info-section .info-value{color:var(--text-primary, #111927);font-size:14px;font-weight:500;line-height:20px}.content-mcn .mcn-profile .mcn-categories .info-label{font-size:14px;color:#666}.content-mcn .mcn-profile .mcn-categories .categories-grid{margin:6px 0;display:flex;flex-wrap:wrap;gap:8px}.content-mcn .mcn-profile .mcn-categories .categories-grid .category-item{padding:4px 12px;border-radius:24px;background:var(--Neutral-Grey-100, #F5F5F5);color:var(--Neutral-Grey-700, #434343);font-size:14px;font-weight:400;line-height:166%}.mcn-footer{position:fixed;bottom:0;z-index:10;left:0;right:0;background:#FFF;box-shadow:0 -4px 14px #0000001a;max-width:460px;margin:0 auto}.mcn-footer .footer-content{padding:16px;width:100%}.mcn-footer .footer-content button{height:44px;border-radius:1000px;font-size:14px;font-weight:600;line-height:166%;width:100%;border:none}.mcn-footer .footer-content button.active{background-color:#f0f0f0;color:var(--Neutral-Grey-600, #767676)}.mcn-footer .footer-content button.inactive{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}