/* The notification center is the single entry point for shop notifications. */
.app-topbar #service-notifications-open {
 display:inline-flex;align-items:center;justify-content:center;line-height:1;
}
.app-topbar #service-notifications-open > svg {
 display:block;flex:none;width:16px;height:16px;align-self:center;
}
.app-topbar #service-notifications-open > span {
 align-self:center;line-height:1;
}
.app-topbar #service-notifications-open > b {
 display:inline-flex;align-items:center;justify-content:center;align-self:center;
 box-sizing:border-box;min-width:18px;height:16px;line-height:1;padding:0 4px;
}
.app-topbar #service-notifications-open > b[hidden] {display:none;}
/* Galmuri's ink sits above its centered line box. Align the visible glyphs,
   while leaving the bell and the badge background centered in the header. */
:root[data-service-skin=reframed] .app-topbar #service-notifications-open > span {
 transform:translateY(1px);
}
:root[data-service-skin=reframed] .app-topbar #service-notifications-open > b {
 padding-top:1px;
}