@layer components {
  .notification--read {
    opacity: 0.55;
  }

  .notification__dot {
    display: inline-block;
    margin-inline-end: 0.5em;
    vertical-align: middle;
    position: relative;
    inset-block-start: -0.1em;
  }
}