/* Shared web presentation for BLE Radar's compressed native icon artwork. */
.ui-icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}

.blenav-menu a > .ui-icon { flex: none; width: 22px; height: 22px; }
.app-row-icon > .ui-icon { width: 44px; height: 44px; }
.app-tab .ico > .ui-icon { width: 24px; height: 24px; }
.app-tab.center .ico > .ui-icon { width: 38px; height: 38px; }
.tr-icon > .ui-icon { width: 34px; height: 34px; }
.app-pack .emoji > .ui-icon { width: 46px; height: 46px; margin: 0 auto; }
.impact-icon { flex: none; width: 42px; height: 42px; object-fit: contain; }
.impact-inline-icon { flex: none; width: 23px; height: 23px; object-fit: contain; }
.impact-chip .impact-inline-icon { width: 25px; height: 25px; }
.ui-inline-icon { display: inline-block; width: 22px; height: 22px; object-fit: contain; vertical-align: middle; }
.ui-button-icon { width: 24px; height: 24px; object-fit: contain; }
.device-art { display: block; width: 30px; height: 30px; object-fit: contain; }
.marker-device-art { display: block; width: 28px; height: 28px; object-fit: contain; }

.ui-compact-number {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: rgba(34, 211, 238, .34);
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}
.ui-compact-number:focus-visible { outline: 2px solid #22d3ee; outline-offset: 4px; border-radius: 4px; }