.width\:measure {
  inline-size: var(--measure);
}

.max-width\:measure {
  max-inline-size: var(--measure);
}

.justify\:between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.align\:center {
  align-items: center;
}

.align\:start {
  align-items: flex-start;
}

.width\:viewport {
  width: 100vw;
}

.width\:full {
  width: 100%;
}

.width\:fit {
  width: fit-content;
}

.width\:max-content {
  width: max-content;
}

.height\:viewport {
  height: 100vh;
}

.size\:viewport {
  width: 100vw;
  height: 100vh;
}

.z\:1 {
  z-index: 1;
}

.z\:2 {
  z-index: 2;
}

.bg\:normal {
  background-color: var(--bg-color);
}

.bg\:backdrop {
  background: rgba(0, 0, 0, var(--backdrop-transparency, 0.3));
}

.bg\:transparent {
  background: transparent;
}

.width\:fit {
  inline-size: fit-content;
}

.max-width\:fit {
  max-inline-size: fit-content;
}

.max-height\:viewport {
  max-block-size: 100vh;
}

.scroll\:y,
.scroll-y {
  overflow-y: auto;
}

.break\:all {
  word-wrap: break-all;
}

.overflow\:hidden {
  overflow: hidden;
}

.overflow-wrap\:anywhere {
  overflow-wrap: anywhere;
}

.border\:bottom {
  border-bottom: 1px solid var(--border-color);
}

.border\:solid {
  border: 1px solid var(--border-color);
}

.min-height\:full {
  min-height: 100%;
}

.display\:none {
  display: none;
}

.shadow\:s {
  box-shadow: var(--shadow-s);
}

.shadow\:m {
  box-shadow: var(--shadow-m);
}

.shadow\:l {
  box-shadow: var(--shadow-l);
}

.radius\:s {
  border-radius: var(--radius-s);
}

.radius\:m {
  border-radius: var(--radius-m);
}

.radius\:l {
  border-radius: var(--radius-l);
}

.overflow\:ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.overflow\:hidden {
  overflow: hidden;
}

.font\:mono {
  font-family: var(--mono-font);
}

.color\:fg-less,
.text-less,
.text-meta {
  color: var(--fg-color-less);
}

.font-size\:-2 {
  font-size: var(--step--2);
}

.font-size\:-1 {
  font-size: var(--step--1);
}

.font-size\:0 {
  font-size: var(--step-0);
}

.weight\:bold {
  font-weight: bold;
}

.weight\:medium {
  font-weight: 500;
}

.text-center {
  text-align: center;
}

.item-selected {
  background: var(--primary-color);
  color: white;
}

.h-fit {
  block-size: fit-content;
}

.scroll-y {
  max-block-size: 100%;
  overflow-y: auto;
}

.bg-chrome {
  background-color: var(--chrome-color);
}

.overflow-hidden {
  overflow: hidden;
}

.hidden {
  display: none;
}

.opacity-0 {
  opacity: 0;
}

.scroll-shadow {
  animation: scroll-shadow-inset linear;
  animation-timeline: scroll(self block);
}

@keyframes scroll-shadow-inset {
  from {
    box-shadow: inset 0 -3px 4px rgb(0 0 0 / 0.15);
  }

  to {
    box-shadow: inset 0 3px 4px rgb(0 0 0 / 0.15);
  }
}

.nowrap {
  white-space: nowrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.relative {
  position: relative;
}

.border-b-solid {
  border-bottom-style: solid;
}

.border-more {
  --border-color: var(--border-color-more);
}

.h-toolbar {
  height: var(--toolbar-height);
}

.w-full {
  width: 100%;
}

.w-fit {
  width: fit-content;
}

.h-full {
  height: 100%;
}

.debug-red {
  outline: 1px dashed red;
}

.debug-blue {
  outline: 1px dashed blue;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-none {
  list-style-type: none;
}

.flush-left {
  padding-inline-start: 0;
}

.flush-right {
  padding-inline-end: 0;
}

.flush-top {
  padding-block-start: 0;
}

.flush-bottom {
  padding-block-end: 0;
}

.pointer-events-none {
  pointer-events: none;
}
