/* [project]/app/global.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-style: solid;
    }
  }
}

.sticky {
  position: sticky;
}

.z-50 {
  z-index: 50;
}

.mx-auto {
  margin-inline: auto;
}

.flex {
  display: flex;
}

.min-w-\[72px\] {
  min-width: 72px;
}

.flex-1 {
  flex: 1;
}

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

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

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

.justify-end {
  justify-content: flex-end;
}

.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.border-x {
  border-inline-style: var(--tw-border-style);
  border-inline-width: 1px;
}

.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}

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

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.underline {
  text-decoration-line: underline;
}

.opacity-70 {
  opacity: .7;
}

.opacity-80 {
  opacity: .8;
}

@media (hover: hover) {
  .hover\:opacity-100:hover {
    opacity: 1;
  }
}

html, body {
  height: 100%;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

/*# sourceMappingURL=app_global_6b2d0839.css.map*/