.notif-page{display:flex;flex-direction:column;width:100%}.notif-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.notif-settings-updating-panel{display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 0;text-align:center}.notif-settings-updating-text{margin:0;font-size:15px;font-weight:500;line-height:22px}.notif-content{display:flex;flex-direction:column;gap:12px;padding:24px}.notif-page--split{overflow:hidden}.notif-layout{display:flex;flex:1 1;min-height:0;width:100%}.notif-side-nav{display:flex;flex-direction:column;gap:12px;flex-shrink:0;width:220px;height:100%;overflow-y:auto;padding-bottom:12px}.notif-side-nav-header{display:flex;align-items:center;gap:8px;padding:12px;font-size:14px;flex-shrink:0}.notif-side-nav-groups{display:flex;flex-direction:column;gap:16px;padding:0 12px}.notif-side-nav-group{display:flex;flex-direction:column;gap:3px}.notif-side-nav-group-label{margin:0 0 4px 7px;font-size:11px;font-weight:500;line-height:18px;text-transform:uppercase;letter-spacing:.5px}.notif-side-nav-item{position:relative;display:flex;align-items:center;width:100%;padding:6px 7px;border:none;border-radius:4px;background:transparent;font-size:13px;font-weight:500;text-align:left;cursor:pointer}.notif-side-nav-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-side-nav-item-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:22px;border-radius:0 2px 2px 0}.notif-scroll{flex:1 1;min-width:0;overflow-y:auto;overflow-x:hidden}.notif-scroll .notif-content{padding-bottom:60dvh}.notif-product-group{display:flex;flex-direction:column;gap:12px}.notif-product-label{margin:0;font-size:11px;font-weight:600;line-height:18px;text-transform:uppercase;letter-spacing:.5px}.notif-info-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:13px;line-height:18px}.notif-section-header{display:flex;flex-direction:column;gap:2px;flex:1 1}.notif-section-title{font-size:15px;font-weight:600;line-height:22px;margin:0}.notif-section-description{font-size:13px;line-height:18px;margin:0}.notif-category-label{font-size:11px;font-weight:500;line-height:18px;text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;margin-bottom:4px}.notif-pref-item{display:flex;flex-direction:column;gap:10px;padding:12px 0}.notif-pref-title{font-size:14px;font-weight:500;line-height:20px;margin:0}.notif-channels{flex-wrap:wrap}.notif-channel-item,.notif-channels{display:flex;align-items:center;gap:12px}.notif-channel-item{justify-content:space-between;min-width:180px}.notif-channel-icon{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:400;line-height:20px;white-space:nowrap}.notif-channel-icon svg{width:16px;height:16px;flex-shrink:0}.notif-modal-setting{display:flex;flex-direction:column;gap:16px}.notif-modal-question{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;line-height:22px}.notif-modal-question svg{width:18px;height:18px;flex-shrink:0}.notif-modal-category-line{font-size:13px;line-height:18px;margin:0}.notif-modal-alert{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:4px;border-left:3px solid #3b82f6;font-size:13px;line-height:18px;margin-top:12px}.notif-modal-alert svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}