.ui-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: -0.125em;
  flex: 0 0 auto;
}

.ui-icon > svg {
  width: 100%;
  height: 100%;
  display: block;
}

.icon-spin {
  animation: codex-icon-spin 0.95s linear infinite;
}

@keyframes codex-icon-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Global scrollbar style: keep only thumb visible, make track transparent */
* {
  scrollbar-color: rgba(122, 127, 147, 0.95) transparent;
}

*::-webkit-scrollbar-track,
*::-webkit-scrollbar-track-piece,
*::-webkit-scrollbar-corner {
  background: transparent !important;
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(122, 127, 147, 0.95);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: rgba(145, 151, 171, 0.95);
}