.dsc-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  flex: 0 0 auto;
  stroke: currentColor;
}

.dsc-icon--fab {
  width: 22px;
  height: 22px;
}

.dsc-icon--topbar {
  width: 18px;
  height: 18px;
}

.dsc-map-toggle-icon,
.dsc-tool-icon {
  vertical-align: -0.22em;
  display: inline-block;
  margin-right: 0.4em;
}

.dsc-map-toggle-icon {
  width: 18px;
  height: 18px;
}

.dsc-tool-icon {
  width: 17px;
  height: 17px;
}

.dsc-action-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-right: 0.38em;
  vertical-align: -0.16em;
}

.dsc-icon--tree {
  width: 1em;
  height: 1em;
  display: block;
}

#close-panel .dsc-icon,
#tools-close .dsc-icon,
#updates-close .dsc-icon,
#dsc-weather-panel-close .dsc-icon,
#dsc-weather-change-close .dsc-icon,
#dsc-news-room-close .dsc-icon,
.wp-editor-close .dsc-icon,
.wp-nav-button .dsc-icon,
#info-panel-tab .dsc-icon,
#dock-panel .dsc-icon {
  width: 18px;
  height: 18px;
}

.dsc-assistant-reset-icon.dsc-icon {
  width: 21px;
  height: 21px;
}

#updates-fab.has-unseen::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 2px var(--panel);
}