/* [project]/src/app/globals.css [app-client] (css) */
html, body {
  max-width: 100vw;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

body.hx-mobile .ant-table-content, body.hx-mobile .ant-table-body {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto !important;
}

body.hx-mobile .ant-table-cell, body.hx-mobile .ant-table-cell .ant-typography, body.hx-mobile .ant-table-cell .ant-tag {
  white-space: nowrap;
}

body.hx-mobile .ant-table-thead > tr > th:first-child, body.hx-mobile .ant-table-tbody > tr > td:first-child {
  z-index: 2;
  background: var(--hx-surface, #fff);
  position: sticky;
  left: 0;
}

body.hx-mobile .ant-table-tbody > tr:hover > td:first-child {
  background: var(--hx-surface, #fff);
}

body.hx-mobile .ant-table-tbody > tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
}

body.hx-mobile .ant-space {
  max-width: 100%;
}

body.hx-mobile .ant-space-item {
  min-width: 0;
  max-width: 100%;
}

body.hx-mobile .ant-space-item > .ant-select, body.hx-mobile .ant-space-item > .ant-input, body.hx-mobile .ant-space-item > .ant-input-affix-wrapper, body.hx-mobile .ant-space-item > .ant-input-number, body.hx-mobile .ant-space-item > .ant-picker, body.hx-mobile .ant-space-item > .ant-input-search, body.hx-mobile .ant-space-item > .ant-space-compact, body.hx-mobile .ant-form-item .ant-select, body.hx-mobile .ant-form-item .ant-input-number, body.hx-mobile .ant-form-item .ant-picker {
  max-width: 100% !important;
}

body.hx-mobile .ant-form-item .ant-select, body.hx-mobile .ant-form-item .ant-input-number, body.hx-mobile .ant-form-item .ant-picker {
  width: 100% !important;
}

body.hx-mobile .ant-segmented {
  max-width: 100%;
  overflow-x: auto;
}

body.hx-mobile .ant-tabs-nav {
  margin-bottom: 8px;
}

body.hx-mobile .ant-drawer-right .ant-drawer-content-wrapper, body.hx-mobile .ant-drawer-left .ant-drawer-content-wrapper {
  max-width: 100vw;
  width: 100vw !important;
}

body.hx-mobile .ant-drawer-body {
  padding: 12px;
}

body.hx-mobile .ant-modal-wrap {
  overflow: hidden;
}

body.hx-mobile .ant-modal-centered:before {
  display: none;
}

body.hx-mobile .ant-modal {
  vertical-align: top;
  max-width: 100vw;
  height: 100dvh;
  padding-bottom: 0;
  width: 100vw !important;
  margin: 0 !important;
  top: 0 !important;
}

body.hx-mobile .ant-modal-content, body.hx-mobile .ant-modal-container {
  height: 100dvh;
  padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
  border-radius: 0;
  flex-direction: column;
  display: flex;
}

body.hx-mobile .ant-modal-header {
  flex: none;
  margin-bottom: 8px;
}

body.hx-mobile .ant-modal-body {
  -webkit-overflow-scrolling: touch;
  flex: auto;
  overflow-y: auto;
  max-height: none !important;
}

body.hx-mobile .ant-modal-footer {
  flex: none;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

body.hx-mobile .ant-modal-footer .ant-btn {
  flex: auto;
  min-height: 44px;
}

body.hx-mobile .ant-modal-body .ant-select, body.hx-mobile .ant-modal-body .ant-input, body.hx-mobile .ant-modal-body .ant-input-affix-wrapper, body.hx-mobile .ant-modal-body .ant-input-number, body.hx-mobile .ant-modal-body .ant-picker, body.hx-mobile .ant-modal-body .ant-space-compact, body.hx-mobile .ant-drawer-body .ant-select, body.hx-mobile .ant-drawer-body .ant-input, body.hx-mobile .ant-drawer-body .ant-input-affix-wrapper, body.hx-mobile .ant-drawer-body .ant-input-number, body.hx-mobile .ant-drawer-body .ant-picker, body.hx-mobile .ant-drawer-body .ant-space-compact, body.hx-mobile .ant-card-body .ant-select, body.hx-mobile .ant-card-body .ant-input-affix-wrapper, body.hx-mobile .ant-card-body .ant-input-search {
  max-width: 100% !important;
}

body.hx-mobile .ant-modal-body .ant-table-wrapper, body.hx-mobile .ant-drawer-body .ant-table-wrapper {
  max-width: 100%;
  overflow-x: auto;
}

body.hx-mobile .ant-btn-sm {
  min-height: 36px;
  padding-inline: 10px;
}

body.hx-mobile .ant-btn:not(.ant-btn-sm):not(.ant-btn-icon-only) {
  min-height: 40px;
}

body.hx-mobile .ant-checkbox-inner, body.hx-mobile .ant-radio-inner {
  transform: scale(1.25);
}

body.hx-mobile .ant-input-sm, body.hx-mobile .ant-select-sm .ant-select-selector, body.hx-mobile .ant-input-number-sm .ant-input-number-input {
  min-height: 36px;
}

body.hx-mobile .ant-typography-secondary, body.hx-mobile .ant-descriptions-item-label {
  font-size: max(12px, 1em);
}

body.hx-mobile .ant-descriptions-row {
  flex-wrap: wrap;
  display: flex;
}

body.hx-mobile .ant-descriptions-row > th {
  width: 38%;
  display: block;
  padding: 8px !important;
}

body.hx-mobile .ant-descriptions-row > td {
  word-break: break-word;
  width: 62%;
  display: block;
  padding: 8px !important;
}

body.hx-mobile .ant-descriptions:not(.ant-descriptions-bordered) .ant-descriptions-row > th, body.hx-mobile .ant-descriptions:not(.ant-descriptions-bordered) .ant-descriptions-row > td {
  width: 100%;
  padding: 2px 0 !important;
}

body.hx-mobile .ant-drawer-header {
  flex-wrap: wrap;
  row-gap: 6px;
  padding: 10px 12px;
}

body.hx-mobile .ant-drawer-header-title {
  flex: auto;
  min-width: 0;
}

body.hx-mobile .ant-drawer-title {
  white-space: normal;
  font-size: 15px;
  line-height: 1.3;
}

body.hx-mobile .ant-drawer-extra {
  flex: none;
  max-width: 100%;
}

body.hx-mobile .ant-drawer-extra .ant-btn {
  min-height: 34px;
  padding-inline: 8px;
}

body.hx-mobile .ant-modal-title {
  white-space: normal;
  font-size: 15px;
  line-height: 1.3;
}

body.hx-mobile .ant-card-body {
  padding: 12px;
}

body.hx-mobile .ant-card-head {
  min-height: 44px;
  padding: 0 12px;
}

body.hx-mobile .ant-modal-body :not(.ant-space-compact):not(.ant-input-group) > .ant-select, body.hx-mobile .ant-modal-body :not(.ant-space-compact):not(.ant-input-group) > .ant-picker, body.hx-mobile .ant-modal-body :not(.ant-space-compact):not(.ant-input-group) > .ant-input-number, body.hx-mobile .ant-modal-body :not(.ant-space-compact):not(.ant-input-group) > .ant-input-affix-wrapper, body.hx-mobile .ant-modal-body :not(.ant-space-compact):not(.ant-input-group) > .ant-input, body.hx-mobile .ant-drawer-body :not(.ant-space-compact):not(.ant-input-group) > .ant-select, body.hx-mobile .ant-drawer-body :not(.ant-space-compact):not(.ant-input-group) > .ant-picker, body.hx-mobile .ant-drawer-body :not(.ant-space-compact):not(.ant-input-group) > .ant-input-number, body.hx-mobile .ant-drawer-body :not(.ant-space-compact):not(.ant-input-group) > .ant-input-affix-wrapper, body.hx-mobile .ant-drawer-body :not(.ant-space-compact):not(.ant-input-group) > .ant-input {
  width: 100% !important;
}

body.hx-mobile .ant-modal-body .ant-space-compact, body.hx-mobile .ant-drawer-body .ant-space-compact {
  display: flex;
  width: 100% !important;
}

body.hx-mobile .ant-modal-body .ant-space-compact > .ant-input-number, body.hx-mobile .ant-drawer-body .ant-space-compact > .ant-input-number {
  flex: auto;
  width: auto !important;
}

body.hx-mobile .ant-modal-body .ant-space-compact > .ant-select, body.hx-mobile .ant-drawer-body .ant-space-compact > .ant-select {
  flex: none;
}

body.hx-mobile .ant-modal .ant-modal-content, body.hx-mobile .ant-modal .ant-modal-container {
  min-height: 100dvh;
}

:is(body.hx-mobile .ant-modal-body .ant-space-item:has(.ant-select, .ant-picker, .ant-input-number, .ant-input-affix-wrapper, .ant-input, .ant-space-compact), body.hx-mobile .ant-drawer-body .ant-space-item:has(.ant-select, .ant-picker, .ant-input-number, .ant-input-affix-wrapper, .ant-input, .ant-space-compact)) {
  flex: 100%;
  width: 100%;
}

body.hx-mobile .ant-modal-body .ant-space-item > div > .ant-select, body.hx-mobile .ant-modal-body .ant-space-item > div > .ant-picker, body.hx-mobile .ant-modal-body .ant-space-item > div > .ant-input-number, body.hx-mobile .ant-modal-body .ant-space-item > div > .ant-input-affix-wrapper, body.hx-mobile .ant-modal-body .ant-space-item > div > .ant-input, body.hx-mobile .ant-drawer-body .ant-space-item > div > .ant-select, body.hx-mobile .ant-drawer-body .ant-space-item > div > .ant-picker, body.hx-mobile .ant-drawer-body .ant-space-item > div > .ant-input-number, body.hx-mobile .ant-drawer-body .ant-space-item > div > .ant-input-affix-wrapper, body.hx-mobile .ant-drawer-body .ant-space-item > div > .ant-input {
  width: 100% !important;
}

body.hx-mobile:not(.hx-longpress) .ant-tooltip {
  display: none !important;
}

body.hx-mobile [title], body.hx-mobile .ant-btn, body.hx-mobile .ant-tag, body.hx-mobile .ant-card {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

body.hx-mobile input, body.hx-mobile textarea, body.hx-mobile [contenteditable] {
  -webkit-user-select: text;
  user-select: text;
}

@media (hover: none) {
  * {
    -webkit-tap-highlight-color: transparent;
  }

  .ant-card-hoverable:hover, [class*="tile"]:hover, [class*="Tile"]:hover {
    border-color: inherit;
    box-shadow: none !important;
    transform: none !important;
  }

  [class*="tile"]:hover:before, [class*="tile"]:hover:after, [class*="Tile"]:hover:before, [class*="Tile"]:hover:after {
    opacity: 0 !important;
  }
}

body.hx-mobile.hx-longpress .ant-tooltip {
  z-index: 1100;
  width: 100vw;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  bottom: calc(56px + env(safe-area-inset-bottom)) !important;
  max-width: 100vw !important;
  padding: 0 !important;
  position: fixed !important;
  transform: none !important;
}

body.hx-mobile.hx-longpress .ant-tooltip .ant-tooltip-arrow {
  display: none !important;
}

body.hx-mobile.hx-longpress .ant-tooltip .ant-tooltip-inner, body.hx-mobile.hx-longpress .ant-tooltip .ant-tooltip-content {
  min-width: 0 !important;
  max-width: 100vw !important;
}

body.hx-mobile.hx-longpress .ant-tooltip .ant-tooltip-inner {
  white-space: pre-wrap;
  max-height: 55vh;
  font-size: 14px;
  line-height: 1.55;
  overflow-y: auto;
  box-shadow: 0 -6px 24px #00000040;
  padding: 14px 16px calc(14px + env(safe-area-inset-bottom)) !important;
  border-radius: 14px 14px 0 0 !important;
}

body.hx-theme-mac {
  background-color: #0000;
  background-image: radial-gradient(1200px 600px at 10% -10%, #8ec5ff 0%, #0000 60%), radial-gradient(900px 600px at 110% 10%, #ffb6d9 0%, #0000 55%), radial-gradient(900px 700px at 50% 120%, #c9b8ff 0%, #0000 60%), linear-gradient(160deg, #dbe9ff 0%, #eef2ff 45%, #ffe9f3 100%);
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat, repeat;
  background-size: auto, auto, auto, auto;
  background-attachment: fixed;
  background-origin: padding-box, padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box, border-box;
}

body.hx-theme-mac .hx-mac-layout, body.hx-theme-mac .hx-mac-layout .ant-layout {
  background: none !important;
}

body.hx-theme-mac .ant-layout-header {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  background: #ffffff8c !important;
  border-bottom: 1px solid #fff9 !important;
}

body.hx-theme-mac .ant-card {
  -webkit-backdrop-filter: saturate(160%) blur(18px);
  background: #ffffff9e;
  border: 1px solid #ffffffb3;
  box-shadow: 0 10px 30px #1f268714, inset 0 1px #ffffffb3;
}

body.hx-theme-mac .ant-card .ant-card {
  box-shadow: none;
  background: #ffffff80;
}

body.hx-theme-mac .ant-card-head {
  border-bottom-color: #0000000f;
}

body.hx-theme-mac .ant-table {
  background: none;
}

body.hx-theme-mac .ant-table-thead > tr > th {
  background: #ffffff73 !important;
}

body.hx-theme-mac .ant-table-tbody > tr > td {
  background: none;
}

body.hx-theme-mac .ant-drawer-content, body.hx-theme-mac .ant-modal-content, body.hx-theme-mac .ant-modal-container, body.hx-theme-mac .ant-dropdown-menu, body.hx-theme-mac .ant-select-dropdown, body.hx-theme-mac .ant-picker-dropdown .ant-picker-panel-container, body.hx-theme-mac .ant-popover-inner {
  -webkit-backdrop-filter: saturate(180%) blur(24px);
  background: #ffffffd1 !important;
}

body.hx-theme-mac .ant-drawer-content {
  border-left: 1px solid #ffffffb3;
}

body.hx-theme-mac .ant-btn-primary {
  box-shadow: 0 4px 12px #0a84ff47;
}

body.hx-theme-mac .ant-segmented, body.hx-theme-mac .ant-input, body.hx-theme-mac .ant-input-affix-wrapper, body.hx-theme-mac .ant-select-selector, body.hx-theme-mac .ant-picker, body.hx-theme-mac .ant-input-number {
  background: #ffffffb3 !important;
}

body.hx-theme-mac.hx-mobile nav[style*="position: fixed"] {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  background: #ffffffb8 !important;
}

.hx-dock-wrap {
  pointer-events: none;
  z-index: 30;
  justify-content: center;
  display: flex;
  position: fixed;
  bottom: 12px;
  left: 0;
  right: 0;
}

.hx-dock {
  pointer-events: auto;
  -webkit-backdrop-filter: saturate(180%) blur(24px);
  background: #ffffff8c;
  border: 1px solid #ffffffbf;
  border-radius: 22px;
  align-items: flex-end;
  gap: 6px;
  max-width: calc(100vw - 32px);
  padding: 8px 12px;
  display: flex;
  overflow: visible;
  box-shadow: 0 18px 40px #1f26872e, inset 0 1px #fffc;
}

.hx-dock-item {
  cursor: pointer;
  color: #1d3b6b;
  background: linear-gradient(#fff 0%, #eef2f8 100%);
  border: none;
  border-radius: 14px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  transition: transform .18s cubic-bezier(.2, .8, .2, 1), margin .18s;
  display: flex;
  position: relative;
  box-shadow: 0 2px 6px #0000001f, inset 0 1px #fff;
}

.hx-dock-icon {
  font-size: 24px;
  line-height: 1;
}

.hx-dock-item:hover {
  z-index: 2;
  margin: 0 8px;
  transform: translateY(-10px)scale(1.28);
}

.hx-dock-item:hover + .hx-dock-item {
  transform: translateY(-4px)scale(1.12);
}

.hx-dock-item:has( + .hx-dock-item:hover) {
  transform: translateY(-4px)scale(1.12);
}

.hx-dock-item:active {
  transform: translateY(-6px)scale(1.1);
}

.hx-dock-item.is-active {
  color: #0a84ff;
}

.hx-dock-dot {
  background: none;
  border-radius: 2px;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  position: absolute;
  bottom: -6px;
  left: 50%;
}

.hx-dock-item.is-active .hx-dock-dot {
  background: #1d3b6b;
}

@media (prefers-reduced-motion: reduce) {
  .hx-dock-item, .hx-dock-item:hover {
    margin: 0;
    transition: none;
    transform: none;
  }
}

:root {
  --hx-surface: #fff;
}

body.hx-dark {
  --hx-surface: #171a21;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  background: #0f1115;
}

body.hx-dark:not(.hx-theme-mac) .ant-layout {
  background: #0f1115;
}

body.hx-dark.hx-theme-mac {
  --hx-surface: #181b26eb;
  background-color: #0000;
  background-image: radial-gradient(700px 520px at 12% 8%, #3884ff8c 0%, #0000 60%), radial-gradient(640px 520px at 88% 18%, #be46d280 0%, #0000 58%), radial-gradient(760px 620px at 55% 95%, #00beaa6b 0%, #0000 60%), radial-gradient(420px 360px at 35% 55%, #ff8c5a47 0%, #0000 62%), linear-gradient(160deg, #0a0d18 0%, #121627 50%, #1a1230 100%);
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat, repeat, repeat;
  background-size: auto, auto, auto, auto, auto;
  background-attachment: fixed;
  background-origin: padding-box, padding-box, padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box, border-box, border-box;
}

body.hx-dark.hx-theme-mac .ant-layout-header {
  background: #10121c6b !important;
  border-bottom: 1px solid #ffffff1a !important;
}

body.hx-dark.hx-theme-mac .ant-card {
  -webkit-backdrop-filter: saturate(190%) blur(22px);
  background: #1619246b;
  border: 1px solid #ffffff24;
  box-shadow: 0 12px 34px #0006, inset 0 1px #ffffff1f;
}

body.hx-dark.hx-theme-mac .ant-card .ant-card {
  box-shadow: none;
  background: #16192452;
}

body.hx-dark.hx-theme-mac .ant-card-head {
  border-bottom-color: #ffffff14;
}

body.hx-dark.hx-theme-mac .ant-table-thead > tr > th {
  background: #ffffff0d !important;
}

body.hx-dark.hx-theme-mac .ant-drawer-content, body.hx-dark.hx-theme-mac .ant-modal-content, body.hx-dark.hx-theme-mac .ant-modal-container, body.hx-dark.hx-theme-mac .ant-dropdown-menu, body.hx-dark.hx-theme-mac .ant-select-dropdown, body.hx-dark.hx-theme-mac .ant-picker-dropdown .ant-picker-panel-container, body.hx-dark.hx-theme-mac .ant-popover-inner {
  border: 1px solid #ffffff1f;
  background: #181b26b8 !important;
}

body.hx-dark.hx-theme-mac .ant-segmented, body.hx-dark.hx-theme-mac .ant-input, body.hx-dark.hx-theme-mac .ant-input-affix-wrapper, body.hx-dark.hx-theme-mac .ant-select-selector, body.hx-dark.hx-theme-mac .ant-picker, body.hx-dark.hx-theme-mac .ant-input-number {
  background: #ffffff0f !important;
}

body.hx-dark.hx-theme-mac.hx-mobile nav[style*="position: fixed"] {
  background: #14161eb8 !important;
}

body.hx-dark .hx-dock {
  background: #181b266b;
  border-color: #ffffff29;
  box-shadow: 0 18px 40px #00000073, inset 0 1px #ffffff14;
}

body.hx-dark .hx-dock-item {
  color: #cfe0ff;
  background: linear-gradient(#3a3f4c 0%, #262a34 100%);
  box-shadow: 0 2px 6px #0006, inset 0 1px #ffffff14;
}

body.hx-dark .hx-dock-item.is-active {
  color: #4ea1ff;
}

body.hx-dark .hx-dock-item.is-active .hx-dock-dot {
  background: #cfe0ff;
}

body.hx-dark [style*="background: rgb(255, 251, 230)"] {
  background: #eda1002e !important;
}

body.hx-dark [style*="background: rgb(246, 255, 237)"] {
  background: #1baf7a2e !important;
}

body.hx-dark [style*="background: rgb(255, 241, 240)"] {
  background: #e349482e !important;
}

.hx-wallpaper {
  z-index: 0;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.hx-mac-layout > .ant-layout, .hx-mac-layout > .ant-layout-sider {
  z-index: 1;
  position: relative;
}

.hx-blob {
  opacity: .75;
  will-change: transform;
  border-radius: 50%;
  width: 60vmax;
  height: 60vmax;
  animation: 34s ease-in-out infinite alternate hx-drift;
  position: absolute;
}

.hx-blob-1 {
  background: radial-gradient(circle at 40% 40%, #78aafff2 0%, #78aaff00 62%);
  animation-duration: 38s;
  top: -22vmax;
  left: -18vmax;
}

.hx-blob-2 {
  background: radial-gradient(circle, #ff96d2e6 0%, #ff96d200 62%);
  animation-duration: 46s;
  animation-delay: -12s;
  top: -12vmax;
  right: -22vmax;
}

.hx-blob-3 {
  background: radial-gradient(circle, #beaaffe6 0%, #beaaff00 62%);
  animation-duration: 42s;
  animation-delay: -25s;
  bottom: -30vmax;
  left: 18vmax;
}

.hx-blob-4 {
  background: radial-gradient(circle, #8ce6dcd9 0%, #8ce6dc00 62%);
  width: 40vmax;
  height: 40vmax;
  animation-duration: 30s;
  animation-delay: -6s;
  bottom: -18vmax;
  right: 10vmax;
}

body.hx-dark .hx-blob-1 {
  background: radial-gradient(circle at 40% 40%, #3884ffb3 0%, #3884ff00 62%);
}

body.hx-dark .hx-blob-2 {
  background: radial-gradient(circle, #be46d29e 0%, #be46d200 62%);
}

body.hx-dark .hx-blob-3 {
  background: radial-gradient(circle, #00beaa80 0%, #00beaa00 62%);
}

body.hx-dark .hx-blob-4 {
  background: radial-gradient(circle, #ff8c5a66 0%, #ff8c5a00 62%);
}

@keyframes hx-drift {
  0% {
    transform: translate3d(0, 0, 0)scale(1);
  }

  33% {
    transform: translate3d(9vmax, 6vmax, 0)scale(1.12);
  }

  66% {
    transform: translate3d(-6vmax, 10vmax, 0)scale(.94);
  }

  100% {
    transform: translate3d(4vmax, -8vmax, 0)scale(1.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hx-blob {
    animation: none;
  }
}

body.hx-theme-mac:not(.hx-dark) {
  background: linear-gradient(160deg, #e6eeff 0%, #f1f3ff 45%, #fdeaf3 100%) fixed;
}

body.hx-dark.hx-theme-mac {
  background: linear-gradient(160deg, #0a0d18 0%, #121627 50%, #1a1230 100%) fixed;
}

.hx-page {
  transform-origin: 50% 20%;
  animation: .45s cubic-bezier(.16, 1, .3, 1) both hx-page-in;
}

@keyframes hx-page-in {
  0% {
    opacity: 0;
    filter: blur(6px);
    transform: translate3d(0, 28px, 0)scale(.975);
  }

  60% {
    opacity: 1;
    filter: blur();
  }

  100% {
    opacity: 1;
    filter: blur();
    transform: translate3d(0, 0, 0)scale(1);
  }
}

body.hx-theme-mac .hx-page {
  animation-duration: .55s;
}

body.hx-theme-mac .hx-page > * {
  animation: .55s cubic-bezier(.16, 1, .3, 1) both hx-page-children;
}

@keyframes hx-page-children {
  from {
    opacity: 0;
    transform: translate3d(0, 16px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

body.hx-theme-mac .hx-page > :nth-child(2) {
  animation-delay: 50ms;
}

body.hx-theme-mac .hx-page > :nth-child(3) {
  animation-delay: .1s;
}

body.hx-theme-mac .hx-page > :nth-child(4) {
  animation-delay: .15s;
}

body.hx-theme-mac .hx-page > :nth-child(n+5) {
  animation-delay: .2s;
}

@media (prefers-reduced-motion: reduce) {
  .hx-page, body.hx-theme-mac .hx-page > * {
    animation: none;
  }
}

body.hx-theme-mac .hx-tile-icon {
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  border: 1px solid #ffffffd9;
  color: var(--tile-accent, #1d3b6b) !important;
  background: #ffffff8c !important;
  box-shadow: 0 8px 20px #1f26871f, inset 0 1px #ffffffe6 !important;
}

body.hx-dark.hx-theme-mac .hx-tile-icon {
  border: 1px solid #ffffff2e;
  color: #dbe7ff !important;
  background: #ffffff1a !important;
  box-shadow: 0 8px 20px #00000059, inset 0 1px #ffffff1f !important;
}

body.hx-theme-mac [class*="clickable"]:hover .hx-tile-icon {
  background: #fffc !important;
}

body.hx-dark.hx-theme-mac [class*="clickable"]:hover .hx-tile-icon {
  background: #ffffff2e !important;
}

.hx-brand {
  align-items: center;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
}

.hx-brand-mark {
  object-fit: contain;
  flex: none;
  width: 34px;
  height: 34px;
  display: block;
}

.hx-brand-text {
  letter-spacing: .04em;
  color: #1d3b6b;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 800;
  overflow: hidden;
}

.hx-brand.is-compact .hx-brand-mark {
  width: 26px;
  height: 26px;
}

.hx-brand.is-compact .hx-brand-text {
  letter-spacing: .02em;
  font-size: 13.5px;
}

body.hx-dark .hx-brand-text {
  color: #e6eeff;
}

body.hx-dark .hx-brand-mark {
  filter: invert() brightness(1.1);
}

body.hx-theme-mac .hx-brand-text {
  letter-spacing: .01em;
  color: #16213a;
  font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, Hiragino Sans, Noto Sans JP, sans-serif;
  font-weight: 700;
}

body.hx-dark.hx-theme-mac .hx-brand-text {
  color: #eef3ff;
}

body.hx-dark {
  --chat-frame-bg: #12151c;
  --chat-panel-bg: #1a1e27;
  --chat-text: #e6eaf2;
  --chat-muted: #e6eaf28c;
  --chat-border: #ffffff14;
  --chat-input-bg: #232833;
  --chat-hover-bg: #ffffff0f;
  --chat-active-bg: #4096ff2e;
  --chat-placeholder-bg: linear-gradient(135deg, #16321f, #123a22);
  --chat-wall: linear-gradient(180deg, #1c2a44 0%, #172238 58%, #131c2e 100%);
  --chat-wall-solid: #172238;
  --chat-mine: #2f8f4e;
  --chat-mine-text: #f2fff5;
  --chat-theirs: #262b36;
  --chat-theirs-text: #e6eaf2;
  --chat-memo: #3a3420;
  --chat-memo-border: #5a5030;
  --chat-memo-text: #f0e2a8;
}

body.hx-theme-mac:not(.hx-dark) {
  --chat-frame-bg: #ffffff59;
  --chat-panel-bg: #ffffffb8;
  --chat-border: #ffffffb3;
  --chat-input-bg: #ffffffbf;
  --chat-hover-bg: #0000000a;
  --chat-active-bg: #0a84ff24;
  --chat-wall: linear-gradient(180deg, #96b9eba6 0%, #8cabd8a6 100%);
  --chat-wall-solid: #8cabd8cc;
  --chat-theirs: #ffffffd9;
  --chat-mine: #8ce05f;
}

body.hx-dark.hx-theme-mac {
  --chat-frame-bg: #16192473;
  --chat-panel-bg: #1c1f2ab3;
  --chat-input-bg: #ffffff14;
  --chat-wall: linear-gradient(180deg, #1c2a4499 0%, #131c2e99 100%);
  --chat-wall-solid: #172238cc;
  --chat-theirs: #262b36d9;
}

body.hx-theme-mac [class*="chatFrame"] {
  -webkit-backdrop-filter: saturate(160%) blur(18px);
}

body.hx-theme-mac [class*="chatTop"], body.hx-theme-mac [class*="chatHeader"], body.hx-theme-mac [class*="composer"] {
  -webkit-backdrop-filter: blur(12px);
}

.hx-align-top .ant-table-tbody > tr > td {
  vertical-align: top;
}

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