/*---------------------------------
----- 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 {
  min-width: var(--uxn-notification-bell-min-width);
  min-height: var(--uxn-notification-bell-min-height);
  background: var(--uxn-notification-bell-background);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.uxn-notification-bell .debug {
  position: absolute;
  top: 0;
  right: 100px;
  width: 200px;
  height: 200px;
  border: 5px solid black;
  background: white;
  white-space: nowrap;
}
.ux-iws-navigation-meta__item .uxn-notification-bell {
  margin-right: 5px;
}
.uxn-notification-bell .uxn-notification-bell__content {
  position: relative;
}
.uxn-notification-bell:hover {
  background: var(--uxn-notification-bell-background-hover);
}
div[slot=notifications-bell] .uxn-notification-bell .ux-notification-bell {
  background: none;
}

a[data-name=notifications] {
  cursor: pointer;
}
a[data-name=notifications] span {
  cursor: pointer;
}