/*---------------------------------
----- dimension variables --------
----------------------------------*/
/*------ standard elements padding & margin -------*/
/**
* mobile first breakpoints based on design specification 
* designs are delivered in 3 sizes mobile(375px -> default), tablet(768px -> tablet), desktop(1440px -> desktop-l)
*/
/**
** Official Font sizes
------------------------------- */
.uxn-notification-bell {
  display: inline-flex;
  vertical-align: text-bottom;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.uxn-notification-bell svg {
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.uxn-notification-bell svg #indicator,
.uxn-notification-bell svg #indicator-circle-mask {
  visibility: hidden;
}
.uxn-notification-bell svg.show-indicator #indicator,
.uxn-notification-bell svg.show-indicator #indicator-circle-mask {
  visibility: visible;
}
.uxn-notification-bell ux-badge {
  box-sizing: content-box;
  margin-left: -0.5em;
}