:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;

  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;

  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0px;
  position: relative;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 auto;
  align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-container[data-stacked='true'] {
  width: var(--toastify-toast-width);
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container[data-stacked='true'] {
    width: 100vw;
  }
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 22px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*! 
 * OverlayScrollbars
 * Version: 2.16.0
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}

.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}
.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}

.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}

.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(calc(1 / 0.1));
}
.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}
.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}
.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}
.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}

.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}

.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}

.os-size-observer-listener-item-final {
  transition: none;
}

@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}
.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

/**
 * hide native scrollbars
 * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding
 */
/**
 * body element
 */
html[data-overlayscrollbars-body] {
  overflow: hidden;
}

html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}

html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}

/**
 * structure setup 
 */
[data-overlayscrollbars] {
  position: relative;
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}

/**
 * wrapper elements overflow:
 */
[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  overflow: hidden !important;
}

[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
  overflow: visible !important;
}

/**
 * viewport overflow:
 */
[data-overlayscrollbars-viewport] {
  --os-viewport-overflow-x: hidden;
  --os-viewport-overflow-y: hidden;
  overflow-x: var(--os-viewport-overflow-x);
  overflow-y: var(--os-viewport-overflow-y);
}

[data-overlayscrollbars-viewport~=overflowXVisible] {
  --os-viewport-overflow-x: visible;
}

[data-overlayscrollbars-viewport~=overflowXHidden] {
  --os-viewport-overflow-x: hidden;
}

[data-overlayscrollbars-viewport~=overflowXScroll] {
  --os-viewport-overflow-x: scroll;
}

[data-overlayscrollbars-viewport~=overflowYVisible] {
  --os-viewport-overflow-y: visible;
}

[data-overlayscrollbars-viewport~=overflowYHidden] {
  --os-viewport-overflow-y: hidden;
}

[data-overlayscrollbars-viewport~=overflowYScroll] {
  --os-viewport-overflow-y: scroll;
}

[data-overlayscrollbars-viewport~=overflowImportant] {
  overflow-x: var(--os-viewport-overflow-x) !important;
  overflow-y: var(--os-viewport-overflow-y) !important;
}

/**
 * viewport state modifiers:
 */
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > *:not(#osFakeId) {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

[data-overlayscrollbars-viewport~=measuring],
[data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible] {
  overflow-x: hidden !important;
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible] {
  overflow-y: hidden !important;
}

/**
 * content element:
 */
[data-overlayscrollbars-content] {
  box-sizing: inherit;
}

/**
 * Display contents to bridge any flickering during deferred initialization.
 */
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}

/**
 * optional & experimental grid mode
 */
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}

[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}

@property --os-scroll-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --os-viewport-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc(
    var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *
      var(--os-scroll-direction)
  );
}

.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}

.os-scrollbar-transitionless {
  transition: none !important;
}

.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  position: absolute;
}

.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}

.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}

@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}

@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}

.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}
.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}
.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}

.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}
.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}
.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}

.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}

/* NONE THEME: */
[data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}

/* DARK & LIGHT THEME: */
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}

.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}

.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),
[data-overlayscrollbars-viewport~=scrollbarHidden],
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body {
  scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar,
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
          appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --border-angle: 0deg;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: "AppSans", Pretendard, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 1px;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --shadow-sm: 0 7px 23px #0000000d;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-black: #191928;
    --color-semi-black: #2f2c42;
    --color-selectBox-bg: #444155;
    --color-white: #fff;
    --color-bg-black: #0f001f;
    --color-section-bg: #130c33;
    --color-mint-50: #e9fcfa;
    --color-mint-100: #b9f4ee;
    --color-mint-200: #98efe6;
    --color-mint-300: #68e8da;
    --color-mint-400: #4be3d3;
    --color-mint-500: #1edcc8;
    --color-mint-600: #19bebe;
    --color-mint-700: #0a96aa;
    --color-mint-800: #00788c;
    --color-mint-900: #005569;
    --color-primary-purple-50: #f0ebfd;
    --color-primary-purple-100: #dbcff9;
    --color-primary-purple-200: #bfa9f4;
    --color-primary-purple-300: #a182ef;
    --color-primary-purple-400: #855ceb;
    --color-primary-purple-500: #6a38e6;
    --color-primary-purple-600: #5a30c4;
    --color-primary-purple-700: #4b28a3;
    --color-primary-purple-800: #3c2083;
    --color-primary-purple-900: #301967;
    --color-primary-violet-50: #f8ebff;
    --color-primary-violet-100: #eeceff;
    --color-primary-violet-200: #e0a7ff;
    --color-primary-violet-300: #d27eff;
    --color-primary-violet-400: #c558ff;
    --color-primary-violet-500: #b3f;
    --color-primary-violet-600: #9c2bd9;
    --color-primary-violet-700: #8324b5;
    --color-primary-violet-800: #691d91;
    --color-primary-violet-900: #531773;
    --color-secondary-50: #e6f0ff;
    --color-secondary-100: #b0d0ff;
    --color-secondary-200: #8ab9ff;
    --color-secondary-300: #5498ff;
    --color-secondary-400: #3385ff;
    --color-secondary-500: #06f;
    --color-secondary-600: #005de8;
    --color-secondary-700: #0048b5;
    --color-secondary-800: #00388c;
    --color-secondary-900: #002b6b;
    --color-neutral-50: #f9fafb;
    --color-neutral-100: #f3f4f6;
    --color-neutral-200: #e5e7eb;
    --color-neutral-300: #d2d6db;
    --color-neutral-400: #9da4ae;
    --color-neutral-500: #6c737f;
    --color-neutral-600: #4d5761;
    --color-neutral-700: #384250;
    --color-neutral-800: #1f2a37;
    --color-neutral-900: #1e232a;
    --color-neutral-950: #14181e;
    --color-red-900: #641d1d;
    --color-red-800: #832626;
    --color-red-700: #aa3131;
    --color-red-600: #d93f3f;
    --color-red-500: #ef4545;
    --color-red-400: #f26a6a;
    --color-red-300: #f48282;
    --color-red-200: #f8a9a9;
    --color-red-100: #fac5c5;
    --color-red-50: #fdecec;
    --color-orange-700: #b43403;
    --color-orange-500: #ff5a1f;
    --color-orange-400: #ff8a4c;
    --color-orange-300: #fdba8c;
    --color-orange-100: #feecdc;
    --color-yellow-900: #633112;
    --color-yellow-800: #723b13;
    --color-yellow-700: #8e4b10;
    --color-yellow-600: #9f580a;
    --color-yellow-500: #c27803;
    --color-yellow-400: #e3a008;
    --color-yellow-300: #faca15;
    --color-yellow-200: #fce96a;
    --color-yellow-100: #fdf6b2;
    --color-yellow-50: #fdfdea;
    --color-amber-950: #451a03;
    --color-amber-900: #78350f;
    --color-amber-700: #b45309;
    --color-amber-500: #f59e0b;
    --color-amber-400: #fbbf24;
    --color-amber-300: #fcd34d;
    --color-amber-200: #fde68a;
    --color-amber-100: #fef3c7;
    --color-green-900: #0d5926;
    --color-green-800: #117532;
    --color-green-700: #159740;
    --color-green-600: #1bc152;
    --color-green-500: #1ed45a;
    --color-green-400: #4bdd7b;
    --color-green-300: #68e290;
    --color-green-200: #98ebb3;
    --color-green-100: #b9f2cc;
    --color-green-50: #e9fbef;
    --color-positive: #1a56db;
    --color-negative: #f05252;
    --color-true: #1cb854;
    --color-false: #ff5a1f;
    --text-heading-large: 32px;
    --text-heading-large--letter-spacing: 1px;
    --text-body-medium: 17px;
    --text-body-small: 15px;
    --text-body-xsmall: 13px;
    --text-body-xxsmall: 11px;
    --font-weight-regular: 400;
    --side-nav-width: 56px;
    --card-border: 1px;
    --card-radius: 8px;
    --card-gradient: linear-gradient(100deg,
    #2afeb4 0%,
    #693be5 50%,
    #3b1f80 100%);
    --animate-expandInX: expandInX .2s ease-in-out;
    --animate-reverseExpandInX: reverseExpandInX .2s ease-in-out;
    --animate-ai-fade-in-up: ai-fade-in-up .3s ease-out both;
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  html, body, #root {
    width: 100%;
    min-width: 1280px;
    height: 100%;
    font-size: var(--text-body-xsmall);
    --tw-leading: 150%;
    line-height: 150%;
  }

  #root {
    margin-inline: auto;
  }

  html {
    letter-spacing: -.5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    font-family: var(--font-sans);
  }

  input, textarea, button {
    background: none;
    border: none;
    outline: none;
  }

  input:focus {
    color: #fff;
    outline: 1px solid #1f2a37;
  }
}

@layer components {
  .gap-none {
    gap: calc(var(--spacing) * 0);
  }

  .gap-xs {
    gap: calc(var(--spacing) * 6);
  }

  .gap-sm {
    gap: calc(var(--spacing) * 10);
  }

  .gap-md {
    gap: calc(var(--spacing) * 16);
  }

  .gap-lg {
    gap: calc(var(--spacing) * 24);
  }

  .gap-xl {
    gap: calc(var(--spacing) * 40);
  }

  .padding-none {
    padding: calc(var(--spacing) * 0);
  }

  .padding-xl {
    padding: calc(var(--spacing) * 40);
  }

  .padding-lg {
    padding: calc(var(--spacing) * 24);
  }

  .padding-md {
    padding: calc(var(--spacing) * 20);
  }

  .padding-sm {
    padding: calc(var(--spacing) * 10);
  }

  .padding-xs {
    padding: calc(var(--spacing) * 6);
  }

  .padding-y-none {
    padding-block: calc(var(--spacing) * 0);
  }

  .padding-y-xs {
    padding-block: calc(var(--spacing) * 6);
  }

  .padding-y-sm {
    padding-block: calc(var(--spacing) * 10);
  }

  .padding-y-md {
    padding-block: calc(var(--spacing) * 20);
  }

  .padding-y-lg {
    padding-block: calc(var(--spacing) * 24);
  }

  .padding-y-xl {
    padding-block: calc(var(--spacing) * 40);
  }

  .padding-x-none {
    padding-inline: calc(var(--spacing) * 0);
  }

  .padding-x-xs {
    padding-inline: calc(var(--spacing) * 6);
  }

  .padding-x-sm {
    padding-inline: calc(var(--spacing) * 10);
  }

  .padding-x-md {
    padding-inline: calc(var(--spacing) * 20);
  }

  .padding-x-lg {
    padding-inline: calc(var(--spacing) * 24);
  }

  .padding-x-xl {
    padding-inline: calc(var(--spacing) * 40);
  }

  .width-full {
    width: 100%;
  }

  .width-half {
    width: 50%;
  }

  .width-third {
    width: 33.3333%;
  }

  .width-quarter {
    width: 25%;
  }

  .divider, .short-divider {
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
  }

  .short-divider.vertical-divider {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 48);
  }

  .short-divider.horizontal-divider {
    height: calc(var(--spacing) * 48);
    width: calc(var(--spacing) * 2);
  }

  .spacer {
    height: calc(var(--spacing) * 1);
    width: calc(var(--spacing) * 1);
    background-color: #0000;
    display: block;
  }

  .pos-a {
    position: absolute;
  }

  .pos-r {
    position: relative;
  }

  .pos-f {
    position: fixed;
  }

  .pos-s {
    position: sticky;
  }

  .top-zero {
    top: calc(var(--spacing) * 0);
  }

  .right-zero {
    right: calc(var(--spacing) * 0);
  }

  .bottom-zero {
    bottom: calc(var(--spacing) * 0);
  }

  .left-zero {
    left: calc(var(--spacing) * 0);
  }

  .top-half {
    margin-top: -50%;
    top: 50%;
  }

  .right-half {
    margin-right: -50%;
    right: 50%;
  }

  .bottom-half {
    margin-bottom: -50%;
    bottom: 50%;
  }

  .left-half {
    margin-left: -50%;
    left: 50%;
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: var(--shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .border-radius {
    border-radius: 16px;
  }

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

  .intelligence-card.x2 {
    max-height: 130px !important;
  }

  .gradient-border {
    opacity: 0;
    z-index: 0;
    border-width: calc(var(--card-border));
    border-radius: var(--card-radius);
    top: calc(-1 * var(--card-border));
    left: calc(-1 * var(--card-border));
    height: calc(100% + var(--card-border) * 2);
    width: calc(100% + var(--card-border) * 2);
    background: var(--card-gradient);
    transition: opacity .2s ease-in-out;
    position: absolute;
  }

  .gradient-border.double {
    border-width: calc(var(--card-border) * 2);
    top: calc(-1 * var(--card-border) * 2);
    left: calc(-1 * var(--card-border) * 2);
    height: calc(100% + var(--card-border) * 4);
    width: calc(100% + var(--card-border) * 4);
  }

  .intelligence-card:hover .gradient-border, .intelligence-card.active .gradient-border {
    opacity: 1;
  }

  .typo-ellipsis {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  .icon {
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .icon.white {
    background-color: var(--color-white);
  }

  .icon.black {
    background-color: var(--color-black);
  }

  .icon.neutral-50 {
    background-color: var(--color-neutral-50);
  }

  .icon.neutral-100 {
    background-color: var(--color-neutral-100);
  }

  .icon.neutral-200 {
    background-color: var(--color-neutral-200);
  }

  .icon.neutral-300 {
    background-color: var(--color-neutral-300);
  }

  .icon.neutral-400 {
    background-color: var(--color-neutral-400);
  }

  .icon.neutral-500 {
    background-color: var(--color-neutral-500);
  }

  .icon.neutral-600 {
    background-color: var(--color-neutral-600);
  }

  .icon.neutral-700 {
    background-color: var(--color-neutral-700);
  }

  .icon.neutral-800 {
    background-color: var(--color-neutral-800);
  }

  .icon.neutral-900 {
    background-color: var(--color-neutral-900);
  }

  .icon.primary-50 {
    background-color: var(--color-primary-purple-50);
  }

  .icon.primary-100 {
    background-color: var(--color-primary-purple-100);
  }

  .icon.primary-200 {
    background-color: var(--color-primary-purple-200);
  }

  .icon.primary-300 {
    background-color: var(--color-primary-purple-300);
  }

  .icon.primary-400 {
    background-color: var(--color-primary-purple-400);
  }

  .icon.primary-500 {
    background-color: var(--color-primary-purple-500);
  }

  .icon.primary-600 {
    background-color: var(--color-primary-purple-600);
  }

  .icon.primary-700 {
    background-color: var(--color-primary-purple-700);
  }

  .icon.primary-800 {
    background-color: var(--color-primary-purple-800);
  }

  .icon.primary-900 {
    background-color: var(--color-primary-purple-900);
  }

  .icon.violet-50 {
    background-color: var(--color-primary-violet-50);
  }

  .icon.violet-100 {
    background-color: var(--color-primary-violet-100);
  }

  .icon.violet-200 {
    background-color: var(--color-primary-violet-200);
  }

  .icon.violet-300 {
    background-color: var(--color-primary-violet-300);
  }

  .icon.violet-400 {
    background-color: var(--color-primary-violet-400);
  }

  .icon.violet-500 {
    background-color: var(--color-primary-violet-500);
  }

  .icon.violet-600 {
    background-color: var(--color-primary-violet-600);
  }

  .icon.violet-700 {
    background-color: var(--color-primary-violet-700);
  }

  .icon.violet-800 {
    background-color: var(--color-primary-violet-800);
  }

  .icon.violet-900 {
    background-color: var(--color-primary-violet-900);
  }

  .icon.green-50 {
    background-color: var(--color-green-50);
  }

  .icon.green-100 {
    background-color: var(--color-green-100);
  }

  .icon.green-200 {
    background-color: var(--color-green-200);
  }

  .icon.green-300 {
    background-color: var(--color-green-300);
  }

  .icon.green-400 {
    background-color: var(--color-green-400);
  }

  .icon.green-500 {
    background-color: var(--color-green-500);
  }

  .icon.green-600 {
    background-color: var(--color-green-600);
  }

  .icon.green-700 {
    background-color: var(--color-green-700);
  }

  .icon.green-800 {
    background-color: var(--color-green-800);
  }

  .icon.green-900 {
    background-color: var(--color-green-900);
  }

  .icon.bright-green {
    background-color: #aaff2a;
  }

  .icon.red-500 {
    background-color: var(--color-red-500);
  }

  .icon.quick-approve {
    background-color: oklab(72.2746% -.165574 .0972219 / .2);
  }

  .icon.quick-reject {
    background-color: oklab(63.6834% .187864 .0889286 / .2);
  }

  .icon.xs {
    height: calc(var(--spacing) * 16);
    min-height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    min-width: calc(var(--spacing) * 16);
  }

  .icon.sm {
    height: calc(var(--spacing) * 20);
    min-height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    min-width: calc(var(--spacing) * 20);
  }

  .icon.md {
    height: calc(var(--spacing) * 24);
    min-height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    min-width: calc(var(--spacing) * 24);
  }

  .icon.lg {
    height: calc(var(--spacing) * 32);
    min-height: calc(var(--spacing) * 32);
    width: calc(var(--spacing) * 32);
    min-width: calc(var(--spacing) * 32);
  }

  .ico-actor-linked {
    -webkit-mask-image: url("/newAssets/icons/ico-actor-linked.svg");
    mask-image: url("/newAssets/icons/ico-actor-linked.svg");
  }

  .ico-malware-linked {
    -webkit-mask-image: url("/newAssets/icons/ico-malware-linked.svg");
    mask-image: url("/newAssets/icons/ico-malware-linked.svg");
  }

  .ico-unlinked {
    -webkit-mask-image: url("/newAssets/icons/ico-unlinked.svg");
    mask-image: url("/newAssets/icons/ico-unlinked.svg");
  }

  .ico-action-download {
    -webkit-mask-image: url("/newAssets/icons/ico-action-download.svg");
    mask-image: url("/newAssets/icons/ico-action-download.svg");
  }

  .ico-action-link {
    -webkit-mask-image: url("/newAssets/icons/ico-action-link.svg");
    mask-image: url("/newAssets/icons/ico-action-link.svg");
  }

  .ico-action-permission {
    -webkit-mask-image: url("/newAssets/icons/ico-action-permission.svg");
    mask-image: url("/newAssets/icons/ico-action-permission.svg");
  }

  .ico-action-unlink {
    -webkit-mask-image: url("/newAssets/icons/ico-action-unlink.svg");
    mask-image: url("/newAssets/icons/ico-action-unlink.svg");
  }

  .ico-nav-account {
    -webkit-mask-image: url("/newAssets/icons/ico-nav-account.svg");
    mask-image: url("/newAssets/icons/ico-nav-account.svg");
  }

  .ico-nav-actor {
    -webkit-mask-image: url("/newAssets/icons/ico-nav-actor.svg");
    mask-image: url("/newAssets/icons/ico-nav-actor.svg");
  }

  .ico-nav-agent {
    -webkit-mask-image: url("/newAssets/icons/ico-nav-agent.svg");
    mask-image: url("/newAssets/icons/ico-nav-agent.svg");
  }

  .ico-nav-home {
    -webkit-mask-image: url("/newAssets/icons/ico-home.svg");
    mask-image: url("/newAssets/icons/ico-home.svg");
  }

  .ico-ai-folder {
    -webkit-mask-image: url("/newAssets/icons/ico-ai-folder.svg");
    mask-image: url("/newAssets/icons/ico-ai-folder.svg");
  }

  .ico-ai-image {
    -webkit-mask-image: url("/newAssets/icons/ico-ai-image.svg");
    mask-image: url("/newAssets/icons/ico-ai-image.svg");
  }

  .ico-alarm {
    -webkit-mask-image: url("/newAssets/icons/ico-alarm.svg");
    mask-image: url("/newAssets/icons/ico-alarm.svg");
  }

  .ico-warning {
    -webkit-mask-image: url("/newAssets/icons/ico-warning.svg");
    mask-image: url("/newAssets/icons/ico-warning.svg");
  }

  .ico-arrow-right {
    -webkit-mask-image: url("/newAssets/icons/ico-arrow-right-gray.svg");
    mask-image: url("/newAssets/icons/ico-arrow-right-gray.svg");
  }

  .ico-calendar {
    -webkit-mask-image: url("/newAssets/icons/ico-calendar.svg");
    mask-image: url("/newAssets/icons/ico-calendar.svg");
  }

  .ico-card {
    -webkit-mask-image: url("/newAssets/icons/ico-card.svg");
    mask-image: url("/newAssets/icons/ico-card.svg");
  }

  .ico-card-hover {
    -webkit-mask-image: url("/newAssets/icons/ico-card-hover.svg");
    mask-image: url("/newAssets/icons/ico-card-hover.svg");
  }

  .ico-nav-case {
    -webkit-mask-image: url("/newAssets/icons/ico-nav-case.svg");
    mask-image: url("/newAssets/icons/ico-nav-case.svg");
  }

  .ico-chat {
    -webkit-mask-image: url("/newAssets/icons/ico-chat.svg");
    mask-image: url("/newAssets/icons/ico-chat.svg");
  }

  .ico-check-white {
    -webkit-mask-image: url("/newAssets/icons/ico-check-white.svg");
    mask-image: url("/newAssets/icons/ico-check-white.svg");
  }

  .ico-close {
    -webkit-mask-image: url("/newAssets/icons/ico-close.svg");
    mask-image: url("/newAssets/icons/ico-close.svg");
  }

  .ico-close-gray500 {
    -webkit-mask-image: url("/newAssets/icons/ico-close-gray500.svg");
    mask-image: url("/newAssets/icons/ico-close-gray500.svg");
  }

  .ico-close-side-nav {
    -webkit-mask-image: url("/newAssets/icons/ico-close-side-nav.svg");
    mask-image: url("/newAssets/icons/ico-close-side-nav.svg");
  }

  .ico-copy-primary600 {
    -webkit-mask-image: url("/newAssets/icons/ico-copy-primary600.svg");
    mask-image: url("/newAssets/icons/ico-copy-primary600.svg");
  }

  .ico-dashboard {
    -webkit-mask-image: url("/newAssets/icons/ico-dashboard.svg");
    mask-image: url("/newAssets/icons/ico-dashboard.svg");
  }

  .ico-nav-malware {
    -webkit-mask-image: url("/newAssets/icons/ico-nav-malware.svg");
    mask-image: url("/newAssets/icons/ico-nav-malware.svg");
  }

  .ico-nav-single-upload {
    -webkit-mask-image: url("/newAssets/icons/ico-nav-single-upload.svg");
    mask-image: url("/newAssets/icons/ico-nav-single-upload.svg");
  }

  .ico-vulnerablility {
    -webkit-mask-image: url("/newAssets/icons/ico-vulnerablility.svg");
    mask-image: url("/newAssets/icons/ico-vulnerablility.svg");
  }

  .ico-leakages {
    -webkit-mask-image: url("/newAssets/icons/ico-leakages.svg");
    mask-image: url("/newAssets/icons/ico-leakages.svg");
  }

  .ico-nav-graph {
    -webkit-mask-image: url("/newAssets/icons/ico-nav-graph.svg");
    mask-image: url("/newAssets/icons/ico-nav-graph.svg");
  }

  .ico-arrow-sub-right {
    -webkit-mask-image: url("/newAssets/icons/ico-arrow-sub-right.svg");
    mask-image: url("/newAssets/icons/ico-arrow-sub-right.svg");
  }

  .ico-dropdown-arrow-down {
    -webkit-mask-image: url("/newAssets/icons/ico-arrow-down.svg");
    mask-image: url("/newAssets/icons/ico-arrow-down.svg");
  }

  .ico-arrow-down-gray400 {
    -webkit-mask-image: url("/newAssets/icons/ico-arrow-down-gray700.svg");
    mask-image: url("/newAssets/icons/ico-arrow-down-gray700.svg");
  }

  .ico-arrow-up-gray400 {
    -webkit-mask-image: url("/newAssets/icons/ico-arrow-up-gray700.svg");
    mask-image: url("/newAssets/icons/ico-arrow-up-gray700.svg");
  }

  .ico-dropdown-arrow-up {
    rotate: 180deg;
    -webkit-mask-image: url("/newAssets/icons/ico-arrow-down.svg");
    mask-image: url("/newAssets/icons/ico-arrow-down.svg");
  }

  .ico-delete {
    -webkit-mask-image: url("/newAssets/icons/ico-delete.svg");
    mask-image: url("/newAssets/icons/ico-delete.svg");
  }

  .ico-asc {
    -webkit-mask-image: url("/newAssets/icons/ico-asc.svg");
    mask-image: url("/newAssets/icons/ico-asc.svg");
  }

  .ico-desc {
    -webkit-mask-image: url("/newAssets/icons/ico-desc.svg");
    mask-image: url("/newAssets/icons/ico-desc.svg");
  }

  .ico-arrow-right-gray500 {
    -webkit-mask-image: url("/newAssets/icons/ico-arrow-right-gray500.svg");
    mask-image: url("/newAssets/icons/ico-arrow-right-gray500.svg");
  }

  .ico-link {
    -webkit-mask-image: url("/newAssets/icons/ico-link.svg");
    mask-image: url("/newAssets/icons/ico-link.svg");
  }

  .ico-add-file-neutral500 {
    -webkit-mask-image: url("/newAssets/icons/ico-add-file-neutral500.svg");
    mask-image: url("/newAssets/icons/ico-add-file-neutral500.svg");
  }

  .ico-edit-file-neutral500 {
    -webkit-mask-image: url("/newAssets/icons/ico-edit-file-neutral500.svg");
    mask-image: url("/newAssets/icons/ico-edit-file-neutral500.svg");
  }

  .ico-toggle-neutral500 {
    -webkit-mask-image: url("/newAssets/icons/ico-toggle-neutral500.svg");
    mask-image: url("/newAssets/icons/ico-toggle-neutral500.svg");
  }

  .ico-toolbox {
    -webkit-mask-image: url("/newAssets/icons/ico-toolBox.svg");
    mask-image: url("/newAssets/icons/ico-toolBox.svg");
  }

  .ico-hamburger {
    -webkit-mask-image: url("/newAssets/icons/ico-hamburger.svg");
    mask-image: url("/newAssets/icons/ico-hamburger.svg");
  }

  .ico-download-white {
    -webkit-mask-image: url("/newAssets/icons/ico-download-white.svg");
    mask-image: url("/newAssets/icons/ico-download-white.svg");
  }

  .ico-download-primary600 {
    -webkit-mask-image: url("/newAssets/icons/ico-download-primary600.svg");
    mask-image: url("/newAssets/icons/ico-download-primary600.svg");
  }

  .ico-edit-gray500 {
    -webkit-mask-image: url("/newAssets/icons/ico-edit-gray500.svg");
    mask-image: url("/newAssets/icons/ico-edit-gray500.svg");
  }

  .ico-exclude {
    -webkit-mask-image: url("/newAssets/icons/ico-exclude.svg");
    mask-image: url("/newAssets/icons/ico-exclude.svg");
  }

  .ico-exclude-hover {
    -webkit-mask-image: url("/newAssets/icons/ico-exclude-hover.svg");
    mask-image: url("/newAssets/icons/ico-exclude-hover.svg");
  }

  .ico-files {
    -webkit-mask-image: url("/newAssets/icons/ico-files.svg");
    mask-image: url("/newAssets/icons/ico-files.svg");
  }

  .ico-folder {
    -webkit-mask-image: url("/newAssets/icons/ico-folder.svg");
    mask-image: url("/newAssets/icons/ico-folder.svg");
  }

  .ico-folder-open {
    -webkit-mask-image: url("/newAssets/icons/ico-folder-open.svg");
    mask-image: url("/newAssets/icons/ico-folder-open.svg");
  }

  .ico-info {
    -webkit-mask-image: url("/newAssets/icons/ico-info.svg");
    mask-image: url("/newAssets/icons/ico-info.svg");
  }

  .ico-include {
    -webkit-mask-image: url("/newAssets/icons/ico-include.svg");
    mask-image: url("/newAssets/icons/ico-include.svg");
  }

  .ico-include-hover {
    -webkit-mask-image: url("/newAssets/icons/ico-include-hover.svg");
    mask-image: url("/newAssets/icons/ico-include-hover.svg");
  }

  .ico-list {
    -webkit-mask-image: url("/newAssets/icons/ico-list.svg");
    mask-image: url("/newAssets/icons/ico-list.svg");
  }

  .ico-list-hover {
    -webkit-mask-image: url("/newAssets/icons/ico-list-hover.svg");
    mask-image: url("/newAssets/icons/ico-list-hover.svg");
  }

  .ico-nested {
    -webkit-mask-image: url("/newAssets/icons/ico-nested.svg");
    mask-image: url("/newAssets/icons/ico-nested.svg");
  }

  .ico-lock {
    -webkit-mask-image: url("/newAssets/icons/ico-lock.svg");
    mask-image: url("/newAssets/icons/ico-lock.svg");
  }

  .ico-logout {
    -webkit-mask-image: url("/newAssets/icons/ico-logout.svg");
    mask-image: url("/newAssets/icons/ico-logout.svg");
  }

  .ico-lock-gray500 {
    -webkit-mask-image: url("/newAssets/icons/ico-lock-gray500.svg");
    mask-image: url("/newAssets/icons/ico-lock-gray500.svg");
  }

  .ico-log-download {
    -webkit-mask-image: url("/newAssets/icons/ico-log-download.svg");
    mask-image: url("/newAssets/icons/ico-log-download.svg");
  }

  .ico-mode-light {
    -webkit-mask-image: url("/newAssets/icons/ico-mode-light.svg");
    mask-image: url("/newAssets/icons/ico-mode-light.svg");
  }

  .ico-refresh {
    -webkit-mask-image: url("/newAssets/icons/ico-refresh-gray500.svg");
    mask-image: url("/newAssets/icons/ico-refresh-gray500.svg");
  }

  .ico-refresh:hover {
    -webkit-mask-image: url("/newAssets/icons/ico-refresh-primary600.svg");
    mask-image: url("/newAssets/icons/ico-refresh-primary600.svg");
  }

  .ico-report-add {
    -webkit-mask-image: url("/newAssets/icons/ico-report-add.svg");
    mask-image: url("/newAssets/icons/ico-report-add.svg");
  }

  .ico-report-download {
    -webkit-mask-image: url("/newAssets/icons/ico-report-download.svg");
    mask-image: url("/newAssets/icons/ico-report-download.svg");
  }

  .ico-search {
    -webkit-mask-image: url("/newAssets/icons/ico-search.svg");
    mask-image: url("/newAssets/icons/ico-search.svg");
  }

  .ico-settings {
    -webkit-mask-image: url("/newAssets/icons/ico-settings.svg");
    mask-image: url("/newAssets/icons/ico-settings.svg");
  }

  .ico-shared {
    -webkit-mask-image: url("/newAssets/icons/ico-shared.svg");
    mask-image: url("/newAssets/icons/ico-shared.svg");
  }

  .ico-tag {
    -webkit-mask-image: url("/newAssets/icons/ico-tag.svg");
    mask-image: url("/newAssets/icons/ico-tag.svg");
  }

  .ico-tag-delete {
    -webkit-mask-image: url("/newAssets/icons/ico-tag-delete.svg");
    mask-image: url("/newAssets/icons/ico-tag-delete.svg");
  }

  .ico-tag-edit {
    -webkit-mask-image: url("/newAssets/icons/ico-tag-edit.svg");
    mask-image: url("/newAssets/icons/ico-tag-edit.svg");
  }

  .ico-timeline {
    -webkit-mask-image: url("/newAssets/icons/ico-timeline.svg");
    mask-image: url("/newAssets/icons/ico-timeline.svg");
  }

  .ico-tree {
    -webkit-mask-image: url("/newAssets/icons/ico-tree.svg");
    mask-image: url("/newAssets/icons/ico-tree.svg");
  }

  .ico-timeline-log-download {
    -webkit-mask-image: url("/newAssets/icons/ico-timeline-log-download.svg");
    mask-image: url("/newAssets/icons/ico-timeline-log-download.svg");
  }

  .ico-upload {
    -webkit-mask-image: url("/newAssets/icons/ico-upload.svg");
    mask-image: url("/newAssets/icons/ico-upload.svg");
  }

  .ico-upload-cloud {
    -webkit-mask-image: url("/newAssets/icons/ico-upload-cloud.svg");
    mask-image: url("/newAssets/icons/ico-upload-cloud.svg");
  }

  .ico-upload-white {
    -webkit-mask-image: url("/newAssets/icons/ico-upload-white.svg");
    mask-image: url("/newAssets/icons/ico-upload-white.svg");
  }

  .ico-policy {
    -webkit-mask-image: url("/newAssets/icons/ico-policy.svg");
    mask-image: url("/newAssets/icons/ico-policy.svg");
  }

  .ico-role {
    -webkit-mask-image: url("/newAssets/icons/ico-role.svg");
    mask-image: url("/newAssets/icons/ico-role.svg");
  }

  .ico-team {
    -webkit-mask-image: url("/newAssets/icons/ico-team.svg");
    mask-image: url("/newAssets/icons/ico-team.svg");
  }

  .ico-timezone {
    -webkit-mask-image: url("/newAssets/icons/ico-timezone.svg");
    mask-image: url("/newAssets/icons/ico-timezone.svg");
  }

  .ico-timeline-select {
    -webkit-mask-image: url("/newAssets/icons/ico-timeline-select.svg");
    mask-image: url("/newAssets/icons/ico-timeline-select.svg");
  }

  .ico-user {
    -webkit-mask-image: url("/newAssets/icons/ico-user.svg");
    mask-image: url("/newAssets/icons/ico-user.svg");
  }

  .ico-user.gray {
    -webkit-mask-image: url("/newAssets/icons/ico-user-gray.svg");
    mask-image: url("/newAssets/icons/ico-user-gray.svg");
  }

  .ico-artifact-bgBlue50 {
    -webkit-mask-image: url("/newAssets/icons/ico-artifact-bgBlue50.svg");
    mask-image: url("/newAssets/icons/ico-artifact-bgBlue50.svg");
  }

  .ico-artifact-bookmark {
    -webkit-mask-image: url("/newAssets/icons/ico-artifact-bookmark.svg");
    mask-image: url("/newAssets/icons/ico-artifact-bookmark.svg");
  }

  .ico-artifact-no-bookmark {
    -webkit-mask-image: url("/newAssets/icons/ico-artifact-no-bookmark.svg");
    mask-image: url("/newAssets/icons/ico-artifact-no-bookmark.svg");
  }

  .ico-timeline-bgGreen50 {
    -webkit-mask-image: url("/newAssets/icons/ico-timeline-bgGreen50.svg");
    mask-image: url("/newAssets/icons/ico-timeline-bgGreen50.svg");
  }

  .ico-timeline-bgPurple50 {
    -webkit-mask-image: url("/newAssets/icons/ico-timeline-bgPurple50.svg");
    mask-image: url("/newAssets/icons/ico-timeline-bgPurple50.svg");
  }

  .ico-file-red50 {
    -webkit-mask-image: url("/newAssets/icons/ico-file-red50.svg");
    mask-image: url("/newAssets/icons/ico-file-red50.svg");
  }

  .ico-analyzing {
    -webkit-mask-image: url("/newAssets/icons/ico-analyzing.svg");
    mask-image: url("/newAssets/icons/ico-analyzing.svg");
  }

  .ico-caseClose {
    -webkit-mask-image: url("/newAssets/icons/ico-caseClose.svg");
    mask-image: url("/newAssets/icons/ico-caseClose.svg");
  }

  .ico-caseCloseBlue {
    -webkit-mask-image: url("/newAssets/icons/ico-caseClose-blue.svg");
    mask-image: url("/newAssets/icons/ico-caseClose-blue.svg");
  }

  .ico-caseDelete {
    -webkit-mask-image: url("/newAssets/icons/ico-caseDelete.svg");
    mask-image: url("/newAssets/icons/ico-caseDelete.svg");
  }

  .ico-case-check {
    -webkit-mask-image: url("/newAssets/icons/ico-case-check.svg");
    mask-image: url("/newAssets/icons/ico-case-check.svg");
  }

  .ico-case-linked {
    -webkit-mask-image: url("/newAssets/icons/ico-case-linked.svg");
    mask-image: url("/newAssets/icons/ico-case-linked.svg");
  }

  .ico-case-undo {
    -webkit-mask-image: url("/newAssets/icons/ico-case-undo.svg");
    mask-image: url("/newAssets/icons/ico-case-undo.svg");
  }

  .ico-caseEdit {
    -webkit-mask-image: url("/newAssets/icons/ico-case-edit.svg");
    mask-image: url("/newAssets/icons/ico-case-edit.svg");
  }

  .ico-case-desc {
    -webkit-mask-image: url("/newAssets/icons/ico-case-desc.svg");
    mask-image: url("/newAssets/icons/ico-case-desc.svg");
  }

  .ico-case-summary {
    -webkit-mask-image: url("/newAssets/icons/ico-case-summary.svg");
    mask-image: url("/newAssets/icons/ico-case-summary.svg");
  }

  .ico-all {
    -webkit-mask-image: url("/newAssets/icons/ico-all.svg");
    mask-image: url("/newAssets/icons/ico-all.svg");
  }

  .ico-visibilityOff {
    -webkit-mask-image: url("/newAssets/icons/ico-visibilityOff.svg");
    mask-image: url("/newAssets/icons/ico-visibilityOff.svg");
  }

  .ico-visibilityOn {
    -webkit-mask-image: url("/newAssets/icons/ico-visibilityOn.svg");
    mask-image: url("/newAssets/icons/ico-visibilityOn.svg");
  }

  .ico-excel-download {
    -webkit-mask-image: url("/newAssets/icons/ico-excel-download.svg");
    mask-image: url("/newAssets/icons/ico-excel-download.svg");
  }

  .ico-excel-upload {
    -webkit-mask-image: url("/newAssets/icons/ico-excel-upload.svg");
    mask-image: url("/newAssets/icons/ico-excel-upload.svg");
  }

  .ico-origin-file {
    -webkit-mask-image: url("/newAssets/icons/ico-origin-file.svg");
    mask-image: url("/newAssets/icons/ico-origin-file.svg");
  }

  .ico-filelist {
    -webkit-mask-image: url("/newAssets/icons/ico-filelist.svg");
    mask-image: url("/newAssets/icons/ico-filelist.svg");
  }

  .ico-memo {
    -webkit-mask-image: url("/newAssets/icons/ico-memo.svg");
    mask-image: url("/newAssets/icons/ico-memo.svg");
  }

  .ico-lock-cell {
    -webkit-mask-image: url("/newAssets/icons/ico-lock-cell.svg");
    mask-image: url("/newAssets/icons/ico-lock-cell.svg");
  }

  .ico-unlock-cell {
    -webkit-mask-image: url("/newAssets/icons/ico-unlock-cell.svg");
    mask-image: url("/newAssets/icons/ico-unlock-cell.svg");
  }

  .ico-unlock-all {
    -webkit-mask-image: url("/newAssets/icons/ico-unlock-all.svg");
    mask-image: url("/newAssets/icons/ico-unlock-all.svg");
  }

  .ico-drag-handler {
    -webkit-mask-image: url("/newAssets/icons/ico-dragHandler.svg");
    mask-image: url("/newAssets/icons/ico-dragHandler.svg");
  }

  .ico-os-windows {
    background: url("/newAssets/icons/os/ico-os-windows.svg") center no-repeat;
    background-color: #0000 !important;
  }

  .ico-os-macos {
    background: url("/newAssets/icons/os/ico-os-macos.svg") center no-repeat;
    background-color: #0000 !important;
  }

  .ico-os-linux {
    background: url("/newAssets/icons/os/ico-os-linux.svg") center no-repeat;
    background-color: #0000 !important;
  }

  .ico-os-chrome {
    background: url("/newAssets/icons/os/ico-os-chrome.svg") center no-repeat;
    background-color: #0000 !important;
  }

  .ico-column {
    -webkit-mask-image: url("/newAssets/icons/ico-column.svg");
    mask-image: url("/newAssets/icons/ico-column.svg");
  }

  .ico-addRow {
    -webkit-mask-image: url("/newAssets/icons/ico-addRow.svg");
    mask-image: url("/newAssets/icons/ico-addRow.svg");
  }

  .ico-saveTemplate {
    -webkit-mask-image: url("/newAssets/icons/ico-saveTemplate.svg");
    mask-image: url("/newAssets/icons/ico-saveTemplate.svg");
  }

  .ico-timeline-copy {
    -webkit-mask-image: url("/newAssets/icons/ico-timeline-copy.svg");
    mask-image: url("/newAssets/icons/ico-timeline-copy.svg");
  }

  .ico-history {
    -webkit-mask-image: url("/newAssets/icons/ico-history.svg");
    mask-image: url("/newAssets/icons/ico-history.svg");
  }

  .ico-downloadAllLog {
    -webkit-mask-image: url("/newAssets/icons/ico-downloadAllLog.svg");
    mask-image: url("/newAssets/icons/ico-downloadAllLog.svg");
  }

  .ico-split-horizon {
    -webkit-mask-image: url("/newAssets/icons/ico-split-horizon.svg");
    mask-image: url("/newAssets/icons/ico-split-horizon.svg");
  }

  .ico-split-vertical {
    -webkit-mask-image: url("/newAssets/icons/ico-split-vertical.svg");
    mask-image: url("/newAssets/icons/ico-split-vertical.svg");
  }

  .ico-panel-maximum {
    -webkit-mask-image: url("/newAssets/icons/ico-panel-maximum.svg");
    mask-image: url("/newAssets/icons/ico-panel-maximum.svg");
  }

  .ico-panel-minimize {
    -webkit-mask-image: url("/newAssets/icons/ico-panel-minimize.svg");
    mask-image: url("/newAssets/icons/ico-panel-minimize.svg");
  }

  .ico-panel-return {
    -webkit-mask-image: url("/newAssets/icons/ico-panel-return.svg");
    mask-image: url("/newAssets/icons/ico-panel-return.svg");
  }

  .ico-plus {
    -webkit-mask-image: url("/newAssets/icons/ico-plus.svg");
    mask-image: url("/newAssets/icons/ico-plus.svg");
  }

  .ico-permission-access {
    -webkit-mask-image: url("/newAssets/icons/ico-permission-access.svg");
    mask-image: url("/newAssets/icons/ico-permission-access.svg");
  }

  .ico-permission-reject {
    -webkit-mask-image: url("/newAssets/icons/ico-permission-reject.svg");
    mask-image: url("/newAssets/icons/ico-permission-reject.svg");
  }

  .ico-all-permission-read {
    -webkit-mask-image: url("/newAssets/icons/ico-all-permission-read.svg");
    mask-image: url("/newAssets/icons/ico-all-permission-read.svg");
  }

  .ico-artifact-column-setting {
    -webkit-mask-image: url("/newAssets/icons/ico-artifact-column-setting.svg");
    mask-image: url("/newAssets/icons/ico-artifact-column-setting.svg");
  }

  .ico-password-blind {
    -webkit-mask-image: url("/newAssets/icons/ico-password-blind.svg");
    mask-image: url("/newAssets/icons/ico-password-blind.svg");
  }

  .ico-password-show {
    -webkit-mask-image: url("/newAssets/icons/ico-password-show.svg");
    mask-image: url("/newAssets/icons/ico-password-show.svg");
  }

  .ico-password-clear {
    -webkit-mask-image: url("/newAssets/icons/ico-password-clear.svg");
    mask-image: url("/newAssets/icons/ico-password-clear.svg");
  }

  .ico-view-single {
    -webkit-mask-image: url("/newAssets/icons/ico-viewSingle.svg");
    mask-image: url("/newAssets/icons/ico-viewSingle.svg");
  }

  .ico-view-sync {
    -webkit-mask-image: url("/newAssets/icons/ico-viewSync.svg");
    mask-image: url("/newAssets/icons/ico-viewSync.svg");
  }

  .ico-close-category {
    -webkit-mask-image: url("/newAssets/icons/ico-closeCategory.svg");
    mask-image: url("/newAssets/icons/ico-closeCategory.svg");
  }

  .ico-open-category {
    -webkit-mask-image: url("/newAssets/icons/ico-openCategory.svg");
    mask-image: url("/newAssets/icons/ico-openCategory.svg");
  }

  .button:not(.side-nav-button):hover .ico-nav-agent, .button:not(.side-nav-button):hover .ico-timeline, .button:not(.side-nav-button):hover .ico-files, .button:not(.side-nav-button):hover .ico-dashboard, .button:not(.side-nav-button):hover .ico-nav-account, .button:not(.side-nav-button):hover .ico-alarm, .button:not(.side-nav-button):hover .ico-chat, .button:not(.side-nav-button):hover .ico-settings, .button:not(.side-nav-button):hover .ico-mode-light, .button:not(.side-nav-button):hover .ico-nav-actor, .button:not(.side-nav-button):hover .ico-nav-malware, .button:not(.side-nav-button):hover .ico-vulnerablility, .button:not(.side-nav-button):hover .ico-leakages, .button:not(.side-nav-button):hover .ico-nav-graph, .button:not(.side-nav-button):hover .ico-nav-case, .button:not(.side-nav-button):hover .ico-nav-single-upload, .button:not(.side-nav-button):hover .ico-shared, .button:not(.side-nav-button):hover .ico-lock {
    background-color: var(--color-primary-purple-500);
  }

  .badge .ico-tag {
    top: 50%;
    left: calc(var(--spacing) * 4);
    z-index: 1;
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    position: absolute;
  }

  .main-layout-box {
    width: calc(100% - var(--side-nav-width)) !important;
  }

  .side-nav-box.sm-box {
    width: var(--side-nav-width) !important;
    background-color: var(--color-black) !important;
    border-radius: 0 !important;
  }

  .file-upload-box {
    border-style: var(--tw-border-style) !important;
    --tw-border-style: dashed !important;
    border-style: dashed !important;
    border-width: 1px !important;
    border-color: var(--color-primary-purple-900) !important;
    background-color: var(--color-primary-purple-50) !important;
  }

  .button {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 10);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-neutral-300);
    background-color: var(--color-white);
    width: fit-content;
    padding-inline: calc(var(--spacing) * 12);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    border-radius: 4px;
    transition-duration: .3s;
    display: flex;
    overflow: hidden;
  }

  @media (hover: hover) {
    .button[disabled]:hover {
      background-color: var(--color-white);
    }
  }

  .button.no-border {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .button.size-xs {
    height: calc(var(--spacing) * 24);
    min-height: calc(var(--spacing) * 24);
    min-width: calc(var(--spacing) * 60);
  }

  .button.size-sm {
    height: calc(var(--spacing) * 36);
    min-height: calc(var(--spacing) * 36);
    min-width: calc(var(--spacing) * 64);
  }

  .button.size-md {
    height: calc(var(--spacing) * 44);
    min-height: calc(var(--spacing) * 44);
    min-width: calc(var(--spacing) * 78);
  }

  .button.size-lg {
    height: calc(var(--spacing) * 56);
    min-height: calc(var(--spacing) * 56);
    min-width: calc(var(--spacing) * 90);
  }

  .button.size-xl {
    height: calc(var(--spacing) * 64);
    min-height: calc(var(--spacing) * 64);
    min-width: calc(var(--spacing) * 98);
  }

  .button.size-full-xs {
    height: calc(var(--spacing) * 22);
    min-height: calc(var(--spacing) * 22);
    width: 100%;
  }

  .button.size-full-sm {
    height: calc(var(--spacing) * 36);
    min-height: calc(var(--spacing) * 36);
    width: 100%;
  }

  .button.size-full-md {
    height: calc(var(--spacing) * 44);
    min-height: calc(var(--spacing) * 44);
    width: 100%;
  }

  .button.size-full-lg {
    height: calc(var(--spacing) * 56);
    min-height: calc(var(--spacing) * 56);
    width: 100%;
  }

  .button.size-full-xl {
    height: calc(var(--spacing) * 64);
    min-height: calc(var(--spacing) * 64);
    width: 100%;
  }

  .button.size-fit-xs {
    height: calc(var(--spacing) * 30);
    min-height: calc(var(--spacing) * 30);
    width: fit-content;
  }

  .button.side-nav-button, .button.side-menu-button {
    height: calc(var(--spacing) * 44);
    justify-content: flex-start;
    gap: calc(var(--spacing) * 10);
    border-style: var(--tw-border-style);
    width: 100%;
    padding: calc(var(--spacing) * 12);
    color: var(--color-neutral-700);
    background-color: #0000;
    border-width: 1px;
    border-color: #0000;
    position: relative;
    overflow: visible;
  }

  :is(.button.side-nav-button, .button.side-menu-button).active, :is(.button.side-nav-button, .button.side-menu-button):hover {
    color: var(--color-neutral-700);
    background: radial-gradient(circle at 0%, #6a38e6, #0000 60%) 0 / 45% 100% no-repeat;
  }

  .button.file-upload-button {
    border-style: var(--tw-border-style);
    --tw-border-style: dashed;
    border-style: dashed;
    border-width: 1px;
    border-color: var(--color-primary-purple-900);
    background-color: var(--color-white);
    width: 50%;
    padding-block: calc(var(--spacing) * 8);
    color: var(--color-primary-purple-700);
  }

  .button.icon-button {
    gap: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 1);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    background-color: #0000;
    border-radius: 4px;
    transition-duration: .25s;
  }

  @media (hover: hover) {
    .button.icon-button:hover {
      border-color: var(--color-primary-purple-500);
      background-color: var(--color-primary-purple-400);
    }

    .button.icon-button[disabled]:hover {
      background-color: var(--color-white);
    }
  }

  .button.icon-button.no-border {
    padding: calc(var(--spacing) * 2);
  }

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

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

  .button.start {
    justify-content: flex-start;
  }

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

  .button.primary {
    border-color: var(--color-primary-purple-700);
    background-color: var(--color-primary-purple-600);
    font-size: var(--text-body-medium);
    color: var(--color-white);
  }

  .button.primary:hover {
    border-color: var(--color-primary-purple-700);
    background-color: var(--color-primary-purple-700);
  }

  .button.primary:active {
    border-color: var(--color-primary-purple-800);
    background-color: var(--color-primary-purple-800);
  }

  .button.primary[disabled], .button.primary.disabled {
    cursor: not-allowed;
    border-color: #4b28a366;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button.primary[disabled], .button.primary.disabled {
      border-color: color-mix(in oklab, var(--color-primary-purple-700) 40%, transparent);
    }
  }

  .button.primary[disabled], .button.primary.disabled {
    background-color: #5a30c466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button.primary[disabled], .button.primary.disabled {
      background-color: color-mix(in oklab, var(--color-primary-purple-600) 40%, transparent);
    }
  }

  .button.primary[disabled], .button.primary.disabled {
    color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button.primary[disabled], .button.primary.disabled {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  :is(.button.primary[disabled], .button.primary.disabled):hover {
    border-color: #4b28a366;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.button.primary[disabled], .button.primary.disabled):hover {
      border-color: color-mix(in oklab, var(--color-primary-purple-700) 40%, transparent);
    }
  }

  :is(.button.primary[disabled], .button.primary.disabled):hover {
    background-color: #5a30c466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.button.primary[disabled], .button.primary.disabled):hover {
      background-color: color-mix(in oklab, var(--color-primary-purple-600) 40%, transparent);
    }
  }

  :is(.button.primary[disabled], .button.primary.disabled):active {
    background-color: #5a30c466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.button.primary[disabled], .button.primary.disabled):active {
      background-color: color-mix(in oklab, var(--color-primary-purple-600) 40%, transparent);
    }
  }

  .button.primary-line {
    border-color: var(--color-primary-purple-600);
    color: var(--color-primary-purple-600);
    background-color: #0000;
  }

  .button.primary-line:hover, .button.primary-line:active {
    background-color: var(--color-primary-purple-600);
    color: var(--color-white);
  }

  .button.primary-opacity {
    border-color: #855ceb80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button.primary-opacity {
      border-color: color-mix(in oklab, var(--color-primary-purple-400) 50%, transparent);
    }
  }

  .button.primary-opacity {
    background-color: #855ceb80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button.primary-opacity {
      background-color: color-mix(in oklab, var(--color-primary-purple-400) 50%, transparent);
    }
  }

  @media (hover: hover) {
    .button.primary-opacity:hover {
      background-color: #6a38e680;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .button.primary-opacity:hover {
        background-color: color-mix(in oklab, var(--color-primary-purple-500) 50%, transparent);
      }
    }
  }

  .button.primary-opacity:active {
    background-color: #5a30c480;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button.primary-opacity:active {
      background-color: color-mix(in oklab, var(--color-primary-purple-600) 50%, transparent);
    }
  }

  .button.alert {
    border-color: var(--color-neutral-300);
    background-color: var(--color-white);
    color: var(--color-orange-500);
  }

  .button.alert:hover {
    border-color: var(--color-red-400);
    background-color: var(--color-red-300);
  }

  .button.alert:active {
    background-color: var(--color-red-400);
  }

  .button.line-alert {
    background-color: var(--color-white);
    color: var(--color-neutral-700);
    border-color: #0000;
  }

  .button.line-alert:hover {
    border-color: var(--color-red-400);
    background-color: var(--color-red-200);
  }

  .button.line-alert:active {
    background-color: var(--color-red-400);
  }

  .button.default {
    border-color: var(--color-neutral-700);
    background-color: var(--color-neutral-700);
  }

  .button.default:hover {
    background-color: var(--color-neutral-500);
  }

  .button.default:active {
    background-color: var(--color-neutral-700);
  }

  .button.disabled {
    cursor: not-allowed;
    background-color: var(--color-neutral-300);
    color: var(--color-neutral-500);
  }

  .button.disabled:hover, .button.disabled:active {
    background-color: var(--color-neutral-300);
  }

  .button.delete-red {
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    background-color: #0000;
    background-image: url("/newAssets/icons/ico-delete.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
  }

  .button.line-primary-600 {
    border-color: var(--color-primary-purple-600);
    background-color: var(--color-primary-purple-50);
    color: var(--color-primary-purple-600);
  }

  .button.line-primary-600:hover {
    border-color: var(--color-primary-purple-600);
    background-color: var(--color-primary-purple-100);
  }

  .button.line-primary-600:active {
    border-color: var(--color-primary-purple-600);
    background-color: var(--color-primary-purple-200);
  }

  .button.quick-approve {
    white-space: nowrap;
    color: #22c55e;
    background-color: oklab(72.2746% -.165574 .0972219 / .2);
    border-color: oklab(72.2746% -.165574 .0972219 / .3);
  }

  .button.quick-approve:hover {
    background-color: oklab(72.2746% -.165574 .0972219 / .3);
  }

  .button.quick-approve:active {
    background-color: oklab(72.2746% -.165574 .0972219 / .4);
  }

  .button.quick-reject {
    white-space: nowrap;
    color: #ef4444;
    background-color: oklab(63.6834% .187864 .0889286 / .2);
    border-color: oklab(63.6834% .187864 .0889286 / .3);
  }

  .button.quick-reject:hover {
    background-color: oklab(63.6834% .187864 .0889286 / .3);
  }

  .button.quick-reject:active {
    background-color: oklab(63.6834% .187864 .0889286 / .4);
  }

  .button.all-permission-read {
    border-color: var(--color-neutral-600);
    background-color: var(--color-neutral-800);
    white-space: nowrap;
    color: var(--color-neutral-300);
  }

  .button.all-permission-read:hover {
    background-color: var(--color-neutral-700);
  }

  .button.all-permission-read:active {
    background-color: var(--color-neutral-600);
  }

  .button.all-permission-read[disabled] {
    cursor: not-allowed;
    border-color: var(--color-neutral-700);
    background-color: #1f2a3780;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button.all-permission-read[disabled] {
      background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
    }
  }

  .button.all-permission-read[disabled] {
    color: var(--color-neutral-600);
  }

  .button.all-permission-read[disabled]:hover {
    background-color: #1f2a3780;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .button.all-permission-read[disabled]:hover {
      background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
    }
  }

  .toggle {
    justify-content: center;
    align-items: flex-start;
    gap: calc(var(--spacing) * 6);
    display: flex;
    position: relative;
  }

  .toggle [type="checkbox"] {
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 36);
    appearance: none;
    background-color: var(--color-neutral-500);
    --tw-leading: calc(var(--spacing) * 20);
    line-height: calc(var(--spacing) * 20);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 10px;
  }

  .toggle [type="checkbox"]:after {
    top: calc(var(--spacing) * 3);
    left: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    background-color: var(--color-white);
    --tw-shadow: 0 7px 23px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-content: "";
    content: var(--tw-content);
    border-radius: 3.40282e38px;
    position: absolute;
  }

  .toggle [type="checkbox"]:checked {
    background-color: var(--color-primary-purple-600);
  }

  .toggle [type="checkbox"]:checked:after {
    left: calc(var(--spacing) * 20);
  }

  .side-nav-flip-button {
    height: calc(var(--spacing) * 32);
    width: calc(var(--spacing) * 32);
    cursor: pointer;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 0);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition-duration: .25s;
    display: flex;
  }

  .side-nav-flip-button:hover {
    background-color: var(--color-neutral-300);
  }

  .side-nav-expand-button {
    z-index: 1;
    height: calc(var(--spacing) * 120);
    width: calc(var(--spacing) * 0);
    --tw-translate-y: calc(50% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: pointer;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 0);
    --tw-shadow: 0 7px 23px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    justify-content: center;
    align-items: center;
    transition-duration: .25s;
    display: flex;
    position: absolute;
    top: 50%;
    left: 40px;
  }

  .side-nav-expand-button:after {
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    --tw-content: "";
    content: var(--tw-content);
    background-image: url("/newAssets/icons/ico-arrow-right.svg");
  }

  .side-nav-box.sm-box .button {
    padding-inline: calc(var(--spacing) * 6);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .side-nav-box.sm-box .side-nav-expand-button {
    margin-left: calc(var(--spacing) * -10);
    width: calc(var(--spacing) * 24);
    left: 100%;
  }

  .side-nav-box.sm-box .side-nav-expand-button:hover {
    margin-left: calc(var(--spacing) * 0);
  }

  .text-input-box {
    background-color: var(--color-semi-black);
    width: 100%;
    padding-inline: calc(var(--spacing) * 16);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    border-radius: 4px;
    transition-duration: .25s;
    position: relative;
  }

  .text-input-box:focus-within {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-primary-purple-500));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #0000;
  }

  .text-input-box.solid {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
  }

  .text-input-box.solid.white {
    border-color: var(--color-white);
  }

  .text-input-box.solid.black {
    border-color: var(--color-black);
  }

  .text-input-box.search-input {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 10);
    background-color: var(--color-neutral-100);
    padding-block: calc(var(--spacing) * 0);
    padding-right: calc(var(--spacing) * 14);
    padding-left: calc(var(--spacing) * 14);
    display: flex;
  }

  .text-input-box.disabled {
    cursor: not-allowed;
    border-color: var(--color-neutral-200);
    background-color: var(--color-neutral-100);
    color: var(--color-neutral-400);
  }

  .text-input-box.textarea {
    height: calc(var(--spacing) * 150);
    padding-block: calc(var(--spacing) * 16);
    padding-right: calc(var(--spacing) * 16);
    overflow: hidden;
  }

  .input {
    border-style: var(--tw-border-style);
    width: 100%;
    height: 100%;
    font-size: var(--text-body-small);
    color: var(--color-white);
    outline-style: var(--tw-outline-style);
    border-width: 0;
    outline-width: 0;
  }

  .input:focus {
    border-style: var(--tw-border-style);
    outline-style: var(--tw-outline-style);
    border-width: 0;
    outline-width: 0;
  }

  .input {
    caret-color: var(--color-white);
  }

  .input::placeholder {
    font-size: var(--text-body-xsmall);
    --tw-font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-regular);
    color: var(--color-neutral-400);
  }

  .input.search {
    width: 100%;
    height: 38px;
  }

  .input.size-xs {
    height: 28px;
  }

  .input.size-sm {
    height: 36px;
  }

  .input.size-md {
    border-radius: 8px;
    height: 46px;
  }

  .input.size-lg {
    border-radius: 8px;
    height: 54px;
  }

  .input:autofill {
    background-color: var(--color-white);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .input-label {
    min-width: calc(var(--spacing) * 120);
  }

  .textarea {
    resize: none;
    width: 100%;
    height: 100%;
    font-size: var(--text-body-small);
    color: var(--color-white);
  }

  .textarea::placeholder {
    font-size: var(--text-body-xsmall);
    --tw-font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-regular);
    color: var(--color-neutral-400);
  }

  .side-nav-tooltip {
    z-index: 5000;
    margin-right: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 42);
    width: max-content;
    animation: var(--animate-expandInX);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary-purple-700);
    background-color: var(--color-neutral-900);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 10);
    font-size: var(--text-body-medium);
    color: var(--color-neutral-400);
    --tw-shadow: 0 1px 4px 0 var(--tw-shadow-color, #6a38e6);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-duration: .2s;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition-duration: .2s;
    display: flex;
    position: fixed;
    left: 54px;
  }

  .side-nav-box.sm-box .button:hover > .side-nav-tooltip {
    visibility: visible;
    animation: var(--animate-expandInX);
    opacity: 1;
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .tool-box-tooltip {
    visibility: hidden;
    margin-right: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 42);
    --tw-translate-y: -50%;
    width: max-content;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary-purple-300);
    background-color: var(--color-primary-purple-100);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 10);
    font-size: var(--text-body-medium);
    color: var(--color-primary-purple-900);
    opacity: 0;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    right: 100%;
  }

  .side-menu-box .button:hover > .tool-box-tooltip {
    visibility: visible;
    animation: var(--animate-reverseExpandInX);
    opacity: 1;
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .dropdown-tooltip {
    left: calc(var(--spacing) * 0);
    z-index: 101;
    height: calc(var(--spacing) * 42);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary-violet-600);
    background-color: var(--color-primary-violet-200);
    min-width: 100%;
    padding: calc(var(--spacing) * 16);
    white-space: nowrap;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .hover-tooltip {
    z-index: 9999;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-neutral-600);
    background-color: var(--color-neutral-800);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    --tw-shadow: 0 15px 35px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    pointer-events: none;
    border-radius: 6px;
    animation: .15s ease-in-out fadeIn;
    position: fixed;
  }

  .hover-tooltip-text {
    --tw-leading: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-neutral-300);
    font-size: 11px;
    line-height: 16px;
    display: block;
    overflow: hidden;
  }

  .badge {
    min-height: 24px;
    padding-inline: calc(var(--spacing) * 8);
    font-size: var(--text-body-small);
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .badge.default {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-neutral-700);
    background-color: var(--color-neutral-900);
    color: var(--color-neutral-300);
  }

  .badge.default span {
    font-size: 12px !important;
  }

  .badge.tag {
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    background-color: var(--color-primary-purple-900);
    min-height: 20px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-leading: calc(var(--spacing) * 4);
    font-size: 10px;
    line-height: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-purple-300);
    border: 1px solid #0000;
    border-radius: 4px;
    display: inline-flex;
  }

  .badge.has-tag {
    border-color: var(--color-orange-400);
    background-color: var(--color-orange-100);
    color: var(--color-orange-500);
  }

  .badge.case-type {
    gap: calc(var(--spacing) * 2.5);
    height: 20px;
    min-height: 20px;
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-body-xxsmall);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #5498ff;
    background-color: #002b6b;
    border-radius: 4px;
  }

  .badge.case-type.type-timeline {
    color: #ef4545;
    background-color: oklab(63.7907% .187107 .0882455 / .3);
  }

  .badge.case-type.type-artifact {
    color: #1edcc8;
    background-color: oklab(80.5098% -.139263 -.00769603 / .3);
  }

  .badge.case-type.type-report {
    color: #2ca7ff;
    background-color: oklab(70.4876% -.0677741 -.150213 / .3);
  }

  .badge.case-type.type-reference {
    color: #ffa000;
    background-color: oklab(78.3942% .0641433 .159516 / .3);
  }

  .badge.keyword {
    background-color: var(--color-neutral-300);
    position: relative;
  }

  .badge.timeline {
    border-color: var(--color-primary-purple-500);
    background-color: var(--color-primary-purple-50);
    color: var(--color-primary-purple-500);
  }

  .badge.integration-timeline {
    border-color: var(--color-red-500);
    background-color: var(--color-red-50);
    color: var(--color-red-500);
  }

  .badge.icon-badge {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 10);
    display: flex;
  }

  .badge.analyzing {
    background-color: var(--color-neutral-200);
    color: var(--color-neutral-500);
  }

  .badge.caseCloseBlue {
    background-color: var(--color-secondary-50);
    color: var(--color-secondary-500);
  }

  .badge.ioc-card {
    min-height: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    --tw-leading: 18px;
    --tw-font-weight: var(--font-weight-medium);
    font-size: 12px;
    line-height: 18px;
    font-weight: var(--font-weight-medium);
    border-width: 0;
    border-radius: 6px;
    justify-content: flex-start;
    gap: 6px;
    padding-block: 4px;
    padding-inline: 10px;
  }

  .badge.ioc-card.persona {
    color: #ea89a6;
    background-color: oklab(74.0925% .122214 .00274652 / .2);
  }

  .badge.ioc-card.file {
    color: #b5d0ff;
    background-color: oklab(85.3691% -.0107215 -.0712757 / .2);
  }

  .badge.ioc-card.network {
    color: #30b0c7;
    background-color: oklab(69.9756% -.0933101 -.0599496 / .2);
  }

  .badge.ioc-card.string {
    color: #f3b080;
    background-color: oklab(80.9482% .0557484 .0838544 / .2);
  }

  .dropdown {
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--spacing) * 10);
    border-style: var(--tw-border-style);
    background-color: var(--color-semi-black);
    padding-inline: calc(var(--spacing) * 16);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    border-width: 1px;
    border-radius: 4px;
    transition-duration: .3s;
    display: flex;
    position: relative;
  }

  .dropdown.size-auto {
    height: auto;
  }

  .dropdown.size-xs {
    height: calc(var(--spacing) * 24);
    min-height: calc(var(--spacing) * 24);
    padding-inline: calc(var(--spacing) * 8);
  }

  .dropdown.size-sm {
    height: calc(var(--spacing) * 36);
    min-height: calc(var(--spacing) * 36);
  }

  .dropdown.size-md {
    height: calc(var(--spacing) * 46);
    min-height: calc(var(--spacing) * 46);
  }

  .dropdown.size-lg {
    height: calc(var(--spacing) * 54);
    min-height: calc(var(--spacing) * 54);
  }

  .dropdown[data-state="open"] {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary-purple-600);
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--color-primary-purple-600);
  }

  .dropdown[data-state="close"] {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-neutral-500);
  }

  .dropdown[data-state="close"].primary {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary-purple-600);
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--color-primary-purple-600);
  }

  .dropdown[data-state="close"].borderless {
    border-style: var(--tw-border-style);
    outline-style: var(--tw-outline-style);
    border-width: 0;
    outline-width: 0;
  }

  .dropdown .dropdown-trigger {
    cursor: pointer;
    width: 100%;
    height: 100%;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    transition-duration: .3s;
    display: flex;
    overflow: hidden;
  }

  .dropdown .dropdown-trigger[data-state="open"] {
    background-color: var(--color-semi-black);
  }

  .dropdown .dropdown-list {
    z-index: 100;
    margin-top: calc(var(--spacing) * 1);
    max-height: calc(var(--spacing) * 200);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary-purple-600);
    background-color: var(--color-semi-black);
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: fixed;
    overflow: hidden auto;
  }

  .accordion-trigger {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 10);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-black);
    width: 100%;
    padding-inline: calc(var(--spacing) * 10);
    padding-block: calc(var(--spacing) * 6);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    background-color: #0000;
    flex-direction: row;
    transition-duration: .25s;
    display: flex;
  }

  @media (hover: hover) {
    .accordion-trigger:hover {
      background-color: var(--color-primary-purple-700);
    }
  }

  .accordion-list-box {
    max-height: calc(var(--spacing) * 1000);
    width: 100%;
    padding-right: calc(var(--spacing) * 16);
    padding-left: calc(var(--spacing) * 20);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    flex-direction: column;
    transition-duration: .25s;
    display: flex;
    overflow-y: auto;
  }

  .accordion-list-box.closed {
    max-height: calc(var(--spacing) * 0);
  }

  .check-box {
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    background-image: url("/newAssets/icons/forms/ico-checkbox.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition-duration: .2s;
  }

  .check-box.size-sm {
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
  }

  .check-box.size-md {
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
  }

  .check-box.size-lg {
    height: calc(var(--spacing) * 28);
    width: calc(var(--spacing) * 28);
  }

  .check-box:hover:not(.type-secondary):not(.type-danger) {
    background-image: url("/newAssets/icons/forms/ico-checkbox-hover.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .check-box.type-secondary:hover {
    background-image: url("/newAssets/icons/forms/ico-checkbox-secondary-hover.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .check-box.type-danger:hover {
    background-image: url("/newAssets/icons/forms/ico-checkbox-danger-hover.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  input:checked + .check-box {
    background-image: url("/newAssets/icons/forms/ico-checkbox-checked.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  input:checked + .check-box.type-secondary {
    background-image: url("/newAssets/icons/forms/ico-checkbox-secondary-checked.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  input:checked + .check-box.type-danger {
    background-image: url("/newAssets/icons/forms/ico-checkbox-danger-checked.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  input:checked + .check-box:hover {
    background-image: url("/newAssets/icons/forms/ico-checkbox-checked.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  input:checked + .check-box.type-secondary:hover {
    background-image: url("/newAssets/icons/forms/ico-checkbox-secondary-checked.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  input:checked + .check-box.type-danger:hover {
    background-image: url("/newAssets/icons/forms/ico-checkbox-danger-checked.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .radio-box {
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    background-image: url("/newAssets/icons/forms/ico-radio.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition-duration: .2s;
  }

  .radio-box.size-sm {
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
  }

  .radio-box.size-md {
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
  }

  .radio-box.size-lg {
    height: calc(var(--spacing) * 28);
    width: calc(var(--spacing) * 28);
  }

  .radio-box:hover:not(.type-secondary):not(.type-danger) {
    background-image: url("/newAssets/icons/forms/ico-radio-hover.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .radio-box.type-secondary:hover {
    background-image: url("/newAssets/icons/forms/ico-radio-secondary-hover.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .radio-box.type-danger:hover {
    background-image: url("/newAssets/icons/forms/ico-radio-danger-hover.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  input:checked + .radio-box {
    background-image: url("/newAssets/icons/forms/ico-radio-selected.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  input:checked + .radio-box.type-secondary {
    background-image: url("/newAssets/icons/forms/ico-radio-secondary-selected.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  input:checked + .radio-box.type-danger {
    background-image: url("/newAssets/icons/forms/ico-radio-danger-selected.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  input:checked + .radio-box:hover {
    background-image: url("/newAssets/icons/forms/ico-radio-selected.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  input:checked + .radio-box.type-secondary:hover {
    background-image: url("/newAssets/icons/forms/ico-radio-secondary-selected.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  input:checked + .radio-box.type-danger:hover {
    background-image: url("/newAssets/icons/forms/ico-radio-danger-selected.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .input-label:hover input:not(:checked) + .check-box {
    background-image: url("/newAssets/icons/forms/ico-checkbox-hover.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .input-label:hover input:not(:checked) + .check-box.type-secondary {
    background-image: url("/newAssets/icons/forms/ico-checkbox-secondary-hover.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .input-label:hover input:not(:checked) + .check-box.type-danger {
    background-image: url("/newAssets/icons/forms/ico-checkbox-danger-hover.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .input-label:hover input:not(:checked) + .radio-box {
    background-image: url("/newAssets/icons/forms/ico-radio-hover.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .input-label:hover input:not(:checked) + .radio-box.type-secondary {
    background-image: url("/newAssets/icons/forms/ico-radio-secondary-hover.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .input-label:hover input:not(:checked) + .radio-box.type-danger {
    background-image: url("/newAssets/icons/forms/ico-radio-danger-hover.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .input-label:hover input:checked + .check-box {
    background-image: url("/newAssets/icons/forms/ico-checkbox-checked.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .input-label:hover input:checked + .check-box.type-secondary {
    background-image: url("/newAssets/icons/forms/ico-checkbox-secondary-checked.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .input-label:hover input:checked + .check-box.type-danger {
    background-image: url("/newAssets/icons/forms/ico-checkbox-danger-checked.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .input-label:hover input:checked + .radio-box {
    background-image: url("/newAssets/icons/forms/ico-radio-selected.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .input-label:hover input:checked + .radio-box.type-secondary {
    background-image: url("/newAssets/icons/forms/ico-radio-secondary-selected.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .input-label:hover input:checked + .radio-box.type-danger {
    background-image: url("/newAssets/icons/forms/ico-radio-danger-selected.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .tabbar {
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--spacing) * 8);
    background-color: var(--color-neutral-200);
    width: fit-content;
    padding: calc(var(--spacing) * 4);
    border-radius: 28px;
    display: flex;
  }

  .tabbar.size-md {
    height: calc(var(--spacing) * 30);
  }

  .tabbar.size-lg {
    height: calc(var(--spacing) * 40);
  }

  .tabbar.mode-primary {
    background-color: var(--color-semi-black);
  }

  .tabbar.mode-primary .tab-btn {
    color: var(--color-neutral-400);
  }

  .tabbar.mode-primary .tab-btn.active {
    background-color: var(--color-primary-purple-700);
    color: var(--color-white);
  }

  .tabbar.mode-primary .tab-btn:hover:not(:disabled) {
    background-color: var(--color-primary-purple-600);
    color: var(--color-white);
  }

  .tabbar.mode-primary .tab-btn:disabled {
    cursor: not-allowed;
    opacity: .3;
  }

  .tab-btn {
    cursor: pointer;
    padding-inline: calc(var(--spacing) * 18);
    padding-block: calc(var(--spacing) * 6);
    white-space: nowrap;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    background-color: #0000;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    transition-duration: .25s;
    display: flex;
  }

  .tab-btn.active, .tab-btn:hover {
    background-color: var(--color-white);
  }

  .table {
    gap: calc(var(--spacing) * 0);
    table-layout: fixed;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    height: auto;
  }

  .table .table-row:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .table-header {
    top: calc(var(--spacing) * 0);
    z-index: 10;
    width: 100%;
    display: table-header-group;
    position: sticky;
  }

  .table-header-row {
    height: calc(var(--spacing) * 30);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-neutral-800);
    background-color: #241954;
    width: 100%;
    display: table-row;
  }

  .table-header-cell {
    height: calc(var(--spacing) * 30);
    border-color: var(--color-neutral-800);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 12);
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    overflow: hidden;
  }

  .table-header-cell > span {
    vertical-align: middle;
    display: inline-block;
  }

  .table-header-cell.grouped-column {
    box-shadow: inset 0 -2px 0 0 var(--color-primary-purple-400);
  }

  .table-header-cell.is-drag-over {
    box-shadow: inset 0 0 0 1px var(--color-primary-purple-400);
    background-color: #6a38e64d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table-header-cell.is-drag-over {
      background-color: color-mix(in srgb, var(--color-primary-purple-500) 30%, transparent);
    }
  }

  .table-cell {
    border-color: var(--color-neutral-800);
    vertical-align: middle;
    display: table-cell;
  }

  .table-cell.cell-solid {
    border-right-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-right-width: 1px;
  }

  .table-cell.cell-dashed {
    border-right-style: var(--tw-border-style);
    --tw-border-style: dashed;
    border-style: dashed;
    border-right-width: 1px;
  }

  .table-cell.cell-dotted {
    border-right-style: var(--tw-border-style);
    --tw-border-style: dotted;
    border-style: dotted;
    border-right-width: 1px;
  }

  .table-body {
    width: 100%;
    display: table-row-group;
  }

  .table-body-row {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-neutral-800);
    background-color: var(--color-bg-black);
    width: 100%;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    height: 24px;
    max-height: 24px;
    transition-duration: .25s;
    display: table-row;
  }

  .table-body-row:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .table-body-row.selected {
    background-color: var(--color-primary-purple-600);
    color: var(--color-white);
  }

  .table-body-row:nth-child(2n) {
    background-color: #1a1530;
  }

  .table-body-row:hover:not(.no-data) {
    cursor: pointer;
    background-color: var(--color-primary-purple-500);
    color: var(--color-white);
  }

  .table-body-row.no-data {
    cursor: default;
    text-align: center !important;
  }

  .table-body-row.attached {
    border-left: 3px solid var(--attached-color) !important;
    background-color: var(--attached-color) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table-body-row.attached {
      background-color: color-mix(in srgb, var(--attached-color) 8%, var(--color-bg-black)) !important;
    }
  }

  .table-body-row.row-tinted {
    background-color: var(--row-tint-color) !important;
  }

  .table-body-row.grouped-row {
    color: var(--color-neutral-600);
    font-weight: 600;
    background-color: #1e1645 !important;
  }

  .table-body-row.grouped-row:hover {
    background-color: #2a1f5c !important;
  }

  .table-body-row.masked-row {
    color: var(--color-neutral-500);
    font-style: italic;
    cursor: not-allowed !important;
    background-color: #78716c1f !important;
  }

  .table-body-row.masked-row:hover {
    background-color: #78716c38 !important;
  }

  .table-body-row.masked-row > td {
    position: relative;
    color: #0000 !important;
    background: repeating-linear-gradient(135deg, #78716c14 0 6px, #78716c2e 6px 12px) !important;
  }

  .table-body-row.masked-row > td > * {
    visibility: hidden !important;
  }

  .table-body-row.masked-row > td[data-mask-label="true"]:before {
    content: "🔒 가려진 데이터";
    color: var(--color-neutral-400);
    pointer-events: none;
    z-index: 1;
    justify-content: flex-start;
    align-items: center;
    padding-left: 12px;
    font-size: 11px;
    font-style: italic;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .table-body-cell {
    width: 100%;
    height: 100%;
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 5);
    vertical-align: end;
    -webkit-user-select: text;
    user-select: text;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 0;
    display: table-cell;
    position: relative;
    overflow: hidden;
  }

  .table-body-cell:last-of-type {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .table-body-cell > span {
    vertical-align: middle;
    display: inline-block;
  }

  .table-body-cell.cell-range-selected {
    background-color: #6a38e626 !important;
  }

  .table-body-cell.cell-range-edge-top {
    border-top: 1.5px solid #6a38e6;
  }

  .table-body-cell.cell-range-edge-bottom {
    border-bottom: 1.5px solid #6a38e6;
  }

  .table-body-cell.cell-range-edge-left {
    border-left: 1.5px solid #6a38e6;
  }

  .table-body-cell.cell-range-edge-right {
    border-right: 1.5px solid #6a38e6;
  }

  .table[data-density="compact"] .table-body-row {
    height: 20px;
    max-height: 20px;
  }

  .table[data-density="compact"] .table-body-cell {
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 2);
  }

  .table[data-density="compact"] .table-header-cell {
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 5);
  }

  .table[data-density="comfortable"] .table-body-row {
    height: 32px;
    max-height: 32px;
  }

  .table[data-density="comfortable"] .table-body-cell, .table[data-density="comfortable"] .table-header-cell {
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
  }

  .table.selecting-cells {
    -webkit-user-select: none;
    user-select: none;
    cursor: cell;
  }

  .table.selecting-cells .table-body-cell {
    -webkit-user-select: none;
    user-select: none;
  }

  .table-header-cell .resizer {
    cursor: col-resize;
    -webkit-user-select: none;
    user-select: none;
    touch-action: none;
    z-index: 5;
    width: 8px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }

  .table-header-cell .resizer:after {
    content: "";
    background: var(--color-neutral-600);
    opacity: .55;
    z-index: 1;
    border-radius: 1px;
    width: 1px;
    height: 40%;
    transition: background .12s, height .12s, opacity .12s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .table-header-cell .resizer:hover:after {
    background: var(--color-primary-purple-400);
    opacity: 1;
    height: 100%;
  }

  .table-header-cell .resizer:hover {
    background-color: #6a38e61f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table-header-cell .resizer:hover {
      background-color: color-mix(in srgb, var(--color-primary-purple-500) 12%, transparent);
    }
  }

  .table-header-cell .resizer.is-resizing {
    background-color: #6a38e64d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table-header-cell .resizer.is-resizing {
      background-color: color-mix(in srgb, var(--color-primary-purple-500) 30%, transparent);
    }
  }

  .table-header-cell .resizer.is-resizing:after {
    background: var(--color-primary-purple-400);
  }

  .main-table {
    gap: calc(var(--spacing) * 0);
    table-layout: fixed;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    height: auto;
  }

  .main-table .main-table-row:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .main-table-header {
    top: calc(var(--spacing) * 0);
    z-index: 10;
    width: 100%;
    display: table-header-group;
    position: sticky;
  }

  .main-table-header-row {
    height: calc(var(--spacing) * 30);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-neutral-800);
    background-color: #241954;
    width: 100%;
    display: table-row;
  }

  .main-table-header-cell {
    height: calc(var(--spacing) * 30);
    border-color: var(--color-neutral-800);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 5);
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    overflow: hidden;
  }

  .main-table-header-cell > span {
    vertical-align: middle;
    display: inline-block;
  }

  .main-table-header-cell .resizer {
    cursor: col-resize;
    -webkit-user-select: none;
    user-select: none;
    touch-action: none;
    z-index: 5;
    width: 8px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }

  .main-table-header-cell .resizer:after {
    content: "";
    background: var(--color-neutral-600);
    opacity: .55;
    border-radius: 1px;
    width: 1px;
    height: 40%;
    transition: background .12s, height .12s, opacity .12s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .main-table-header-cell .resizer:hover:after, .main-table-header-cell .resizer.is-resizing:after {
    background: var(--color-primary-purple-400);
    opacity: 1;
    height: 100%;
  }

  .main-table-body {
    width: 100%;
    height: auto;
    display: table-row-group;
  }

  .main-table-body-row {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-neutral-800);
    background-color: var(--color-bg-black);
    width: 100%;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .25s;
    height: 24px;
    max-height: 24px;
    transition-duration: .25s;
    display: table-row;
  }

  .main-table-body-row:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .main-table-body-row:hover:not(.no-data) {
    cursor: pointer;
    background-color: var(--color-primary-purple-500);
    color: var(--color-white);
  }

  .main-table-body-row.selected {
    background-color: var(--color-primary-purple-600);
    color: var(--color-white);
  }

  .main-table-body-row.no-data {
    cursor: default;
    text-align: center !important;
  }

  .main-table-body.striped .main-table-body-row:nth-child(2n) {
    background-color: #1a1530;
  }

  .main-table-group-row {
    cursor: pointer;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-neutral-800);
    background-color: #181138;
    width: 100%;
    height: 32px;
    display: table-row;
  }

  .main-table-group-row:hover {
    background-color: #1a1240;
  }

  .main-table-group-cell {
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 6);
    vertical-align: middle;
    display: table-cell;
  }

  .main-table-body-cell {
    width: 100%;
    height: 100%;
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 5);
    vertical-align: end;
    -webkit-user-select: text;
    user-select: text;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 0;
    display: table-cell;
    position: relative;
    overflow: hidden;
  }

  .main-table-body-cell:last-of-type {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .main-table-body-cell > span {
    vertical-align: middle;
    display: inline-block;
  }

  .timeline-card {
    width: calc(var(--spacing) * 248);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-black);
    background-color: var(--color-black);
    --tw-shadow: 0 10px 25px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 12px;
  }

  .timeline-card .timeline-card-body {
    padding: calc(var(--spacing) * 8);
    padding: calc(var(--spacing) * 16);
  }

  .timeline-card .timeline-card-body .timeline-card-body-content {
    gap: calc(var(--spacing) * 8);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--color-neutral-300);
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 8);
  }

  .timeline-card .timeline-card-body .timeline-card-body-content:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .timeline-card .timeline-card-body .timeline-file-list-meta {
    margin-bottom: calc(var(--spacing) * 10);
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 8);
    display: flex;
  }

  .timeline-file-list {
    margin-top: calc(var(--spacing) * 10);
    max-height: calc(var(--spacing) * 200);
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 8);
    background-color: var(--color-primary-purple-700);
    padding-block: calc(var(--spacing) * 10);
    border-radius: 10px;
    display: flex;
    overflow-y: auto;
  }

  .timeline-file-list > li {
    padding-left: calc(var(--spacing) * 20);
    position: relative;
  }

  .timeline-file-list > li:first-child {
    margin-top: calc(var(--spacing) * 16);
  }

  .timeline-file-list > li:last-child {
    margin-bottom: calc(var(--spacing) * 16);
  }

  .timeline-file-list > li:before {
    top: 50%;
    left: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    background-color: var(--color-white);
    --tw-content: "";
    content: var(--tw-content);
    border-radius: 3.40282e38px;
    display: inline-block;
    position: absolute;
  }

  .welcomeBox {
    z-index: 10;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 20);
    width: 100%;
    padding: calc(var(--spacing) * 16);
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .welcomeTitle {
    font-size: var(--text-heading-large);
    letter-spacing: var(--tw-tracking, var(--text-heading-large--letter-spacing));
    color: var(--color-white);
  }

  .welcomeText {
    font-size: var(--text-body-medium);
    color: var(--color-white);
  }

  .login-bg {
    pointer-events: none;
    inset: calc(var(--spacing) * 0);
    z-index: calc(10 * -1);
    background-image: url("/newAssets/images/bg-login.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .logo {
    background-color: #0000;
    background-image: url("/newAssets/images/logo-default.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 76px;
    height: 20px;
  }

  .logo.sm-logo {
    background-image: url("/newAssets/images/logo-symbol.svg");
    width: 40px;
    height: 40px;
  }

  .navProfile {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
    overflow: hidden;
  }

  .navProfile img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url("/newAssets/images/bg-no-profile.svg");
    mask-image: url("/newAssets/images/bg-no-profile.svg");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .search-result-box {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-neutral-300);
    width: 100%;
    height: 100%;
    padding: calc(var(--spacing) * 16);
    border-radius: 8px;
  }
}

@layer utilities {
  .\!pointer-events-none {
    pointer-events: none !important;
  }

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

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

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .\!absolute {
    position: absolute !important;
  }

  .\!fixed {
    position: fixed !important;
  }

  .\!relative {
    position: relative !important;
  }

  .\!sticky {
    position: sticky !important;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .fixed\! {
    position: fixed !important;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .\!top-0 {
    top: calc(var(--spacing) * 0) !important;
  }

  .\!top-1 {
    top: calc(var(--spacing) * 1) !important;
  }

  .\!top-10 {
    top: calc(var(--spacing) * 10) !important;
  }

  .\!top-16 {
    top: calc(var(--spacing) * 16) !important;
  }

  .\!top-full {
    top: 100% !important;
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .-top-3 {
    top: calc(var(--spacing) * -3);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-5 {
    top: calc(var(--spacing) * 5);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-10 {
    top: calc(var(--spacing) * 10);
  }

  .top-20 {
    top: calc(var(--spacing) * 20);
  }

  .top-24 {
    top: calc(var(--spacing) * 24);
  }

  .top-\[6px\] {
    top: 6px;
  }

  .top-\[29px\] {
    top: 29px;
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-\[50px\] {
    top: 50px;
  }

  .top-\[60px\] {
    top: 60px;
  }

  .top-\[214px\] {
    top: 214px;
  }

  .top-full {
    top: 100%;
  }

  .\!right-0 {
    right: calc(var(--spacing) * 0) !important;
  }

  .\!right-10 {
    right: calc(var(--spacing) * 10) !important;
  }

  .\!right-16 {
    right: calc(var(--spacing) * 16) !important;
  }

  .\!right-80 {
    right: calc(var(--spacing) * 80) !important;
  }

  .\!right-\[-700px\] {
    right: -700px !important;
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .-right-3 {
    right: calc(var(--spacing) * -3);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-0\! {
    right: calc(var(--spacing) * 0) !important;
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-8 {
    right: calc(var(--spacing) * 8);
  }

  .right-10 {
    right: calc(var(--spacing) * 10);
  }

  .right-12 {
    right: calc(var(--spacing) * 12);
  }

  .right-16 {
    right: calc(var(--spacing) * 16);
  }

  .right-20 {
    right: calc(var(--spacing) * 20);
  }

  .right-32 {
    right: calc(var(--spacing) * 32);
  }

  .right-36 {
    right: calc(var(--spacing) * 36);
  }

  .right-380\! {
    right: calc(var(--spacing) * 380) !important;
  }

  .right-\[6px\] {
    right: 6px;
  }

  .right-\[8px\] {
    right: 8px;
  }

  .right-\[calc\(100\%\+10px\)\] {
    right: calc(100% + 10px);
  }

  .\!bottom-0 {
    bottom: calc(var(--spacing) * 0) !important;
  }

  .\!bottom-16 {
    bottom: calc(var(--spacing) * 16) !important;
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-0\! {
    bottom: calc(var(--spacing) * 0) !important;
  }

  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }

  .bottom-12 {
    bottom: calc(var(--spacing) * 12);
  }

  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }

  .bottom-\[calc\(100\%\+8px\)\] {
    bottom: calc(100% + 8px);
  }

  .\!left-0 {
    left: calc(var(--spacing) * 0) !important;
  }

  .\!left-\[-296px\] {
    left: -296px !important;
  }

  .\!left-\[50\%\] {
    left: 50% !important;
  }

  .\!left-\[58px\] {
    left: 58px !important;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1 {
    left: calc(var(--spacing) * 1);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-12 {
    left: calc(var(--spacing) * 12);
  }

  .isolate {
    isolation: isolate;
  }

  .\!z-10 {
    z-index: 10 !important;
  }

  .\!z-11 {
    z-index: 11 !important;
  }

  .\!z-100 {
    z-index: 100 !important;
  }

  .\!z-101 {
    z-index: 101 !important;
  }

  .\!z-1000 {
    z-index: 1000 !important;
  }

  .\!z-5000 {
    z-index: 5000 !important;
  }

  .\!z-\[100\] {
    z-index: 100 !important;
  }

  .\!z-\[9000\] {
    z-index: 9000 !important;
  }

  .\!z-\[10000\] {
    z-index: 10000 !important;
  }

  .\!z-\[10001\] {
    z-index: 10001 !important;
  }

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

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

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

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

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

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

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

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

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

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

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[102\] {
    z-index: 102;
  }

  .z-\[4998\] {
    z-index: 4998;
  }

  .z-\[5000\] {
    z-index: 5000;
  }

  .z-\[5001\] {
    z-index: 5001;
  }

  .z-\[5002\] {
    z-index: 5002;
  }

  .z-\[5003\] {
    z-index: 5003;
  }

  .z-\[5100\] {
    z-index: 5100;
  }

  .z-\[9100\] {
    z-index: 9100;
  }

  .z-\[9300\] {
    z-index: 9300;
  }

  .z-\[9999\] {
    z-index: 9999;
  }

  .z-\[10000\] {
    z-index: 10000;
  }

  .z-\[12000\] {
    z-index: 12000;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 640px) {
    .container {
      max-width: 640px;
    }
  }

  @media (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {
    .container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {
    .container {
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px) {
    .container {
      max-width: 1536px;
    }
  }

  @media (min-width: 1920px) {
    .container {
      max-width: 1920px;
    }
  }

  @media (min-width: 2560px) {
    .container {
      max-width: 2560px;
    }
  }

  .\!m-16 {
    margin: calc(var(--spacing) * 16) !important;
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .-mx-16 {
    margin-inline: calc(var(--spacing) * -16);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-10 {
    margin-inline: calc(var(--spacing) * 10);
  }

  .mx-12 {
    margin-inline: calc(var(--spacing) * 12);
  }

  .mx-12\! {
    margin-inline: calc(var(--spacing) * 12) !important;
  }

  .mx-32 {
    margin-inline: calc(var(--spacing) * 32);
  }

  .\!my-2 {
    margin-block: calc(var(--spacing) * 2) !important;
  }

  .-my-5 {
    margin-block: calc(var(--spacing) * -5);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }

  .my-\[3px\] {
    margin-block: 3px;
  }

  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }

  .\!mt-1 {
    margin-top: calc(var(--spacing) * 1) !important;
  }

  .\!mt-2 {
    margin-top: calc(var(--spacing) * 2) !important;
  }

  .\!mt-3 {
    margin-top: calc(var(--spacing) * 3) !important;
  }

  .\!mt-4 {
    margin-top: calc(var(--spacing) * 4) !important;
  }

  .\!mt-5 {
    margin-top: calc(var(--spacing) * 5) !important;
  }

  .\!mt-6 {
    margin-top: calc(var(--spacing) * 6) !important;
  }

  .\!mt-7 {
    margin-top: calc(var(--spacing) * 7) !important;
  }

  .\!mt-8 {
    margin-top: calc(var(--spacing) * 8) !important;
  }

  .\!mt-9 {
    margin-top: calc(var(--spacing) * 9) !important;
  }

  .\!mt-10 {
    margin-top: calc(var(--spacing) * 10) !important;
  }

  .\!mt-11 {
    margin-top: calc(var(--spacing) * 11) !important;
  }

  .\!mt-12 {
    margin-top: calc(var(--spacing) * 12) !important;
  }

  .\!mt-13 {
    margin-top: calc(var(--spacing) * 13) !important;
  }

  .\!mt-14 {
    margin-top: calc(var(--spacing) * 14) !important;
  }

  .\!mt-15 {
    margin-top: calc(var(--spacing) * 15) !important;
  }

  .\!mt-16 {
    margin-top: calc(var(--spacing) * 16) !important;
  }

  .\!mt-17 {
    margin-top: calc(var(--spacing) * 17) !important;
  }

  .\!mt-18 {
    margin-top: calc(var(--spacing) * 18) !important;
  }

  .\!mt-19 {
    margin-top: calc(var(--spacing) * 19) !important;
  }

  .\!mt-20 {
    margin-top: calc(var(--spacing) * 20) !important;
  }

  .\!mt-21 {
    margin-top: calc(var(--spacing) * 21) !important;
  }

  .\!mt-22 {
    margin-top: calc(var(--spacing) * 22) !important;
  }

  .\!mt-23 {
    margin-top: calc(var(--spacing) * 23) !important;
  }

  .\!mt-24 {
    margin-top: calc(var(--spacing) * 24) !important;
  }

  .\!mt-25 {
    margin-top: calc(var(--spacing) * 25) !important;
  }

  .\!mt-26 {
    margin-top: calc(var(--spacing) * 26) !important;
  }

  .\!mt-27 {
    margin-top: calc(var(--spacing) * 27) !important;
  }

  .\!mt-28 {
    margin-top: calc(var(--spacing) * 28) !important;
  }

  .\!mt-29 {
    margin-top: calc(var(--spacing) * 29) !important;
  }

  .\!mt-30 {
    margin-top: calc(var(--spacing) * 30) !important;
  }

  .\!mt-\[4px\] {
    margin-top: 4px !important;
  }

  .\!mt-\[6px\] {
    margin-top: 6px !important;
  }

  .\!mt-auto {
    margin-top: auto !important;
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\! {
    margin-top: calc(var(--spacing) * 2) !important;
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-4\! {
    margin-top: calc(var(--spacing) * 4) !important;
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-11 {
    margin-top: calc(var(--spacing) * 11);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-13 {
    margin-top: calc(var(--spacing) * 13);
  }

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-15 {
    margin-top: calc(var(--spacing) * 15);
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }

  .mt-17 {
    margin-top: calc(var(--spacing) * 17);
  }

  .mt-18 {
    margin-top: calc(var(--spacing) * 18);
  }

  .mt-19 {
    margin-top: calc(var(--spacing) * 19);
  }

  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }

  .mt-21 {
    margin-top: calc(var(--spacing) * 21);
  }

  .mt-22 {
    margin-top: calc(var(--spacing) * 22);
  }

  .mt-23 {
    margin-top: calc(var(--spacing) * 23);
  }

  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }

  .mt-25 {
    margin-top: calc(var(--spacing) * 25);
  }

  .mt-26 {
    margin-top: calc(var(--spacing) * 26);
  }

  .mt-27 {
    margin-top: calc(var(--spacing) * 27);
  }

  .mt-28 {
    margin-top: calc(var(--spacing) * 28);
  }

  .mt-29 {
    margin-top: calc(var(--spacing) * 29);
  }

  .mt-30 {
    margin-top: calc(var(--spacing) * 30);
  }

  .mt-\[2px\] {
    margin-top: 2px;
  }

  .mt-\[6px\] {
    margin-top: 6px;
  }

  .mt-\[56px\] {
    margin-top: 56px;
  }

  .\!mr-4 {
    margin-right: calc(var(--spacing) * 4) !important;
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }

  .mr-16\! {
    margin-right: calc(var(--spacing) * 16) !important;
  }

  .mr-20 {
    margin-right: calc(var(--spacing) * 20);
  }

  .\!mb-4 {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }

  .\!mb-6 {
    margin-bottom: calc(var(--spacing) * 6) !important;
  }

  .\!mb-12 {
    margin-bottom: calc(var(--spacing) * 12) !important;
  }

  .\!mb-15 {
    margin-bottom: calc(var(--spacing) * 15) !important;
  }

  .\!mb-36 {
    margin-bottom: calc(var(--spacing) * 36) !important;
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }

  .mb-16\! {
    margin-bottom: calc(var(--spacing) * 16) !important;
  }

  .\!ml-0 {
    margin-left: calc(var(--spacing) * 0) !important;
  }

  .\!ml-1 {
    margin-left: calc(var(--spacing) * 1) !important;
  }

  .\!ml-2 {
    margin-left: calc(var(--spacing) * 2) !important;
  }

  .\!ml-3 {
    margin-left: calc(var(--spacing) * 3) !important;
  }

  .\!ml-4 {
    margin-left: calc(var(--spacing) * 4) !important;
  }

  .\!ml-5 {
    margin-left: calc(var(--spacing) * 5) !important;
  }

  .\!ml-6 {
    margin-left: calc(var(--spacing) * 6) !important;
  }

  .\!ml-7 {
    margin-left: calc(var(--spacing) * 7) !important;
  }

  .\!ml-8 {
    margin-left: calc(var(--spacing) * 8) !important;
  }

  .\!ml-9 {
    margin-left: calc(var(--spacing) * 9) !important;
  }

  .\!ml-10 {
    margin-left: calc(var(--spacing) * 10) !important;
  }

  .\!ml-11 {
    margin-left: calc(var(--spacing) * 11) !important;
  }

  .\!ml-12 {
    margin-left: calc(var(--spacing) * 12) !important;
  }

  .\!ml-13 {
    margin-left: calc(var(--spacing) * 13) !important;
  }

  .\!ml-14 {
    margin-left: calc(var(--spacing) * 14) !important;
  }

  .\!ml-15 {
    margin-left: calc(var(--spacing) * 15) !important;
  }

  .\!ml-16 {
    margin-left: calc(var(--spacing) * 16) !important;
  }

  .\!ml-17 {
    margin-left: calc(var(--spacing) * 17) !important;
  }

  .\!ml-18 {
    margin-left: calc(var(--spacing) * 18) !important;
  }

  .\!ml-19 {
    margin-left: calc(var(--spacing) * 19) !important;
  }

  .\!ml-20 {
    margin-left: calc(var(--spacing) * 20) !important;
  }

  .\!ml-21 {
    margin-left: calc(var(--spacing) * 21) !important;
  }

  .\!ml-22 {
    margin-left: calc(var(--spacing) * 22) !important;
  }

  .\!ml-23 {
    margin-left: calc(var(--spacing) * 23) !important;
  }

  .\!ml-24 {
    margin-left: calc(var(--spacing) * 24) !important;
  }

  .\!ml-25 {
    margin-left: calc(var(--spacing) * 25) !important;
  }

  .\!ml-26 {
    margin-left: calc(var(--spacing) * 26) !important;
  }

  .\!ml-27 {
    margin-left: calc(var(--spacing) * 27) !important;
  }

  .\!ml-28 {
    margin-left: calc(var(--spacing) * 28) !important;
  }

  .\!ml-29 {
    margin-left: calc(var(--spacing) * 29) !important;
  }

  .\!ml-30 {
    margin-left: calc(var(--spacing) * 30) !important;
  }

  .\!ml-40 {
    margin-left: calc(var(--spacing) * 40) !important;
  }

  .\!ml-\[108px\] {
    margin-left: 108px !important;
  }

  .\!ml-auto {
    margin-left: auto !important;
  }

  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .ml-7 {
    margin-left: calc(var(--spacing) * 7);
  }

  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }

  .ml-9 {
    margin-left: calc(var(--spacing) * 9);
  }

  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }

  .ml-11 {
    margin-left: calc(var(--spacing) * 11);
  }

  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }

  .ml-13 {
    margin-left: calc(var(--spacing) * 13);
  }

  .ml-14 {
    margin-left: calc(var(--spacing) * 14);
  }

  .ml-15 {
    margin-left: calc(var(--spacing) * 15);
  }

  .ml-16 {
    margin-left: calc(var(--spacing) * 16);
  }

  .ml-17 {
    margin-left: calc(var(--spacing) * 17);
  }

  .ml-18 {
    margin-left: calc(var(--spacing) * 18);
  }

  .ml-19 {
    margin-left: calc(var(--spacing) * 19);
  }

  .ml-20 {
    margin-left: calc(var(--spacing) * 20);
  }

  .ml-21 {
    margin-left: calc(var(--spacing) * 21);
  }

  .ml-22 {
    margin-left: calc(var(--spacing) * 22);
  }

  .ml-23 {
    margin-left: calc(var(--spacing) * 23);
  }

  .ml-24 {
    margin-left: calc(var(--spacing) * 24);
  }

  .ml-25 {
    margin-left: calc(var(--spacing) * 25);
  }

  .ml-26 {
    margin-left: calc(var(--spacing) * 26);
  }

  .ml-27 {
    margin-left: calc(var(--spacing) * 27);
  }

  .ml-28 {
    margin-left: calc(var(--spacing) * 28);
  }

  .ml-29 {
    margin-left: calc(var(--spacing) * 29);
  }

  .ml-30 {
    margin-left: calc(var(--spacing) * 30);
  }

  .ml-\[1px\] {
    margin-left: 1px;
  }

  .ml-\[10px\] {
    margin-left: 10px;
  }

  .ml-\[28px\] {
    margin-left: 28px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .\!line-clamp-2 {
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    display: -webkit-box !important;
    overflow: hidden !important;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .\!block {
    display: block !important;
  }

  .\!flex {
    display: flex !important;
  }

  .\!hidden {
    display: none !important;
  }

  .\!inline-block {
    display: inline-block !important;
  }

  .\!inline-flex {
    display: inline-flex !important;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .inline-grid {
    display: inline-grid;
  }

  .table {
    display: table;
  }

  .table-row {
    display: table-row;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }

  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }

  .size-28 {
    width: calc(var(--spacing) * 28);
    height: calc(var(--spacing) * 28);
  }

  .size-30 {
    width: calc(var(--spacing) * 30);
    height: calc(var(--spacing) * 30);
  }

  .size-32 {
    width: calc(var(--spacing) * 32);
    height: calc(var(--spacing) * 32);
  }

  .size-auto {
    width: auto;
    height: auto;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .\!h-1\/2 {
    height: 50% !important;
  }

  .\!h-6 {
    height: calc(var(--spacing) * 6) !important;
  }

  .\!h-10 {
    height: calc(var(--spacing) * 10) !important;
  }

  .\!h-12 {
    height: calc(var(--spacing) * 12) !important;
  }

  .\!h-16 {
    height: calc(var(--spacing) * 16) !important;
  }

  .\!h-20 {
    height: calc(var(--spacing) * 20) !important;
  }

  .\!h-24 {
    height: calc(var(--spacing) * 24) !important;
  }

  .\!h-26 {
    height: calc(var(--spacing) * 26) !important;
  }

  .\!h-30 {
    height: calc(var(--spacing) * 30) !important;
  }

  .\!h-36 {
    height: calc(var(--spacing) * 36) !important;
  }

  .\!h-40 {
    height: calc(var(--spacing) * 40) !important;
  }

  .\!h-42 {
    height: calc(var(--spacing) * 42) !important;
  }

  .\!h-44 {
    height: calc(var(--spacing) * 44) !important;
  }

  .\!h-100 {
    height: calc(var(--spacing) * 100) !important;
  }

  .\!h-200 {
    height: calc(var(--spacing) * 200) !important;
  }

  .\!h-\[6px\] {
    height: 6px !important;
  }

  .\!h-\[16px\] {
    height: 16px !important;
  }

  .\!h-\[20px\] {
    height: 20px !important;
  }

  .\!h-\[24px\] {
    height: 24px !important;
  }

  .\!h-\[26px\] {
    height: 26px !important;
  }

  .\!h-\[28px\] {
    height: 28px !important;
  }

  .\!h-\[30px\] {
    height: 30px !important;
  }

  .\!h-\[32px\] {
    height: 32px !important;
  }

  .\!h-\[36px\] {
    height: 36px !important;
  }

  .\!h-\[40px\] {
    height: 40px !important;
  }

  .\!h-\[44px\] {
    height: 44px !important;
  }

  .\!h-\[80px\] {
    height: 80px !important;
  }

  .\!h-\[80vh\] {
    height: 80vh !important;
  }

  .\!h-\[100px\] {
    height: 100px !important;
  }

  .\!h-\[120px\] {
    height: 120px !important;
  }

  .\!h-\[170px\] {
    height: 170px !important;
  }

  .\!h-\[300px\] {
    height: 300px !important;
  }

  .\!h-\[380px\] {
    height: 380px !important;
  }

  .\!h-\[calc\(100\%-52px\)\] {
    height: calc(100% - 52px) !important;
  }

  .\!h-\[calc\(100\%-60px\)\] {
    height: calc(100% - 60px) !important;
  }

  .\!h-\[calc\(100\%-80px\)\] {
    height: calc(100% - 80px) !important;
  }

  .\!h-\[calc\(100\%-120px\)\] {
    height: calc(100% - 120px) !important;
  }

  .\!h-\[calc\(100\%-170px\)\] {
    height: calc(100% - 170px) !important;
  }

  .\!h-\[calc\(100\%-250px\)\] {
    height: calc(100% - 250px) !important;
  }

  .\!h-\[calc\(100vh-100px\)\] {
    height: calc(100vh - 100px) !important;
  }

  .\!h-\[calc\(100vh-200px\)\] {
    height: calc(100vh - 200px) !important;
  }

  .\!h-\[calc\(100vh-600px\)\] {
    height: calc(100vh - 600px) !important;
  }

  .\!h-auto {
    height: auto !important;
  }

  .\!h-full {
    height: 100% !important;
  }

  .\!h-screen {
    height: 100vh !important;
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-18 {
    height: calc(var(--spacing) * 18);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-30 {
    height: calc(var(--spacing) * 30);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-150 {
    height: calc(var(--spacing) * 150);
  }

  .h-\[2px\] {
    height: 2px;
  }

  .h-\[3px\] {
    height: 3px;
  }

  .h-\[4px\] {
    height: 4px;
  }

  .h-\[6px\] {
    height: 6px;
  }

  .h-\[8px\] {
    height: 8px;
  }

  .h-\[10px\] {
    height: 10px;
  }

  .h-\[12px\] {
    height: 12px;
  }

  .h-\[14px\] {
    height: 14px;
  }

  .h-\[16px\] {
    height: 16px;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[20px\] {
    height: 20px;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[24px\] {
    height: 24px;
  }

  .h-\[30px\] {
    height: 30px;
  }

  .h-\[36px\] {
    height: 36px;
  }

  .h-\[40\%\] {
    height: 40%;
  }

  .h-\[40px\] {
    height: 40px;
  }

  .h-\[48px\] {
    height: 48px;
  }

  .h-\[50px\] {
    height: 50px;
  }

  .h-\[62px\] {
    height: 62px;
  }

  .h-\[80px\] {
    height: 80px;
  }

  .h-\[80vh\] {
    height: 80vh;
  }

  .h-\[96px\] {
    height: 96px;
  }

  .h-\[110px\] {
    height: 110px;
  }

  .h-\[128px\] {
    height: 128px;
  }

  .h-\[200px\] {
    height: 200px;
  }

  .h-\[270px\] {
    height: 270px;
  }

  .h-\[400px\] {
    height: 400px;
  }

  .h-\[800px\] {
    height: 800px;
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .\!max-h-120 {
    max-height: calc(var(--spacing) * 120) !important;
  }

  .\!max-h-300 {
    max-height: calc(var(--spacing) * 300) !important;
  }

  .\!max-h-\[70vh\] {
    max-height: 70vh !important;
  }

  .\!max-h-\[85vh\] {
    max-height: 85vh !important;
  }

  .\!max-h-\[300px\] {
    max-height: 300px !important;
  }

  .\!max-h-\[320px\] {
    max-height: 320px !important;
  }

  .\!max-h-\[420px\] {
    max-height: 420px !important;
  }

  .\!max-h-\[calc\(100vh-92px\)\] {
    max-height: calc(100vh - 92px) !important;
  }

  .\!max-h-full {
    max-height: 100% !important;
  }

  .\!max-h-none {
    max-height: none !important;
  }

  .max-h-200 {
    max-height: calc(var(--spacing) * 200);
  }

  .max-h-280 {
    max-height: calc(var(--spacing) * 280);
  }

  .max-h-300 {
    max-height: calc(var(--spacing) * 300);
  }

  .max-h-520 {
    max-height: calc(var(--spacing) * 520);
  }

  .max-h-\[45\%\] {
    max-height: 45%;
  }

  .max-h-\[50\%\] {
    max-height: 50%;
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[100px\] {
    max-height: 100px;
  }

  .max-h-\[120px\] {
    max-height: 120px;
  }

  .max-h-\[140px\] {
    max-height: 140px;
  }

  .max-h-\[160px\] {
    max-height: 160px;
  }

  .max-h-\[180px\] {
    max-height: 180px;
  }

  .max-h-\[200px\] {
    max-height: 200px;
  }

  .max-h-\[300px\] {
    max-height: 300px;
  }

  .max-h-\[320px\] {
    max-height: 320px;
  }

  .max-h-\[400px\] {
    max-height: 400px;
  }

  .max-h-\[calc\(100\%-48px\)\] {
    max-height: calc(100% - 48px);
  }

  .max-h-full {
    max-height: 100%;
  }

  .\!min-h-0 {
    min-height: calc(var(--spacing) * 0) !important;
  }

  .\!min-h-32 {
    min-height: calc(var(--spacing) * 32) !important;
  }

  .\!min-h-50 {
    min-height: calc(var(--spacing) * 50) !important;
  }

  .\!min-h-\[28px\] {
    min-height: 28px !important;
  }

  .\!min-h-\[32px\] {
    min-height: 32px !important;
  }

  .\!min-h-\[36px\] {
    min-height: 36px !important;
  }

  .\!min-h-\[40px\] {
    min-height: 40px !important;
  }

  .\!min-h-\[60px\] {
    min-height: 60px !important;
  }

  .\!min-h-\[100px\] {
    min-height: 100px !important;
  }

  .\!min-h-\[200px\] {
    min-height: 200px !important;
  }

  .\!min-h-\[280px\] {
    min-height: 280px !important;
  }

  .\!min-h-\[300px\] {
    min-height: 300px !important;
  }

  .\!min-h-\[320px\] {
    min-height: 320px !important;
  }

  .\!min-h-\[400px\] {
    min-height: 400px !important;
  }

  .\!min-h-\[440px\] {
    min-height: 440px !important;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-\[1px\] {
    min-height: 1px;
  }

  .min-h-\[28px\] {
    min-height: 28px;
  }

  .min-h-\[40px\] {
    min-height: 40px;
  }

  .min-h-\[44px\] {
    min-height: 44px;
  }

  .min-h-\[60px\] {
    min-height: 60px;
  }

  .min-h-\[100px\] {
    min-height: 100px;
  }

  .min-h-\[200px\] {
    min-height: 200px;
  }

  .min-h-\[300px\] {
    min-height: 300px;
  }

  .min-h-\[400px\] {
    min-height: 400px;
  }

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

  .\!w-1\/2 {
    width: 50% !important;
  }

  .\!w-6 {
    width: calc(var(--spacing) * 6) !important;
  }

  .\!w-12 {
    width: calc(var(--spacing) * 12) !important;
  }

  .\!w-16 {
    width: calc(var(--spacing) * 16) !important;
  }

  .\!w-20 {
    width: calc(var(--spacing) * 20) !important;
  }

  .\!w-24 {
    width: calc(var(--spacing) * 24) !important;
  }

  .\!w-40 {
    width: calc(var(--spacing) * 40) !important;
  }

  .\!w-42 {
    width: calc(var(--spacing) * 42) !important;
  }

  .\!w-44 {
    width: calc(var(--spacing) * 44) !important;
  }

  .\!w-100 {
    width: calc(var(--spacing) * 100) !important;
  }

  .\!w-140 {
    width: calc(var(--spacing) * 140) !important;
  }

  .\!w-200 {
    width: calc(var(--spacing) * 200) !important;
  }

  .\!w-250 {
    width: calc(var(--spacing) * 250) !important;
  }

  .\!w-280 {
    width: calc(var(--spacing) * 280) !important;
  }

  .\!w-300 {
    width: calc(var(--spacing) * 300) !important;
  }

  .\!w-520 {
    width: calc(var(--spacing) * 520) !important;
  }

  .\!w-560 {
    width: calc(var(--spacing) * 560) !important;
  }

  .\!w-900 {
    width: calc(var(--spacing) * 900) !important;
  }

  .\!w-\[18\%\] {
    width: 18% !important;
  }

  .\!w-\[20px\] {
    width: 20px !important;
  }

  .\!w-\[24\%\] {
    width: 24% !important;
  }

  .\!w-\[24px\] {
    width: 24px !important;
  }

  .\!w-\[28px\] {
    width: 28px !important;
  }

  .\!w-\[40\%\] {
    width: 40% !important;
  }

  .\!w-\[56px\] {
    width: 56px !important;
  }

  .\!w-\[58\%\] {
    width: 58% !important;
  }

  .\!w-\[60\%\] {
    width: 60% !important;
  }

  .\!w-\[60px\] {
    width: 60px !important;
  }

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

  .\!w-\[80\%\] {
    width: 80% !important;
  }

  .\!w-\[80px\] {
    width: 80px !important;
  }

  .\!w-\[90px\] {
    width: 90px !important;
  }

  .\!w-\[100px\] {
    width: 100px !important;
  }

  .\!w-\[110px\] {
    width: 110px !important;
  }

  .\!w-\[120px\] {
    width: 120px !important;
  }

  .\!w-\[140px\] {
    width: 140px !important;
  }

  .\!w-\[150px\] {
    width: 150px !important;
  }

  .\!w-\[160px\] {
    width: 160px !important;
  }

  .\!w-\[200px\] {
    width: 200px !important;
  }

  .\!w-\[220px\] {
    width: 220px !important;
  }

  .\!w-\[260px\] {
    width: 260px !important;
  }

  .\!w-\[270px\] {
    width: 270px !important;
  }

  .\!w-\[280px\] {
    width: 280px !important;
  }

  .\!w-\[360px\] {
    width: 360px !important;
  }

  .\!w-\[500px\] {
    width: 500px !important;
  }

  .\!w-\[520px\] {
    width: 520px !important;
  }

  .\!w-\[560px\] {
    width: 560px !important;
  }

  .\!w-\[calc\(50\%-16px\)\] {
    width: calc(50% - 16px) !important;
  }

  .\!w-\[calc\(100\%-24px\)\] {
    width: calc(100% - 24px) !important;
  }

  .\!w-\[calc\(100\%-30px\)\] {
    width: calc(100% - 30px) !important;
  }

  .\!w-\[calc\(100\%-40px\)\] {
    width: calc(100% - 40px) !important;
  }

  .\!w-\[calc\(100\%-50px\)\] {
    width: calc(100% - 50px) !important;
  }

  .\!w-\[calc\(100\%-250px\)\] {
    width: calc(100% - 250px) !important;
  }

  .\!w-\[calc\(100\%-340px\)\] {
    width: calc(100% - 340px) !important;
  }

  .\!w-auto {
    width: auto !important;
  }

  .\!w-fit {
    width: fit-content !important;
  }

  .\!w-full {
    width: 100% !important;
  }

  .\!w-max {
    width: max-content !important;
  }

  .\!w-screen {
    width: 100vw !important;
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-1\/4 {
    width: 25%;
  }

  .w-1\/5 {
    width: 20%;
  }

  .w-1\/6 {
    width: 16.6667%;
  }

  .w-1\/7 {
    width: 14.2857%;
  }

  .w-1\/8 {
    width: 12.5%;
  }

  .w-1\/9 {
    width: 11.1111%;
  }

  .w-1\/10 {
    width: 10%;
  }

  .w-1\/11 {
    width: 9.09091%;
  }

  .w-1\/12 {
    width: 8.33333%;
  }

  .w-1\/13 {
    width: 7.69231%;
  }

  .w-1\/14 {
    width: 7.14286%;
  }

  .w-1\/15 {
    width: 6.66667%;
  }

  .w-1\/16 {
    width: 6.25%;
  }

  .w-1\/17 {
    width: 5.88235%;
  }

  .w-1\/18 {
    width: 5.55556%;
  }

  .w-1\/19 {
    width: 5.26316%;
  }

  .w-1\/20 {
    width: 5%;
  }

  .w-1\/21 {
    width: 4.7619%;
  }

  .w-1\/22 {
    width: 4.54545%;
  }

  .w-1\/23 {
    width: 4.34783%;
  }

  .w-1\/24 {
    width: 4.16667%;
  }

  .w-1\/25 {
    width: 4%;
  }

  .w-1\/26 {
    width: 3.84615%;
  }

  .w-1\/27 {
    width: 3.7037%;
  }

  .w-1\/28 {
    width: 3.57143%;
  }

  .w-1\/29 {
    width: 3.44828%;
  }

  .w-1\/30 {
    width: 3.33333%;
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-2\/5 {
    width: 40%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-18 {
    width: calc(var(--spacing) * 18);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-60\! {
    width: calc(var(--spacing) * 60) !important;
  }

  .w-100 {
    width: calc(var(--spacing) * 100);
  }

  .w-120 {
    width: calc(var(--spacing) * 120);
  }

  .w-120\! {
    width: calc(var(--spacing) * 120) !important;
  }

  .w-150 {
    width: calc(var(--spacing) * 150);
  }

  .w-280 {
    width: calc(var(--spacing) * 280);
  }

  .w-360 {
    width: calc(var(--spacing) * 360);
  }

  .w-400 {
    width: calc(var(--spacing) * 400);
  }

  .w-\[0\%\] {
    width: 0%;
  }

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

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

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

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

  .w-\[5\%\] {
    width: 5%;
  }

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

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

  .w-\[10\%\] {
    width: 10%;
  }

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

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

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

  .w-\[15\%\] {
    width: 15%;
  }

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

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

  .w-\[20\%\] {
    width: 20%;
  }

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

  .w-\[25\%\] {
    width: 25%;
  }

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

  .w-\[30\%\] {
    width: 30%;
  }

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

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

  .w-\[35\%\] {
    width: 35%;
  }

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

  .w-\[40\%\] {
    width: 40%;
  }

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

  .w-\[45\%\] {
    width: 45%;
  }

  .w-\[50\%\] {
    width: 50%;
  }

  .w-\[55\%\] {
    width: 55%;
  }

  .w-\[60\%\] {
    width: 60%;
  }

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

  .w-\[65\%\] {
    width: 65%;
  }

  .w-\[70\%\] {
    width: 70%;
  }

  .w-\[75\%\] {
    width: 75%;
  }

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

  .w-\[80\%\] {
    width: 80%;
  }

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

  .w-\[85\%\] {
    width: 85%;
  }

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

  .w-\[90\%\] {
    width: 90%;
  }

  .w-\[90vw\] {
    width: 90vw;
  }

  .w-\[95\%\] {
    width: 95%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[calc\(\(100\%-10px\)\/2\)\] {
    width: calc(50% - 5px);
  }

  .w-\[calc\(\(100\%-20px\)\/3\)\] {
    width: calc(33.3333% - 6.66667px);
  }

  .w-\[calc\(100\%-24px\)\] {
    width: calc(100% - 24px);
  }

  .w-auto {
    width: auto;
  }

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

  .w-full {
    width: 100%;
  }

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

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .\!max-w-\[85\%\] {
    max-width: 85% !important;
  }

  .\!max-w-\[90vw\] {
    max-width: 90vw !important;
  }

  .\!max-w-\[120px\] {
    max-width: 120px !important;
  }

  .\!max-w-\[320px\] {
    max-width: 320px !important;
  }

  .\!max-w-\[400px\] {
    max-width: 400px !important;
  }

  .\!max-w-\[460px\] {
    max-width: 460px !important;
  }

  .\!max-w-\[500px\] {
    max-width: 500px !important;
  }

  .\!max-w-\[calc\(100\%-72px\)\] {
    max-width: calc(100% - 72px) !important;
  }

  .\!max-w-\[calc\(100\%-140px\)\] {
    max-width: calc(100% - 140px) !important;
  }

  .\!max-w-full {
    max-width: 100% !important;
  }

  .max-w-0 {
    max-width: calc(var(--spacing) * 0);
  }

  .max-w-140 {
    max-width: calc(var(--spacing) * 140);
  }

  .max-w-180 {
    max-width: calc(var(--spacing) * 180);
  }

  .max-w-250 {
    max-width: calc(var(--spacing) * 250);
  }

  .max-w-280 {
    max-width: calc(var(--spacing) * 280);
  }

  .max-w-300 {
    max-width: calc(var(--spacing) * 300);
  }

  .max-w-\[90vw\] {
    max-width: 90vw;
  }

  .max-w-\[140px\] {
    max-width: 140px;
  }

  .max-w-\[160px\] {
    max-width: 160px;
  }

  .max-w-\[180px\] {
    max-width: 180px;
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[240px\] {
    max-width: 240px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[280px\] {
    max-width: 280px;
  }

  .max-w-\[300px\] {
    max-width: 300px;
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-\[480px\] {
    max-width: 480px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[600px\] {
    max-width: 600px;
  }

  .max-w-\[880px\] {
    max-width: 880px;
  }

  .max-w-\[1080px\] {
    max-width: 1080px;
  }

  .max-w-\[1800px\] {
    max-width: 1800px;
  }

  .max-w-full {
    max-width: 100%;
  }

  .\!min-w-0 {
    min-width: calc(var(--spacing) * 0) !important;
  }

  .\!min-w-20 {
    min-width: calc(var(--spacing) * 20) !important;
  }

  .\!min-w-70 {
    min-width: calc(var(--spacing) * 70) !important;
  }

  .\!min-w-80 {
    min-width: calc(var(--spacing) * 80) !important;
  }

  .\!min-w-100 {
    min-width: calc(var(--spacing) * 100) !important;
  }

  .\!min-w-160 {
    min-width: calc(var(--spacing) * 160) !important;
  }

  .\!min-w-\[20px\] {
    min-width: 20px !important;
  }

  .\!min-w-\[80px\] {
    min-width: 80px !important;
  }

  .\!min-w-\[120px\] {
    min-width: 120px !important;
  }

  .\!min-w-\[140px\] {
    min-width: 140px !important;
  }

  .\!min-w-\[160px\] {
    min-width: 160px !important;
  }

  .\!min-w-\[200px\] {
    min-width: 200px !important;
  }

  .\!min-w-\[280px\] {
    min-width: 280px !important;
  }

  .\!min-w-\[350px\] {
    min-width: 350px !important;
  }

  .\!min-w-\[460px\] {
    min-width: 460px !important;
  }

  .\!min-w-\[480px\] {
    min-width: 480px !important;
  }

  .\!min-w-\[1630px\] {
    min-width: 1630px !important;
  }

  .\!min-w-auto {
    min-width: auto !important;
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }

  .min-w-100 {
    min-width: calc(var(--spacing) * 100);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-w-full {
    min-width: 100%;
  }

  .\!flex-1 {
    flex: 1 !important;
  }

  .\!flex-\[1\.6\] {
    flex: 1.6 !important;
  }

  .\!flex-\[3\] {
    flex: 3 !important;
  }

  .\!flex-\[7\] {
    flex: 7 !important;
  }

  .flex-1 {
    flex: 1;
  }

  .\!flex-shrink-0 {
    flex-shrink: 0 !important;
  }

  .\!shrink {
    flex-shrink: 1 !important;
  }

  .\!shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-shrink, .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .shrink-1 {
    flex-shrink: 1;
  }

  .\!grow {
    flex-grow: 1 !important;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .grow-0 {
    flex-grow: 0;
  }

  .\!basis-0 {
    flex-basis: calc(var(--spacing) * 0) !important;
  }

  .basis-full {
    flex-basis: 100%;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .\!translate-x-\[-50\%\] {
    --tw-translate-x: -50% !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1\/2 {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .\!animate-reverseExpandInX {
    animation: var(--animate-reverseExpandInX) !important;
  }

  .animate-\[fadeSlideUp_150ms_ease-out\] {
    animation: .15s ease-out fadeSlideUp;
  }

  .animate-\[slideDown_200ms_ease-out\] {
    animation: .2s ease-out slideDown;
  }

  .animate-\[summaryFadeIn_600ms_ease-out_forwards\] {
    animation: .6s ease-out forwards summaryFadeIn;
  }

  .animate-ai-fade-in-up {
    animation: var(--animate-ai-fade-in-up);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .\!cursor-default {
    cursor: default !important;
  }

  .\!cursor-not-allowed {
    cursor: not-allowed !important;
  }

  .\!cursor-pointer {
    cursor: pointer !important;
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-row-resize {
    cursor: row-resize;
  }

  .cursor-text {
    cursor: text;
  }

  .cursor-zoom-in {
    cursor: zoom-in;
  }

  .\!resize-none {
    resize: none !important;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

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

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-\[3fr_7fr\] {
    grid-template-columns: 3fr 7fr;
  }

  .grid-cols-\[16px_40px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 16px 40px minmax(0, 1fr) auto;
  }

  .grid-cols-\[100px_minmax\(0\,1fr\)_88px\] {
    grid-template-columns: 100px minmax(0, 1fr) 88px;
  }

  .\!flex-col {
    flex-direction: column !important;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row {
    flex-direction: row;
  }

  .\!flex-nowrap {
    flex-wrap: nowrap !important;
  }

  .\!flex-wrap {
    flex-wrap: wrap !important;
  }

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

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

  .content-start {
    align-content: flex-start;
  }

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

  .\!items-end {
    align-items: flex-end !important;
  }

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

  .\!items-stretch {
    align-items: stretch !important;
  }

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

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

  .items-end {
    align-items: flex-end;
  }

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

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

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

  .\!justify-center {
    justify-content: center !important;
  }

  .\!justify-end {
    justify-content: flex-end !important;
  }

  .\!justify-start {
    justify-content: flex-start !important;
  }

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

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

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

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

  .\!gap-4 {
    gap: calc(var(--spacing) * 4) !important;
  }

  .\!gap-6 {
    gap: calc(var(--spacing) * 6) !important;
  }

  .\!gap-8 {
    gap: calc(var(--spacing) * 8) !important;
  }

  .\!gap-\[2px\] {
    gap: 2px !important;
  }

  .\!gap-\[4px\] {
    gap: 4px !important;
  }

  .\!gap-\[8px\] {
    gap: 8px !important;
  }

  .\!gap-\[10px\] {
    gap: 10px !important;
  }

  .\!gap-\[13vw\] {
    gap: 13vw !important;
  }

  .\!gap-\[75px\] {
    gap: 75px !important;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }

  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }

  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[3px\] {
    gap: 3px;
  }

  .gap-\[4px\] {
    gap: 4px;
  }

  .gap-\[6px\] {
    gap: 6px;
  }

  .gap-\[8px\] {
    gap: 8px;
  }

  .gap-\[10px\] {
    gap: 10px;
  }

  .gap-\[12px\] {
    gap: 12px;
  }

  .gap-\[16px\] {
    gap: 16px;
  }

  .gap-\[24px\] {
    gap: 24px;
  }

  .gap-\[40px\] {
    gap: 40px;
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  .\!self-stretch {
    align-self: stretch !important;
  }

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

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

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

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

  .\!overflow-auto {
    overflow: auto !important;
  }

  .\!overflow-hidden {
    overflow: hidden !important;
  }

  .\!overflow-visible {
    overflow: visible !important;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .\!overflow-x-auto {
    overflow-x: auto !important;
  }

  .\!overflow-x-hidden {
    overflow-x: hidden !important;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .\!overflow-y-auto {
    overflow-y: auto !important;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-auto\! {
    overflow-y: auto !important;
  }

  .\!rounded {
    border-radius: .25rem !important;
  }

  .\!rounded-\[3px\] {
    border-radius: 3px !important;
  }

  .\!rounded-\[4px\] {
    border-radius: 4px !important;
  }

  .\!rounded-\[6px\] {
    border-radius: 6px !important;
  }

  .\!rounded-\[8px\] {
    border-radius: 8px !important;
  }

  .\!rounded-\[10px\] {
    border-radius: 10px !important;
  }

  .\!rounded-\[16px\] {
    border-radius: 16px !important;
  }

  .\!rounded-full {
    border-radius: 3.40282e38px !important;
  }

  .\!rounded-lg {
    border-radius: var(--radius-lg) !important;
  }

  .\!rounded-md {
    border-radius: var(--radius-md) !important;
  }

  .\!rounded-none {
    border-radius: 0 !important;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[6px\] {
    border-radius: 6px;
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[16px\] {
    border-radius: 16px;
  }

  .rounded-\[40px\] {
    border-radius: 40px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .\!rounded-l-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .\!rounded-r-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

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

  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

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

  .\!border-2 {
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
  }

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

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

  .border-2, .border-\[2px\] {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .\!border-t {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }

  .\!border-t-0 {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0 !important;
  }

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

  .border-t-\[1\.5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1.5px;
  }

  .\!border-r {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 1px !important;
  }

  .\!border-r-0 {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 0 !important;
  }

  .\!border-r-2 {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 2px !important;
  }

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

  .border-r-\[1\.5px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1.5px;
  }

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

  .\!border-b-2 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 2px !important;
  }

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

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

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

  .border-b-\[1\.5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1.5px;
  }

  .\!border-l {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }

  .\!border-l-2 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 2px !important;
  }

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

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-2\! {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 2px !important;
  }

  .border-l-\[1\.5px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1.5px;
  }

  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }

  .\!border-dashed {
    --tw-border-style: dashed !important;
    border-style: dashed !important;
  }

  .\!border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .\!border-\[\#1F1D35\] {
    border-color: #1f1d35 !important;
  }

  .\!border-\[\#22C55E\]\/30 {
    border-color: oklab(72.2746% -.165574 .0972219 / .3) !important;
  }

  .\!border-\[\#EF4444\]\/30 {
    border-color: oklab(63.6834% .187864 .0889286 / .3) !important;
  }

  .\!border-\[\#F59E0B\]\/30 {
    border-color: oklab(76.8591% .0560995 .154808 / .3) !important;
  }

  .\!border-neutral-200 {
    border-color: var(--color-neutral-200) !important;
  }

  .\!border-neutral-500 {
    border-color: var(--color-neutral-500) !important;
  }

  .\!border-neutral-600 {
    border-color: var(--color-neutral-600) !important;
  }

  .\!border-neutral-700 {
    border-color: var(--color-neutral-700) !important;
  }

  .\!border-neutral-700\/50 {
    border-color: #38425080 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!border-neutral-700\/50 {
      border-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent) !important;
    }
  }

  .\!border-neutral-800 {
    border-color: var(--color-neutral-800) !important;
  }

  .\!border-primary-purple-400 {
    border-color: var(--color-primary-purple-400) !important;
  }

  .\!border-primary-purple-500 {
    border-color: var(--color-primary-purple-500) !important;
  }

  .\!border-primary-purple-500\/40 {
    border-color: #6a38e666 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!border-primary-purple-500\/40 {
      border-color: color-mix(in oklab, var(--color-primary-purple-500) 40%, transparent) !important;
    }
  }

  .\!border-primary-purple-500\/50 {
    border-color: #6a38e680 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!border-primary-purple-500\/50 {
      border-color: color-mix(in oklab, var(--color-primary-purple-500) 50%, transparent) !important;
    }
  }

  .\!border-primary-purple-500\/60 {
    border-color: #6a38e699 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!border-primary-purple-500\/60 {
      border-color: color-mix(in oklab, var(--color-primary-purple-500) 60%, transparent) !important;
    }
  }

  .\!border-primary-purple-600 {
    border-color: var(--color-primary-purple-600) !important;
  }

  .\!border-primary-purple-700 {
    border-color: var(--color-primary-purple-700) !important;
  }

  .\!border-red-300 {
    border-color: var(--color-red-300) !important;
  }

  .\!border-red-600 {
    border-color: var(--color-red-600) !important;
  }

  .\!border-semi-black {
    border-color: var(--color-semi-black) !important;
  }

  .\!border-transparent {
    border-color: #0000 !important;
  }

  .\!border-white\/5 {
    border-color: #ffffff0d !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!border-white\/5 {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
    }
  }

  .\!border-white\/10 {
    border-color: #ffffff1a !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
    }
  }

  .\!border-yellow-500\/40 {
    border-color: #c2780366 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!border-yellow-500\/40 {
      border-color: color-mix(in oklab, var(--color-yellow-500) 40%, transparent) !important;
    }
  }

  .border-\[\#1F1D35\] {
    border-color: #1f1d35;
  }

  .border-\[\#3d4350\] {
    border-color: #3d4350;
  }

  .border-\[\#333\] {
    border-color: #333;
  }

  .border-\[rgba\(106\,56\,230\,0\.35\)\] {
    border-color: #6a38e659;
  }

  .border-\[rgba\(187\,51\,255\,0\.18\)\] {
    border-color: #bb33ff2e;
  }

  .border-\[rgba\(255\,255\,255\,0\.05\)\] {
    border-color: #ffffff0d;
  }

  .border-\[rgba\(255\,255\,255\,0\.06\)\] {
    border-color: #ffffff0f;
  }

  .border-\[rgba\(255\,255\,255\,0\.08\)\] {
    border-color: #ffffff14;
  }

  .border-\[rgba\(255\,255\,255\,0\.09\)\] {
    border-color: #ffffff17;
  }

  .border-\[rgba\(255\,255\,255\,0\.10\)\] {
    border-color: #ffffff1a;
  }

  .border-\[rgba\(255\,255\,255\,0\.12\)\] {
    border-color: #ffffff1f;
  }

  .border-amber-500\/40\! {
    border-color: #f59e0b66 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/40\! {
      border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent) !important;
    }
  }

  .border-amber-500\/60 {
    border-color: #f59e0b99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/60 {
      border-color: color-mix(in oklab, var(--color-amber-500) 60%, transparent);
    }
  }

  .border-amber-700 {
    border-color: var(--color-amber-700);
  }

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

  .border-green-500\/30 {
    border-color: #1ed45a4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-green-500\/30 {
      border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
    }
  }

  .border-green-500\/40 {
    border-color: #1ed45a66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-green-500\/40 {
      border-color: color-mix(in oklab, var(--color-green-500) 40%, transparent);
    }
  }

  .border-mint-600 {
    border-color: var(--color-mint-600);
  }

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

  .border-neutral-300 {
    border-color: var(--color-neutral-300);
  }

  .border-neutral-400 {
    border-color: var(--color-neutral-400);
  }

  .border-neutral-600 {
    border-color: var(--color-neutral-600);
  }

  .border-neutral-700 {
    border-color: var(--color-neutral-700);
  }

  .border-neutral-700\! {
    border-color: var(--color-neutral-700) !important;
  }

  .border-neutral-700\/40 {
    border-color: #38425066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-neutral-700\/40 {
      border-color: color-mix(in oklab, var(--color-neutral-700) 40%, transparent);
    }
  }

  .border-neutral-700\/50 {
    border-color: #38425080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-neutral-700\/50 {
      border-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent);
    }
  }

  .border-neutral-700\/60 {
    border-color: #38425099;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-neutral-700\/60 {
      border-color: color-mix(in oklab, var(--color-neutral-700) 60%, transparent);
    }
  }

  .border-neutral-800 {
    border-color: var(--color-neutral-800);
  }

  .border-neutral-800\/40 {
    border-color: #1f2a3766;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-neutral-800\/40 {
      border-color: color-mix(in oklab, var(--color-neutral-800) 40%, transparent);
    }
  }

  .border-neutral-800\/60 {
    border-color: #1f2a3799;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-neutral-800\/60 {
      border-color: color-mix(in oklab, var(--color-neutral-800) 60%, transparent);
    }
  }

  .border-primary-purple-300 {
    border-color: var(--color-primary-purple-300);
  }

  .border-primary-purple-400 {
    border-color: var(--color-primary-purple-400);
  }

  .border-primary-purple-400\/40 {
    border-color: #855ceb66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-purple-400\/40 {
      border-color: color-mix(in oklab, var(--color-primary-purple-400) 40%, transparent);
    }
  }

  .border-primary-purple-500 {
    border-color: var(--color-primary-purple-500);
  }

  .border-primary-purple-500\/40\! {
    border-color: #6a38e666 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-purple-500\/40\! {
      border-color: color-mix(in oklab, var(--color-primary-purple-500) 40%, transparent) !important;
    }
  }

  .border-primary-purple-600 {
    border-color: var(--color-primary-purple-600);
  }

  .border-primary-purple-700 {
    border-color: var(--color-primary-purple-700);
  }

  .border-primary-purple-700\/50 {
    border-color: #4b28a380;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-purple-700\/50 {
      border-color: color-mix(in oklab, var(--color-primary-purple-700) 50%, transparent);
    }
  }

  .border-primary-purple-800 {
    border-color: var(--color-primary-purple-800);
  }

  .border-red-500\/40 {
    border-color: #ef454566;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/40 {
      border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
    }
  }

  .border-secondary-500\/40\! {
    border-color: #06f6 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-secondary-500\/40\! {
      border-color: color-mix(in oklab, var(--color-secondary-500) 40%, transparent) !important;
    }
  }

  .border-semi-black {
    border-color: var(--color-semi-black);
  }

  .border-transparent {
    border-color: #0000;
  }

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

  .border-white\/5 {
    border-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/5 {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-white\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .border-white\/40 {
    border-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/40 {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .border-white\/60 {
    border-color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/60 {
      border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .border-yellow-500\/20 {
    border-color: #c2780333;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-yellow-500\/20 {
      border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
    }
  }

  .\!border-t-\[\#6a38e6\] {
    border-top-color: #6a38e6 !important;
  }

  .\!border-r-\[\#6a38e6\] {
    border-right-color: #6a38e6 !important;
  }

  .\!border-r-semi-black {
    border-right-color: var(--color-semi-black) !important;
  }

  .\!border-b-\[\#6a38e6\] {
    border-bottom-color: #6a38e6 !important;
  }

  .border-b-\[\#0f1c2e\] {
    border-bottom-color: #0f1c2e;
  }

  .\!border-l-\[\#6a38e6\] {
    border-left-color: #6a38e6 !important;
  }

  .\!border-l-primary-purple-400 {
    border-left-color: var(--color-primary-purple-400) !important;
  }

  .\!border-l-transparent {
    border-left-color: #0000 !important;
  }

  .border-l-primary-purple-400 {
    border-left-color: var(--color-primary-purple-400);
  }

  .border-l-transparent {
    border-left-color: #0000;
  }

  .border-l-transparent\! {
    border-left-color: #0000 !important;
  }

  .\!bg-\[\#0C0A1A\] {
    background-color: #0c0a1a !important;
  }

  .\!bg-\[\#0a1e2a\] {
    background-color: #0a1e2a !important;
  }

  .\!bg-\[\#0a0420\]\/45 {
    background-color: oklab(14.2962% .0186185 -.0557807 / .45) !important;
  }

  .\!bg-\[\#0f0a26\] {
    background-color: #0f0a26 !important;
  }

  .\!bg-\[\#0f2a10\] {
    background-color: #0f2a10 !important;
  }

  .\!bg-\[\#00A5E7\]\/30 {
    background-color: oklab(68.2822% -.0820701 -.122074 / .3) !important;
  }

  .\!bg-\[\#1A1530\] {
    background-color: #1a1530 !important;
  }

  .\!bg-\[\#1A1735\] {
    background-color: #1a1735 !important;
  }

  .\!bg-\[\#1E1938\] {
    background-color: #1e1938 !important;
  }

  .\!bg-\[\#1F1D35\]\/40 {
    background-color: oklab(24.5698% .0127137 -.0432112 / .4) !important;
  }

  .\!bg-\[\#2A2150\] {
    background-color: #2a2150 !important;
  }

  .\!bg-\[\#2F2B42\] {
    background-color: #2f2b42 !important;
  }

  .\!bg-\[\#2a1010\] {
    background-color: #2a1010 !important;
  }

  .\!bg-\[\#2a2510\] {
    background-color: #2a2510 !important;
  }

  .\!bg-\[\#22C55E\] {
    background-color: #22c55e !important;
  }

  .\!bg-\[\#151d22\] {
    background-color: #151d22 !important;
  }

  .\!bg-\[\#160e38\]\/50 {
    background-color: oklab(20.5024% .0215074 -.0746253 / .5) !important;
  }

  .\!bg-\[\#221D40\] {
    background-color: #221d40 !important;
  }

  .\!bg-\[\#261F48\] {
    background-color: #261f48 !important;
  }

  .\!bg-\[\#351E3C\] {
    background-color: #351e3c !important;
  }

  .\!bg-\[\#26101D\] {
    background-color: #26101d !important;
  }

  .\!bg-\[\#101426\] {
    background-color: #101426 !important;
  }

  .\!bg-\[\#141225\] {
    background-color: #141225 !important;
  }

  .\!bg-\[\#191928\] {
    background-color: #191928 !important;
  }

  .\!bg-\[\#250723\] {
    background-color: #250723 !important;
  }

  .\!bg-\[\#EF4444\] {
    background-color: #ef4444 !important;
  }

  .\!bg-\[\#F59E0B\] {
    background-color: #f59e0b !important;
  }

  .\!bg-\[\#F59E0B\]\/30 {
    background-color: oklab(76.8591% .0560995 .154808 / .3) !important;
  }

  .\!bg-\[rgba\(106\,56\,230\,0\.15\)\] {
    background-color: #6a38e626 !important;
  }

  .\!bg-amber-400 {
    background-color: var(--color-amber-400) !important;
  }

  .\!bg-amber-500\/15 {
    background-color: #f59e0b26 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-amber-500\/15 {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent) !important;
    }
  }

  .\!bg-bg-black {
    background-color: var(--color-bg-black) !important;
  }

  .\!bg-black {
    background-color: var(--color-black) !important;
  }

  .\!bg-black\/50 {
    background-color: #19192880 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent) !important;
    }
  }

  .\!bg-mint-100 {
    background-color: var(--color-mint-100) !important;
  }

  .\!bg-mint-500 {
    background-color: var(--color-mint-500) !important;
  }

  .\!bg-mint-500\/10 {
    background-color: #1edcc81a !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-mint-500\/10 {
      background-color: color-mix(in oklab, var(--color-mint-500) 10%, transparent) !important;
    }
  }

  .\!bg-mint-500\/20 {
    background-color: #1edcc833 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-mint-500\/20 {
      background-color: color-mix(in oklab, var(--color-mint-500) 20%, transparent) !important;
    }
  }

  .\!bg-negative {
    background-color: var(--color-negative) !important;
  }

  .\!bg-neutral-100 {
    background-color: var(--color-neutral-100) !important;
  }

  .\!bg-neutral-200 {
    background-color: var(--color-neutral-200) !important;
  }

  .\!bg-neutral-400 {
    background-color: var(--color-neutral-400) !important;
  }

  .\!bg-neutral-500 {
    background-color: var(--color-neutral-500) !important;
  }

  .\!bg-neutral-700\/30 {
    background-color: #3842504d !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-neutral-700\/30 {
      background-color: color-mix(in oklab, var(--color-neutral-700) 30%, transparent) !important;
    }
  }

  .\!bg-neutral-700\/40 {
    background-color: #38425066 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-neutral-700\/40 {
      background-color: color-mix(in oklab, var(--color-neutral-700) 40%, transparent) !important;
    }
  }

  .\!bg-neutral-800 {
    background-color: var(--color-neutral-800) !important;
  }

  .\!bg-neutral-800\/20 {
    background-color: #1f2a3733 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-neutral-800\/20 {
      background-color: color-mix(in oklab, var(--color-neutral-800) 20%, transparent) !important;
    }
  }

  .\!bg-neutral-900 {
    background-color: var(--color-neutral-900) !important;
  }

  .\!bg-neutral-900\/40 {
    background-color: #1e232a66 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-neutral-900\/40 {
      background-color: color-mix(in oklab, var(--color-neutral-900) 40%, transparent) !important;
    }
  }

  .\!bg-neutral-900\/50 {
    background-color: #1e232a80 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-neutral-900\/50 {
      background-color: color-mix(in oklab, var(--color-neutral-900) 50%, transparent) !important;
    }
  }

  .\!bg-neutral-900\/60 {
    background-color: #1e232a99 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-neutral-900\/60 {
      background-color: color-mix(in oklab, var(--color-neutral-900) 60%, transparent) !important;
    }
  }

  .\!bg-neutral-900\/80 {
    background-color: #1e232acc !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-neutral-900\/80 {
      background-color: color-mix(in oklab, var(--color-neutral-900) 80%, transparent) !important;
    }
  }

  .\!bg-neutral-950 {
    background-color: var(--color-neutral-950) !important;
  }

  .\!bg-neutral-950\/40 {
    background-color: #14181e66 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-neutral-950\/40 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 40%, transparent) !important;
    }
  }

  .\!bg-primary-purple-400 {
    background-color: var(--color-primary-purple-400) !important;
  }

  .\!bg-primary-purple-500 {
    background-color: var(--color-primary-purple-500) !important;
  }

  .\!bg-primary-purple-500\/10 {
    background-color: #6a38e61a !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-primary-purple-500\/10 {
      background-color: color-mix(in oklab, var(--color-primary-purple-500) 10%, transparent) !important;
    }
  }

  .\!bg-primary-purple-500\/15 {
    background-color: #6a38e626 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-primary-purple-500\/15 {
      background-color: color-mix(in oklab, var(--color-primary-purple-500) 15%, transparent) !important;
    }
  }

  .\!bg-primary-purple-600 {
    background-color: var(--color-primary-purple-600) !important;
  }

  .\!bg-primary-purple-700 {
    background-color: var(--color-primary-purple-700) !important;
  }

  .\!bg-primary-purple-900 {
    background-color: var(--color-primary-purple-900) !important;
  }

  .\!bg-primary-purple-900\/20 {
    background-color: #30196733 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-primary-purple-900\/20 {
      background-color: color-mix(in oklab, var(--color-primary-purple-900) 20%, transparent) !important;
    }
  }

  .\!bg-primary-purple-900\/25 {
    background-color: #30196740 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-primary-purple-900\/25 {
      background-color: color-mix(in oklab, var(--color-primary-purple-900) 25%, transparent) !important;
    }
  }

  .\!bg-primary-purple-900\/30 {
    background-color: #3019674d !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-primary-purple-900\/30 {
      background-color: color-mix(in oklab, var(--color-primary-purple-900) 30%, transparent) !important;
    }
  }

  .\!bg-primary-purple-900\/40 {
    background-color: #30196766 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-primary-purple-900\/40 {
      background-color: color-mix(in oklab, var(--color-primary-purple-900) 40%, transparent) !important;
    }
  }

  .\!bg-primary-purple-900\/50 {
    background-color: #30196780 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-primary-purple-900\/50 {
      background-color: color-mix(in oklab, var(--color-primary-purple-900) 50%, transparent) !important;
    }
  }

  .\!bg-primary-purple-900\/60 {
    background-color: #30196799 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-primary-purple-900\/60 {
      background-color: color-mix(in oklab, var(--color-primary-purple-900) 60%, transparent) !important;
    }
  }

  .\!bg-red-100 {
    background-color: var(--color-red-100) !important;
  }

  .\!bg-red-500 {
    background-color: var(--color-red-500) !important;
  }

  .\!bg-red-500\/10 {
    background-color: #ef45451a !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-red-500\/10 {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent) !important;
    }
  }

  .\!bg-red-600 {
    background-color: var(--color-red-600) !important;
  }

  .\!bg-red-900 {
    background-color: var(--color-red-900) !important;
  }

  .\!bg-red-900\/25 {
    background-color: #641d1d40 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-red-900\/25 {
      background-color: color-mix(in oklab, var(--color-red-900) 25%, transparent) !important;
    }
  }

  .\!bg-secondary-500 {
    background-color: var(--color-secondary-500) !important;
  }

  .\!bg-secondary-500\/10 {
    background-color: #0066ff1a !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-secondary-500\/10 {
      background-color: color-mix(in oklab, var(--color-secondary-500) 10%, transparent) !important;
    }
  }

  .\!bg-selectBox-bg {
    background-color: var(--color-selectBox-bg) !important;
  }

  .\!bg-semi-black {
    background-color: var(--color-semi-black) !important;
  }

  .\!bg-transparent {
    background-color: #0000 !important;
  }

  .\!bg-white {
    background-color: var(--color-white) !important;
  }

  .\!bg-white\/5 {
    background-color: #ffffff0d !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
    }
  }

  .\!bg-white\/10 {
    background-color: #ffffff1a !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
    }
  }

  .\!bg-white\/50 {
    background-color: #ffffff80 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-white\/50 {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent) !important;
    }
  }

  .\!bg-yellow-500\/5 {
    background-color: #c278030d !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-yellow-500\/5 {
      background-color: color-mix(in oklab, var(--color-yellow-500) 5%, transparent) !important;
    }
  }

  .\!bg-yellow-500\/30 {
    background-color: #c278034d !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-yellow-500\/30 {
      background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent) !important;
    }
  }

  .\!bg-yellow-500\/70 {
    background-color: #c27803b3 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-yellow-500\/70 {
      background-color: color-mix(in oklab, var(--color-yellow-500) 70%, transparent) !important;
    }
  }

  .bg-\[\#0b0518\] {
    background-color: #0b0518;
  }

  .bg-\[\#0d1117\] {
    background-color: #0d1117;
  }

  .bg-\[\#0f0a26\] {
    background-color: #0f0a26;
  }

  .bg-\[\#0f1c2e\] {
    background-color: #0f1c2e;
  }

  .bg-\[\#1A1735\] {
    background-color: #1a1735;
  }

  .bg-\[\#1EDCC8\] {
    background-color: #1edcc8;
  }

  .bg-\[\#1EDCC8\]\/30 {
    background-color: oklab(80.5098% -.139263 -.00769603 / .3);
  }

  .bg-\[\#1a1a2e\] {
    background-color: #1a1a2e;
  }

  .bg-\[\#1a1530\] {
    background-color: #1a1530;
  }

  .bg-\[\#1e1e2e\] {
    background-color: #1e1e2e;
  }

  .bg-\[\#1e1e2e\]\/80 {
    background-color: oklab(24.2867% .00729832 -.029467 / .8);
  }

  .bg-\[\#2CA7FF\] {
    background-color: #2ca7ff;
  }

  .bg-\[\#3d5a80\] {
    background-color: #3d5a80;
  }

  .bg-\[\#4be3d3\] {
    background-color: #4be3d3;
  }

  .bg-\[\#6C5CE7\]\/3 {
    background-color: oklab(56.7602% .0457493 -.196848 / .03);
  }

  .bg-\[\#6C5CE7\]\/5 {
    background-color: oklab(56.7602% .0457493 -.196848 / .05);
  }

  .bg-\[\#6a38e6\] {
    background-color: #6a38e6;
  }

  .bg-\[\#7dd3fc26\] {
    background-color: #7dd3fc26;
  }

  .bg-\[\#9DA4AE\] {
    background-color: #9da4ae;
  }

  .bg-\[\#9DA4AE\]\/30 {
    background-color: oklab(71.6231% -.00366607 -.0161554 / .3);
  }

  .bg-\[\#22C55E\] {
    background-color: #22c55e;
  }

  .bg-\[\#22C55E\]\/10 {
    background-color: oklab(72.2746% -.165574 .0972219 / .1);
  }

  .bg-\[\#59a9ff\] {
    background-color: #59a9ff;
  }

  .bg-\[\#85d262\] {
    background-color: #85d262;
  }

  .bg-\[\#160e38\]\/70 {
    background-color: oklab(20.5024% .0215074 -.0746253 / .7);
  }

  .bg-\[\#05000b\] {
    background-color: #05000b;
  }

  .bg-\[\#5498FF\] {
    background-color: #5498ff;
  }

  .bg-\[\#5498FF\]\/30 {
    background-color: oklab(68.39% -.0332818 -.164147 / .3);
  }

  .bg-\[\#26101D\] {
    background-color: #26101d;
  }

  .bg-\[\#101426\] {
    background-color: #101426;
  }

  .bg-\[\#141425\] {
    background-color: #141425;
  }

  .bg-\[\#241954\] {
    background-color: #241954;
  }

  .bg-\[\#250723\] {
    background-color: #250723;
  }

  .bg-\[\#515171\]\/50 {
    background-color: oklab(44.8205% .0126936 -.0505306 / .5);
  }

  .bg-\[\#AAFF2A\] {
    background-color: #aaff2a;
  }

  .bg-\[\#AAFF2A\]\/30 {
    background-color: oklab(91.1219% -.153477 .180146 / .3);
  }

  .bg-\[\#C338E6\] {
    background-color: #c338e6;
  }

  .bg-\[\#C338E6\]\/30 {
    background-color: oklab(61.9954% .192805 -.170726 / .3);
  }

  .bg-\[\#EA89A6\] {
    background-color: #ea89a6;
  }

  .bg-\[\#EA89A6\]\/30 {
    background-color: oklab(74.0925% .122214 .00274652 / .3);
  }

  .bg-\[\#EF4444\] {
    background-color: #ef4444;
  }

  .bg-\[\#EF4444\]\/10 {
    background-color: oklab(63.6834% .187864 .0889286 / .1);
  }

  .bg-\[\#EF4545\] {
    background-color: #ef4545;
  }

  .bg-\[\#F59E0B\] {
    background-color: #f59e0b;
  }

  .bg-\[\#F59E0B\]\/10 {
    background-color: oklab(76.8591% .0560995 .154808 / .1);
  }

  .bg-\[\#F59E0B\]\/30 {
    background-color: oklab(76.8591% .0560995 .154808 / .3);
  }

  .bg-\[\#FFA000\] {
    background-color: #ffa000;
  }

  .bg-\[\#FFFFFF\] {
    background-color: #fff;
  }

  .bg-\[\#FFFFFF\]\/10 {
    background-color: oklab(100% 0 5.96046e-8 / .1);
  }

  .bg-\[\#b58cff\] {
    background-color: #b58cff;
  }

  .bg-\[\#f7c948\] {
    background-color: #f7c948;
  }

  .bg-\[\#fde04726\] {
    background-color: #fde04726;
  }

  .bg-\[\#ff7a90\] {
    background-color: #ff7a90;
  }

  .bg-\[rgba\(0\,0\,0\,0\.2\)\] {
    background-color: #0003;
  }

  .bg-\[rgba\(12\,6\,28\,0\.85\)\] {
    background-color: #0c061cd9;
  }

  .bg-\[rgba\(12\,6\,28\,0\.96\)\] {
    background-color: #0c061cf5;
  }

  .bg-\[rgba\(15\,8\,32\,0\.82\)\] {
    background-color: #0f0820d1;
  }

  .bg-\[rgba\(20\,16\,32\,0\.96\)\] {
    background-color: #141020f5;
  }

  .bg-\[rgba\(106\,56\,230\,0\.18\)\] {
    background-color: #6a38e62e;
  }

  .bg-\[rgba\(255\,255\,255\,0\.02\)\] {
    background-color: #ffffff05;
  }

  .bg-\[rgba\(255\,255\,255\,0\.04\)\] {
    background-color: #ffffff0a;
  }

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

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

  .bg-amber-400\/10 {
    background-color: #fbbf241a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/10 {
      background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
    }
  }

  .bg-amber-400\/25 {
    background-color: #fbbf2440;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/25 {
      background-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent);
    }
  }

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

  .bg-amber-500\/15\! {
    background-color: #f59e0b26 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/15\! {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent) !important;
    }
  }

  .bg-amber-500\/20 {
    background-color: #f59e0b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/20 {
      background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }

  .bg-amber-500\/30 {
    background-color: #f59e0b4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/30 {
      background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }

  .bg-amber-900\/20 {
    background-color: #78350f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-900\/20 {
      background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
    }
  }

  .bg-amber-950\/30 {
    background-color: #451a034d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-950\/30 {
      background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
    }
  }

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

  .bg-bg-black\/40 {
    background-color: #0f001f66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-bg-black) 40%, transparent);
    }
  }

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

  .bg-black\/40 {
    background-color: #19192866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .bg-black\/45 {
    background-color: #19192873;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/45 {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #19192880;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #19192899;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-black\/85 {
    background-color: #191928d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/85 {
      background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
    }
  }

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

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

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

  .bg-green-500\/10 {
    background-color: #1ed45a1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/10 {
      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
    }
  }

  .bg-green-500\/15 {
    background-color: #1ed45a26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/15 {
      background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent);
    }
  }

  .bg-green-500\/25 {
    background-color: #1ed45a40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/25 {
      background-color: color-mix(in oklab, var(--color-green-500) 25%, transparent);
    }
  }

  .bg-green-500\/80 {
    background-color: #1ed45acc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/80 {
      background-color: color-mix(in oklab, var(--color-green-500) 80%, transparent);
    }
  }

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

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

  .bg-mint-500\/50 {
    background-color: #1edcc880;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-mint-500\/50 {
      background-color: color-mix(in oklab, var(--color-mint-500) 50%, transparent);
    }
  }

  .bg-negative\/30 {
    background-color: #f052524d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-negative\/30 {
      background-color: color-mix(in oklab, var(--color-negative) 30%, transparent);
    }
  }

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

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

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

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

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

  .bg-neutral-400\/10 {
    background-color: #9da4ae1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-400\/10 {
      background-color: color-mix(in oklab, var(--color-neutral-400) 10%, transparent);
    }
  }

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

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

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

  .bg-neutral-700\/40 {
    background-color: #38425066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-700\/40 {
      background-color: color-mix(in oklab, var(--color-neutral-700) 40%, transparent);
    }
  }

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

  .bg-neutral-800\/20 {
    background-color: #1f2a3733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-800\/20 {
      background-color: color-mix(in oklab, var(--color-neutral-800) 20%, transparent);
    }
  }

  .bg-neutral-800\/40 {
    background-color: #1f2a3766;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-800\/40 {
      background-color: color-mix(in oklab, var(--color-neutral-800) 40%, transparent);
    }
  }

  .bg-neutral-800\/60 {
    background-color: #1f2a3799;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-800\/60 {
      background-color: color-mix(in oklab, var(--color-neutral-800) 60%, transparent);
    }
  }

  .bg-neutral-800\/80 {
    background-color: #1f2a37cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-800\/80 {
      background-color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);
    }
  }

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

  .bg-neutral-900\/40 {
    background-color: #1e232a66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-900\/40 {
      background-color: color-mix(in oklab, var(--color-neutral-900) 40%, transparent);
    }
  }

  .bg-neutral-900\/50 {
    background-color: #1e232a80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-900\/50 {
      background-color: color-mix(in oklab, var(--color-neutral-900) 50%, transparent);
    }
  }

  .bg-neutral-900\/60 {
    background-color: #1e232a99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-900\/60 {
      background-color: color-mix(in oklab, var(--color-neutral-900) 60%, transparent);
    }
  }

  .bg-neutral-900\/70 {
    background-color: #1e232ab3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-900\/70 {
      background-color: color-mix(in oklab, var(--color-neutral-900) 70%, transparent);
    }
  }

  .bg-neutral-900\/80 {
    background-color: #1e232acc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-900\/80 {
      background-color: color-mix(in oklab, var(--color-neutral-900) 80%, transparent);
    }
  }

  .bg-neutral-900\/95 {
    background-color: #1e232af2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-900\/95 {
      background-color: color-mix(in oklab, var(--color-neutral-900) 95%, transparent);
    }
  }

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

  .bg-neutral-950\/40 {
    background-color: #14181e66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-neutral-950\/40 {
      background-color: color-mix(in oklab, var(--color-neutral-950) 40%, transparent);
    }
  }

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

  .bg-orange-500\/30 {
    background-color: #ff5a1f4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-500\/30 {
      background-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
    }
  }

  .bg-orange-500\/80 {
    background-color: #ff5a1fcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-500\/80 {
      background-color: color-mix(in oklab, var(--color-orange-500) 80%, transparent);
    }
  }

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

  .bg-primary-purple-50 {
    background-color: var(--color-primary-purple-50);
  }

  .bg-primary-purple-100 {
    background-color: var(--color-primary-purple-100);
  }

  .bg-primary-purple-200 {
    background-color: var(--color-primary-purple-200);
  }

  .bg-primary-purple-300 {
    background-color: var(--color-primary-purple-300);
  }

  .bg-primary-purple-400 {
    background-color: var(--color-primary-purple-400);
  }

  .bg-primary-purple-400\/50 {
    background-color: #855ceb80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-400\/50 {
      background-color: color-mix(in oklab, var(--color-primary-purple-400) 50%, transparent);
    }
  }

  .bg-primary-purple-500 {
    background-color: var(--color-primary-purple-500);
  }

  .bg-primary-purple-500\/15\! {
    background-color: #6a38e626 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-500\/15\! {
      background-color: color-mix(in oklab, var(--color-primary-purple-500) 15%, transparent) !important;
    }
  }

  .bg-primary-purple-500\/20 {
    background-color: #6a38e633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-500\/20 {
      background-color: color-mix(in oklab, var(--color-primary-purple-500) 20%, transparent);
    }
  }

  .bg-primary-purple-500\/30 {
    background-color: #6a38e64d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-500\/30 {
      background-color: color-mix(in oklab, var(--color-primary-purple-500) 30%, transparent);
    }
  }

  .bg-primary-purple-500\/55 {
    background-color: #6a38e68c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-500\/55 {
      background-color: color-mix(in oklab, var(--color-primary-purple-500) 55%, transparent);
    }
  }

  .bg-primary-purple-500\/80 {
    background-color: #6a38e6cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-500\/80 {
      background-color: color-mix(in oklab, var(--color-primary-purple-500) 80%, transparent);
    }
  }

  .bg-primary-purple-600 {
    background-color: var(--color-primary-purple-600);
  }

  .bg-primary-purple-700 {
    background-color: var(--color-primary-purple-700);
  }

  .bg-primary-purple-700\/30 {
    background-color: #4b28a34d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-700\/30 {
      background-color: color-mix(in oklab, var(--color-primary-purple-700) 30%, transparent);
    }
  }

  .bg-primary-purple-700\/60 {
    background-color: #4b28a399;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-700\/60 {
      background-color: color-mix(in oklab, var(--color-primary-purple-700) 60%, transparent);
    }
  }

  .bg-primary-purple-800 {
    background-color: var(--color-primary-purple-800);
  }

  .bg-primary-purple-800\/50 {
    background-color: #3c208380;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-800\/50 {
      background-color: color-mix(in oklab, var(--color-primary-purple-800) 50%, transparent);
    }
  }

  .bg-primary-purple-800\/60 {
    background-color: #3c208399;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-800\/60 {
      background-color: color-mix(in oklab, var(--color-primary-purple-800) 60%, transparent);
    }
  }

  .bg-primary-purple-900 {
    background-color: var(--color-primary-purple-900);
  }

  .bg-primary-purple-900\/10 {
    background-color: #3019671a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-900\/10 {
      background-color: color-mix(in oklab, var(--color-primary-purple-900) 10%, transparent);
    }
  }

  .bg-primary-purple-900\/15 {
    background-color: #30196726;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-900\/15 {
      background-color: color-mix(in oklab, var(--color-primary-purple-900) 15%, transparent);
    }
  }

  .bg-primary-purple-900\/20 {
    background-color: #30196733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-900\/20 {
      background-color: color-mix(in oklab, var(--color-primary-purple-900) 20%, transparent);
    }
  }

  .bg-primary-purple-900\/40 {
    background-color: #30196766;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-900\/40 {
      background-color: color-mix(in oklab, var(--color-primary-purple-900) 40%, transparent);
    }
  }

  .bg-primary-purple-900\/45 {
    background-color: #30196773;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-purple-900\/45 {
      background-color: color-mix(in oklab, var(--color-primary-purple-900) 45%, transparent);
    }
  }

  .bg-primary-violet-300 {
    background-color: var(--color-primary-violet-300);
  }

  .bg-primary-violet-500 {
    background-color: var(--color-primary-violet-500);
  }

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

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

  .bg-red-500\/20 {
    background-color: #ef454533;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/20 {
      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }

  .bg-red-500\/25 {
    background-color: #ef454540;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/25 {
      background-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
    }
  }

  .bg-red-500\/80 {
    background-color: #ef4545cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/80 {
      background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent);
    }
  }

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

  .bg-red-900\/60 {
    background-color: #641d1d99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-900\/60 {
      background-color: color-mix(in oklab, var(--color-red-900) 60%, transparent);
    }
  }

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

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

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

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

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

  .bg-secondary-500\/15\! {
    background-color: #0066ff26 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary-500\/15\! {
      background-color: color-mix(in oklab, var(--color-secondary-500) 15%, transparent) !important;
    }
  }

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

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

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

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

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

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

  .bg-transparent {
    background-color: #0000;
  }

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

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/15 {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .bg-white\/\[0\.04\] {
    background-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

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

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

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

  .bg-yellow-500\/10 {
    background-color: #c278031a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-500\/10 {
      background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
    }
  }

  .bg-yellow-500\/30 {
    background-color: #c278034d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-500\/30 {
      background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
    }
  }

  .bg-\[conic-gradient\(from_0deg\,\#bb33ff\,\#6a38e6\,\#bb33ff\)\] {
    background-image: conic-gradient(#b3f, #6a38e6, #b3f);
  }

  .bg-\[linear-gradient\(135deg\,\#6a38e6\,\#bb33ff\)\] {
    background-image: linear-gradient(135deg, #6a38e6, #b3f);
  }

  .bg-\[linear-gradient\(135deg\,rgba\(187\,51\,255\,0\.08\)\,rgba\(106\,56\,230\,0\.04\)\)\] {
    background-image: linear-gradient(135deg, #bb33ff14, #6a38e60a);
  }

  .bg-\[url\(\"\/newAssets\/icons\/ico-radio-selected\.svg\"\)\] {
    background-image: url("/newAssets/icons/ico-radio-selected.svg");
  }

  .bg-\[url\(\"\/newAssets\/icons\/ico-radio\.svg\"\)\] {
    background-image: url("/newAssets/icons/ico-radio.svg");
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-center {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }

  .\!p-1 {
    padding: calc(var(--spacing) * 1) !important;
  }

  .\!p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }

  .\!p-6 {
    padding: calc(var(--spacing) * 6) !important;
  }

  .\!p-8 {
    padding: calc(var(--spacing) * 8) !important;
  }

  .\!p-10 {
    padding: calc(var(--spacing) * 10) !important;
  }

  .\!p-20 {
    padding: calc(var(--spacing) * 20) !important;
  }

  .\!p-\[8px\] {
    padding: 8px !important;
  }

  .\!p-\[18px\] {
    padding: 18px !important;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-12 {
    padding: calc(var(--spacing) * 12);
  }

  .p-16 {
    padding: calc(var(--spacing) * 16);
  }

  .p-20 {
    padding: calc(var(--spacing) * 20);
  }

  .p-\[2px\] {
    padding: 2px;
  }

  .p-\[6px\] {
    padding: 6px;
  }

  .p-\[8px\] {
    padding: 8px;
  }

  .p-\[10px\] {
    padding: 10px;
  }

  .p-\[20px\] {
    padding: 20px;
  }

  .p-\[24px\] {
    padding: 24px;
  }

  .p-\[40px\] {
    padding: 40px;
  }

  .p-px {
    padding: 1px;
  }

  .\!px-0 {
    padding-inline: calc(var(--spacing) * 0) !important;
  }

  .\!px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5) !important;
  }

  .\!px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }

  .\!px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }

  .\!px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }

  .\!px-6 {
    padding-inline: calc(var(--spacing) * 6) !important;
  }

  .\!px-8 {
    padding-inline: calc(var(--spacing) * 8) !important;
  }

  .\!px-10 {
    padding-inline: calc(var(--spacing) * 10) !important;
  }

  .\!px-12 {
    padding-inline: calc(var(--spacing) * 12) !important;
  }

  .\!px-14 {
    padding-inline: calc(var(--spacing) * 14) !important;
  }

  .\!px-16 {
    padding-inline: calc(var(--spacing) * 16) !important;
  }

  .\!px-20 {
    padding-inline: calc(var(--spacing) * 20) !important;
  }

  .\!px-22 {
    padding-inline: calc(var(--spacing) * 22) !important;
  }

  .\!px-24 {
    padding-inline: calc(var(--spacing) * 24) !important;
  }

  .\!px-32 {
    padding-inline: calc(var(--spacing) * 32) !important;
  }

  .\!px-\[5px\] {
    padding-inline: 5px !important;
  }

  .\!px-\[16px\] {
    padding-inline: 16px !important;
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-9 {
    padding-inline: calc(var(--spacing) * 9);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }

  .px-12\! {
    padding-inline: calc(var(--spacing) * 12) !important;
  }

  .px-14 {
    padding-inline: calc(var(--spacing) * 14);
  }

  .px-16 {
    padding-inline: calc(var(--spacing) * 16);
  }

  .px-\[2px\] {
    padding-inline: 2px;
  }

  .px-\[4px\] {
    padding-inline: 4px;
  }

  .px-\[5px\] {
    padding-inline: 5px;
  }

  .px-\[6px\] {
    padding-inline: 6px;
  }

  .px-\[8px\] {
    padding-inline: 8px;
  }

  .px-\[10px\] {
    padding-inline: 10px;
  }

  .px-\[12px\] {
    padding-inline: 12px;
  }

  .px-\[14px\] {
    padding-inline: 14px;
  }

  .px-\[20px\] {
    padding-inline: 20px;
  }

  .px-\[24px\] {
    padding-inline: 24px;
  }

  .px-\[40px\] {
    padding-inline: 40px;
  }

  .\!py-0 {
    padding-block: calc(var(--spacing) * 0) !important;
  }

  .\!py-0\.5 {
    padding-block: calc(var(--spacing) * .5) !important;
  }

  .\!py-1 {
    padding-block: calc(var(--spacing) * 1) !important;
  }

  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }

  .\!py-4 {
    padding-block: calc(var(--spacing) * 4) !important;
  }

  .\!py-5 {
    padding-block: calc(var(--spacing) * 5) !important;
  }

  .\!py-6 {
    padding-block: calc(var(--spacing) * 6) !important;
  }

  .\!py-7 {
    padding-block: calc(var(--spacing) * 7) !important;
  }

  .\!py-8 {
    padding-block: calc(var(--spacing) * 8) !important;
  }

  .\!py-10 {
    padding-block: calc(var(--spacing) * 10) !important;
  }

  .\!py-12 {
    padding-block: calc(var(--spacing) * 12) !important;
  }

  .\!py-14 {
    padding-block: calc(var(--spacing) * 14) !important;
  }

  .\!py-16 {
    padding-block: calc(var(--spacing) * 16) !important;
  }

  .\!py-20 {
    padding-block: calc(var(--spacing) * 20) !important;
  }

  .\!py-24 {
    padding-block: calc(var(--spacing) * 24) !important;
  }

  .\!py-\[1px\] {
    padding-block: 1px !important;
  }

  .\!py-\[4px\] {
    padding-block: 4px !important;
  }

  .\!py-\[8px\] {
    padding-block: 8px !important;
  }

  .\!py-\[10px\] {
    padding-block: 10px !important;
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }

  .py-40 {
    padding-block: calc(var(--spacing) * 40);
  }

  .py-\[1px\] {
    padding-block: 1px;
  }

  .py-\[2px\] {
    padding-block: 2px;
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .py-\[4px\] {
    padding-block: 4px;
  }

  .py-\[5px\] {
    padding-block: 5px;
  }

  .py-\[6px\] {
    padding-block: 6px;
  }

  .py-\[7px\] {
    padding-block: 7px;
  }

  .py-\[10px\] {
    padding-block: 10px;
  }

  .py-\[12px\] {
    padding-block: 12px;
  }

  .py-\[20px\] {
    padding-block: 20px;
  }

  .py-\[24px\] {
    padding-block: 24px;
  }

  .py-\[40px\] {
    padding-block: 40px;
  }

  .\!pt-6 {
    padding-top: calc(var(--spacing) * 6) !important;
  }

  .\!pt-8 {
    padding-top: calc(var(--spacing) * 8) !important;
  }

  .\!pt-16 {
    padding-top: calc(var(--spacing) * 16) !important;
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }

  .\!pr-0 {
    padding-right: calc(var(--spacing) * 0) !important;
  }

  .\!pr-4 {
    padding-right: calc(var(--spacing) * 4) !important;
  }

  .\!pr-8 {
    padding-right: calc(var(--spacing) * 8) !important;
  }

  .\!pr-10 {
    padding-right: calc(var(--spacing) * 10) !important;
  }

  .\!pr-12 {
    padding-right: calc(var(--spacing) * 12) !important;
  }

  .\!pr-32 {
    padding-right: calc(var(--spacing) * 32) !important;
  }

  .\!pr-36 {
    padding-right: calc(var(--spacing) * 36) !important;
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }

  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }

  .pr-\[2px\] {
    padding-right: 2px;
  }

  .\!pb-4 {
    padding-bottom: calc(var(--spacing) * 4) !important;
  }

  .\!pb-6 {
    padding-bottom: calc(var(--spacing) * 6) !important;
  }

  .\!pb-8 {
    padding-bottom: calc(var(--spacing) * 8) !important;
  }

  .\!pb-10 {
    padding-bottom: calc(var(--spacing) * 10) !important;
  }

  .\!pb-20 {
    padding-bottom: calc(var(--spacing) * 20) !important;
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .\!pl-0 {
    padding-left: calc(var(--spacing) * 0) !important;
  }

  .\!pl-4 {
    padding-left: calc(var(--spacing) * 4) !important;
  }

  .\!pl-6 {
    padding-left: calc(var(--spacing) * 6) !important;
  }

  .\!pl-8 {
    padding-left: calc(var(--spacing) * 8) !important;
  }

  .\!pl-10 {
    padding-left: calc(var(--spacing) * 10) !important;
  }

  .\!pl-12 {
    padding-left: calc(var(--spacing) * 12) !important;
  }

  .\!pl-16 {
    padding-left: calc(var(--spacing) * 16) !important;
  }

  .\!pl-20 {
    padding-left: calc(var(--spacing) * 20) !important;
  }

  .\!pl-22 {
    padding-left: calc(var(--spacing) * 22) !important;
  }

  .\!pl-30 {
    padding-left: calc(var(--spacing) * 30) !important;
  }

  .\!pl-32 {
    padding-left: calc(var(--spacing) * 32) !important;
  }

  .\!pl-\[4px\] {
    padding-left: 4px !important;
  }

  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }

  .pl-\[84px\] {
    padding-left: 84px;
  }

  .\!text-center {
    text-align: center !important;
  }

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

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

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

  .align-middle {
    vertical-align: middle;
  }

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

  .font-sans {
    font-family: var(--font-sans);
  }

  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }

  .\!text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\!text-\[10px\] {
    font-size: 10px !important;
  }

  .\!text-\[13px\] {
    font-size: 13px !important;
  }

  .\!text-\[14px\] {
    font-size: 14px !important;
  }

  .\!text-\[16px\] {
    font-size: 16px !important;
  }

  .\!text-body-medium {
    font-size: var(--text-body-medium) !important;
  }

  .text-\[0px\] {
    font-size: 0;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12\.5px\] {
    font-size: 12.5px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[17px\] {
    font-size: 17px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[19px\] {
    font-size: 19px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[32px\] {
    font-size: 32px;
  }

  .text-\[36px\] {
    font-size: 36px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .text-\[44px\] {
    font-size: 44px;
  }

  .text-\[60px\] {
    font-size: 60px;
  }

  .text-\[120px\] {
    font-size: 120px;
  }

  .text-\[180px\] {
    font-size: 180px;
  }

  .text-body-small {
    font-size: var(--text-body-small);
  }

  .\!leading-5 {
    --tw-leading: calc(var(--spacing) * 5) !important;
    line-height: calc(var(--spacing) * 5) !important;
  }

  .\!leading-none {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }

  .\!leading-relaxed {
    --tw-leading: var(--leading-relaxed) !important;
    line-height: var(--leading-relaxed) !important;
  }

  .\!leading-tight {
    --tw-leading: var(--leading-tight) !important;
    line-height: var(--leading-tight) !important;
  }

  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }

  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }

  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }

  .leading-\[36px\] {
    --tw-leading: 36px;
    line-height: 36px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .\!font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  .\!font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  .\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  .\!font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-regular {
    --tw-font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-regular);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.5px\] {
    --tw-tracking: -.5px;
    letter-spacing: -.5px;
  }

  .tracking-\[0\.4px\] {
    --tw-tracking: .4px;
    letter-spacing: .4px;
  }

  .tracking-\[0\.6px\] {
    --tw-tracking: .6px;
    letter-spacing: .6px;
  }

  .tracking-\[0\.8px\] {
    --tw-tracking: .8px;
    letter-spacing: .8px;
  }

  .tracking-\[0px\] {
    --tw-tracking: 0px;
    letter-spacing: 0;
  }

  .tracking-\[1px\] {
    --tw-tracking: 1px;
    letter-spacing: 1px;
  }

  .tracking-\[2px\] {
    --tw-tracking: 2px;
    letter-spacing: 2px;
  }

  .\!break-words {
    overflow-wrap: break-word !important;
  }

  .break-words, .wrap-break-word {
    overflow-wrap: break-word;
  }

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

  .break-keep {
    word-break: keep-all;
  }

  .\!text-ellipsis {
    text-overflow: ellipsis !important;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .\!whitespace-normal {
    white-space: normal !important;
  }

  .\!whitespace-nowrap {
    white-space: nowrap !important;
  }

  .\!whitespace-pre-line {
    white-space: pre-line !important;
  }

  .\!whitespace-pre-wrap {
    white-space: pre-wrap !important;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

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

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

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

  .\!text-\[\#00A5E7\] {
    color: #00a5e7 !important;
  }

  .\!text-\[\#4fc3f7\] {
    color: #4fc3f7 !important;
  }

  .\!text-\[\#9da4ae\] {
    color: #9da4ae !important;
  }

  .\!text-\[\#22C55E\] {
    color: #22c55e !important;
  }

  .\!text-\[\#66bb6a\] {
    color: #66bb6a !important;
  }

  .\!text-\[\#EF4444\] {
    color: #ef4444 !important;
  }

  .\!text-\[\#EF4545\] {
    color: #ef4545 !important;
  }

  .\!text-\[\#F59E0B\] {
    color: #f59e0b !important;
  }

  .\!text-\[\#b0bec5\] {
    color: #b0bec5 !important;
  }

  .\!text-\[\#f87171\] {
    color: #f87171 !important;
  }

  .\!text-\[\#fdd835\] {
    color: #fdd835 !important;
  }

  .\!text-\[\#ff6b6b\] {
    color: #ff6b6b !important;
  }

  .\!text-amber-400 {
    color: var(--color-amber-400) !important;
  }

  .\!text-neutral-200 {
    color: var(--color-neutral-200) !important;
  }

  .\!text-neutral-400 {
    color: var(--color-neutral-400) !important;
  }

  .\!text-neutral-500 {
    color: var(--color-neutral-500) !important;
  }

  .\!text-neutral-600 {
    color: var(--color-neutral-600) !important;
  }

  .\!text-neutral-700 {
    color: var(--color-neutral-700) !important;
  }

  .\!text-primary-purple-200 {
    color: var(--color-primary-purple-200) !important;
  }

  .\!text-primary-purple-300 {
    color: var(--color-primary-purple-300) !important;
  }

  .\!text-primary-purple-900 {
    color: var(--color-primary-purple-900) !important;
  }

  .\!text-red-400 {
    color: var(--color-red-400) !important;
  }

  .\!text-red-500 {
    color: var(--color-red-500) !important;
  }

  .\!text-white {
    color: var(--color-white) !important;
  }

  .text-\[\#1EDCC8\] {
    color: #1edcc8;
  }

  .text-\[\#6a9fb5\] {
    color: #6a9fb5;
  }

  .text-\[\#6c737f\] {
    color: #6c737f;
  }

  .text-\[\#8b919a\] {
    color: #8b919a;
  }

  .text-\[\#9CA3AF\] {
    color: #9ca3af;
  }

  .text-\[\#9DA4AE\], .text-\[\#9da4ae\] {
    color: #9da4ae;
  }

  .text-\[\#22C55E\] {
    color: #22c55e;
  }

  .text-\[\#58a6ff\] {
    color: #58a6ff;
  }

  .text-\[\#5498FF\] {
    color: #5498ff;
  }

  .text-\[\#AAFF2A\] {
    color: #aaff2a;
  }

  .text-\[\#C338E6\] {
    color: #c338e6;
  }

  .text-\[\#EA89A6\] {
    color: #ea89a6;
  }

  .text-\[\#EF4444\] {
    color: #ef4444;
  }

  .text-\[\#F59E0B\] {
    color: #f59e0b;
  }

  .text-\[\#FFFFFF\] {
    color: #fff;
  }

  .text-\[\#bae6fd\] {
    color: #bae6fd;
  }

  .text-\[\#c3e88d\] {
    color: #c3e88d;
  }

  .text-\[\#ce9178\] {
    color: #ce9178;
  }

  .text-\[\#d2d6db\] {
    color: #d2d6db;
  }

  .text-\[\#d4d4d4\] {
    color: #d4d4d4;
  }

  .text-\[\#e0e0e0\] {
    color: #e0e0e0;
  }

  .text-\[\#e0e6ed\] {
    color: #e0e6ed;
  }

  .text-\[\#e5e7eb\] {
    color: #e5e7eb;
  }

  .text-\[\#e6edf3\] {
    color: #e6edf3;
  }

  .text-\[\#fde68a\] {
    color: #fde68a;
  }

  .text-\[\#ffffff\] {
    color: #fff;
  }

  .text-amber-100 {
    color: var(--color-amber-100);
  }

  .text-amber-200 {
    color: var(--color-amber-200);
  }

  .text-amber-300 {
    color: var(--color-amber-300);
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-false {
    color: var(--color-false);
  }

  .text-green-50 {
    color: var(--color-green-50);
  }

  .text-green-100 {
    color: var(--color-green-100);
  }

  .text-green-200 {
    color: var(--color-green-200);
  }

  .text-green-300 {
    color: var(--color-green-300);
  }

  .text-green-400 {
    color: var(--color-green-400);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-green-900 {
    color: var(--color-green-900);
  }

  .text-inherit {
    color: inherit;
  }

  .text-mint-50 {
    color: var(--color-mint-50);
  }

  .text-mint-100 {
    color: var(--color-mint-100);
  }

  .text-mint-200 {
    color: var(--color-mint-200);
  }

  .text-mint-300 {
    color: var(--color-mint-300);
  }

  .text-mint-400 {
    color: var(--color-mint-400);
  }

  .text-mint-500 {
    color: var(--color-mint-500);
  }

  .text-mint-600 {
    color: var(--color-mint-600);
  }

  .text-mint-700 {
    color: var(--color-mint-700);
  }

  .text-mint-800 {
    color: var(--color-mint-800);
  }

  .text-mint-900 {
    color: var(--color-mint-900);
  }

  .text-negative {
    color: var(--color-negative);
  }

  .text-neutral-100 {
    color: var(--color-neutral-100);
  }

  .text-neutral-200 {
    color: var(--color-neutral-200);
  }

  .text-neutral-300 {
    color: var(--color-neutral-300);
  }

  .text-neutral-400 {
    color: var(--color-neutral-400);
  }

  .text-neutral-500 {
    color: var(--color-neutral-500);
  }

  .text-neutral-600 {
    color: var(--color-neutral-600);
  }

  .text-neutral-700 {
    color: var(--color-neutral-700);
  }

  .text-neutral-800 {
    color: var(--color-neutral-800);
  }

  .text-neutral-900 {
    color: var(--color-neutral-900);
  }

  .text-orange-300 {
    color: var(--color-orange-300);
  }

  .text-orange-400 {
    color: var(--color-orange-400);
  }

  .text-orange-500 {
    color: var(--color-orange-500);
  }

  .text-positive {
    color: var(--color-positive);
  }

  .text-primary-purple-50 {
    color: var(--color-primary-purple-50);
  }

  .text-primary-purple-100 {
    color: var(--color-primary-purple-100);
  }

  .text-primary-purple-200 {
    color: var(--color-primary-purple-200);
  }

  .text-primary-purple-300 {
    color: var(--color-primary-purple-300);
  }

  .text-primary-purple-400 {
    color: var(--color-primary-purple-400);
  }

  .text-primary-purple-400\/0 {
    color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary-purple-400\/0 {
      color: color-mix(in oklab, var(--color-primary-purple-400) 0%, transparent);
    }
  }

  .text-primary-purple-500 {
    color: var(--color-primary-purple-500);
  }

  .text-primary-purple-600 {
    color: var(--color-primary-purple-600);
  }

  .text-primary-purple-700 {
    color: var(--color-primary-purple-700);
  }

  .text-primary-purple-800 {
    color: var(--color-primary-purple-800);
  }

  .text-primary-purple-900 {
    color: var(--color-primary-purple-900);
  }

  .text-primary-violet-300 {
    color: var(--color-primary-violet-300);
  }

  .text-primary-violet-400 {
    color: var(--color-primary-violet-400);
  }

  .text-primary-violet-500 {
    color: var(--color-primary-violet-500);
  }

  .text-red-200 {
    color: var(--color-red-200);
  }

  .text-red-300 {
    color: var(--color-red-300);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-true {
    color: var(--color-true);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/40 {
    color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/40 {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .text-white\/60 {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .text-yellow-50 {
    color: var(--color-yellow-50);
  }

  .text-yellow-100 {
    color: var(--color-yellow-100);
  }

  .text-yellow-200 {
    color: var(--color-yellow-200);
  }

  .text-yellow-300 {
    color: var(--color-yellow-300);
  }

  .text-yellow-400 {
    color: var(--color-yellow-400);
  }

  .text-yellow-500 {
    color: var(--color-yellow-500);
  }

  .text-yellow-600 {
    color: var(--color-yellow-600);
  }

  .text-yellow-700 {
    color: var(--color-yellow-700);
  }

  .text-yellow-800 {
    color: var(--color-yellow-800);
  }

  .text-yellow-900 {
    color: var(--color-yellow-900);
  }

  .\!uppercase {
    text-transform: uppercase !important;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

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

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

  .decoration-dotted {
    text-decoration-style: dotted;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .placeholder-neutral-500::placeholder {
    color: var(--color-neutral-500);
  }

  .accent-primary-purple-500 {
    accent-color: var(--color-primary-purple-500);
  }

  .\!opacity-40 {
    opacity: .4 !important;
  }

  .\!opacity-50 {
    opacity: .5 !important;
  }

  .\!opacity-70 {
    opacity: .7 !important;
  }

  .\!opacity-100 {
    opacity: 1 !important;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-15 {
    opacity: .15;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-45 {
    opacity: .45;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-100 {
    opacity: 1;
  }

  .\!shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .\!shadow-\[0_1px_4px_0_rgba\(115\,_115\,_115\,_0\.50\)\] {
    --tw-shadow: 0 1px 4px 0 var(--tw-shadow-color, #73737380) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .\!shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 2px 8px 0 var(--tw-shadow-color, #0000001f) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .\!shadow-\[0px_4px_4px_0px_rgba\(106\,56\,230\,0\.20\)\] {
    --tw-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #6a38e633) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .\!shadow-lg {
    --tw-shadow: 0 15px 35px var(--tw-shadow-color, #0000000d) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .\!shadow-md {
    --tw-shadow: 0 10px 25px var(--tw-shadow-color, #0000000d) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_2px_rgba\(116\,79\,205\,0\.25\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #744fcd40);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_24px_theme\(colors\.primary-purple\.700\/0\.18\)\] {
    --tw-shadow: 0 0 24px var(--tw-shadow-color, oklab(40.451% .0575723 -.173909 / .18));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 4px 16px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-shadow: 0 4px 20px var(--tw-shadow-color, #0006);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_28px_rgba\(0\,0\,0\,0\.32\)\] {
    --tw-shadow: 0 10px 28px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_36px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: 0 18px 36px var(--tw-shadow-color, #00000059);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.4\)\,0_0_0_1px_rgba\(106\,56\,230\,0\.08\)\] {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, #0006), 0 0 0 1px var(--tw-shadow-color, #6a38e614);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.45\)\,inset_0_0_0_1px_rgba\(255\,255\,255\,0\.22\)\,inset_0_-1px_0_rgba\(0\,0\,0\,0\.35\)\,0_8px_24px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff73), inset 0 0 0 1px var(--tw-shadow-color, #ffffff38), inset 0 -1px 0 var(--tw-shadow-color, #00000059), 0 8px 24px var(--tw-shadow-color, #00000059);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_2px_0_0_\#855ceb\] {
    --tw-shadow: inset 2px 0 0 var(--tw-shadow-color, #855ceb);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 15px 35px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 10px 25px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 7px 23px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 40px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\!ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-primary-purple-900\/40 {
    --tw-shadow-color: #30196766;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-primary-purple-900\/40 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary-purple-900) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .\!ring-primary-purple-400 {
    --tw-ring-color: var(--color-primary-purple-400) !important;
  }

  .\!ring-primary-purple-500 {
    --tw-ring-color: var(--color-primary-purple-500) !important;
  }

  .\!ring-primary-purple-600 {
    --tw-ring-color: var(--color-primary-purple-600) !important;
  }

  .ring-primary-purple-300 {
    --tw-ring-color: var(--color-primary-purple-300);
  }

  .ring-primary-purple-400 {
    --tw-ring-color: var(--color-primary-purple-400);
  }

  .ring-primary-purple-500 {
    --tw-ring-color: var(--color-primary-purple-500);
  }

  .ring-primary-purple-500\/40 {
    --tw-ring-color: #6a38e666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary-purple-500\/40 {
      --tw-ring-color: color-mix(in oklab, var(--color-primary-purple-500) 40%, transparent);
    }
  }

  .\!outline-0 {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 0 !important;
  }

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

  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .\!blur-\[2px\] {
    --tw-blur: blur(2px) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .\!blur-\[4px\] {
    --tw-blur: blur(4px) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[12px\] {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[16px\] {
    --tw-backdrop-blur: blur(16px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .\!transition-all {
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .\!transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .\!transition-transform {
    transition-property: transform, translate, scale, rotate !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background\] {
    transition-property: background;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .\!transition-none {
    transition-property: none !important;
  }

  .transition-none {
    transition-property: none;
  }

  .\!duration-200 {
    --tw-duration: .2s !important;
    transition-duration: .2s !important;
  }

  .\!duration-300 {
    --tw-duration: .3s !important;
    transition-duration: .3s !important;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-250 {
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .\!ease-in-out {
    --tw-ease: var(--ease-in-out) !important;
    transition-timing-function: var(--ease-in-out) !important;
  }

  .\!ease-out {
    --tw-ease: var(--ease-out) !important;
    transition-timing-function: var(--ease-out) !important;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .\!outline-none {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }

  .\!\[background\:radial-gradient\(circle_at_0\%_50\%\,\#6a38e6\,transparent_70\%\)_no-repeat_left\/12\%_100\%\] {
    background: radial-gradient(circle at 0%, #6a38e6, #0000 70%) 0 / 12% 100% no-repeat !important;
  }

  .\!ring-inset {
    --tw-ring-inset: inset !important;
  }

  .\[kworker\:0\/1\] {
    kworker: 0/1;
  }

  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }

  @media (hover: hover) {
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }

    .group-hover\:h-full:is(:where(.group):hover *) {
      height: 100%;
    }

    .group-hover\:\!border-white:is(:where(.group):hover *) {
      border-color: var(--color-white) !important;
    }

    .group-hover\:\!bg-\[\#00A5E7\]\/60:is(:where(.group):hover *) {
      background-color: oklab(68.2822% -.0820701 -.122074 / .6) !important;
    }

    .group-hover\:\!bg-\[\#F59E0B\]\/60:is(:where(.group):hover *) {
      background-color: oklab(76.8591% .0560995 .154808 / .6) !important;
    }

    .group-hover\:\!bg-neutral-500:is(:where(.group):hover *) {
      background-color: var(--color-neutral-500) !important;
    }

    .group-hover\:\!bg-primary-purple-300:is(:where(.group):hover *) {
      background-color: var(--color-primary-purple-300) !important;
    }

    .group-hover\:\!bg-primary-purple-600:is(:where(.group):hover *) {
      background-color: var(--color-primary-purple-600) !important;
    }

    .group-hover\:\!bg-white:is(:where(.group):hover *) {
      background-color: var(--color-white) !important;
    }

    .group-hover\:bg-neutral-600:is(:where(.group):hover *) {
      background-color: var(--color-neutral-600);
    }

    .group-hover\:bg-primary-purple-400:is(:where(.group):hover *) {
      background-color: var(--color-primary-purple-400);
    }

    .group-hover\:bg-white:is(:where(.group):hover *) {
      background-color: var(--color-white);
    }

    .group-hover\:\!text-neutral-500:is(:where(.group):hover *) {
      color: var(--color-neutral-500) !important;
    }

    .group-hover\:\!text-primary-purple-300:is(:where(.group):hover *) {
      color: var(--color-primary-purple-300) !important;
    }

    .group-hover\:\!text-white:is(:where(.group):hover *) {
      color: var(--color-white) !important;
    }

    .group-hover\:text-red-400:is(:where(.group):hover *) {
      color: var(--color-red-400);
    }

    .group-hover\:text-white:is(:where(.group):hover *) {
      color: var(--color-white);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) {
      opacity: 1;
    }
  }

  .placeholder\:text-\[\#6c737f\]::placeholder {
    color: #6c737f;
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .last\:\!border-b-0:last-child {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:border-b-0\!:last-child {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }

  .last\:border-none:last-child {
    --tw-border-style: none;
    border-style: none;
  }

  @media (hover: hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:\!rounded-\[8px\]:hover {
      border-radius: 8px !important;
    }

    .hover\:\!border-neutral-600:hover {
      border-color: var(--color-neutral-600) !important;
    }

    .hover\:\!border-neutral-700:hover {
      border-color: var(--color-neutral-700) !important;
    }

    .hover\:\!border-primary-purple-400:hover {
      border-color: var(--color-primary-purple-400) !important;
    }

    .hover\:\!border-primary-purple-500:hover {
      border-color: var(--color-primary-purple-500) !important;
    }

    .hover\:\!border-primary-purple-600:hover {
      border-color: var(--color-primary-purple-600) !important;
    }

    .hover\:border-\[rgba\(187\,51\,255\,0\.35\)\]:hover {
      border-color: #bb33ff59;
    }

    .hover\:border-\[rgba\(255\,255\,255\,0\.16\)\]:hover {
      border-color: #ffffff29;
    }

    .hover\:border-\[rgba\(255\,255\,255\,0\.18\)\]:hover {
      border-color: #ffffff2e;
    }

    .hover\:border-neutral-400:hover {
      border-color: var(--color-neutral-400);
    }

    .hover\:border-neutral-500:hover {
      border-color: var(--color-neutral-500);
    }

    .hover\:border-neutral-600:hover {
      border-color: var(--color-neutral-600);
    }

    .hover\:border-neutral-700:hover {
      border-color: var(--color-neutral-700);
    }

    .hover\:border-primary-purple-500:hover {
      border-color: var(--color-primary-purple-500);
    }

    .hover\:border-primary-purple-600:hover {
      border-color: var(--color-primary-purple-600);
    }

    .hover\:border-primary-purple-600\/60:hover {
      border-color: #5a30c499;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary-purple-600\/60:hover {
        border-color: color-mix(in oklab, var(--color-primary-purple-600) 60%, transparent);
      }
    }

    .hover\:border-primary-violet-500:hover {
      border-color: var(--color-primary-violet-500);
    }

    .hover\:border-l-primary-purple-400\!:hover {
      border-left-color: var(--color-primary-purple-400) !important;
    }

    .hover\:\!bg-\[\#1d282e\]:hover {
      background-color: #1d282e !important;
    }

    .hover\:\!bg-\[\#3a1515\]:hover {
      background-color: #3a1515 !important;
    }

    .hover\:\!bg-\[\#3a3417\]:hover {
      background-color: #3a3417 !important;
    }

    .hover\:\!bg-\[\#6C5CE7\]\/20:hover {
      background-color: oklab(56.7602% .0457493 -.196848 / .2) !important;
    }

    .hover\:\!bg-\[\#102a3a\]:hover {
      background-color: #102a3a !important;
    }

    .hover\:\!bg-\[\#153a17\]:hover {
      background-color: #153a17 !important;
    }

    .hover\:\!bg-negative:hover {
      background-color: var(--color-negative) !important;
    }

    .hover\:\!bg-neutral-200:hover {
      background-color: var(--color-neutral-200) !important;
    }

    .hover\:\!bg-neutral-700:hover {
      background-color: var(--color-neutral-700) !important;
    }

    .hover\:\!bg-neutral-700\/80:hover {
      background-color: #384250cc !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-neutral-700\/80:hover {
        background-color: color-mix(in oklab, var(--color-neutral-700) 80%, transparent) !important;
      }
    }

    .hover\:\!bg-neutral-800:hover {
      background-color: var(--color-neutral-800) !important;
    }

    .hover\:\!bg-neutral-800\/30:hover {
      background-color: #1f2a374d !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-neutral-800\/30:hover {
        background-color: color-mix(in oklab, var(--color-neutral-800) 30%, transparent) !important;
      }
    }

    .hover\:\!bg-neutral-800\/40:hover {
      background-color: #1f2a3766 !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-neutral-800\/40:hover {
        background-color: color-mix(in oklab, var(--color-neutral-800) 40%, transparent) !important;
      }
    }

    .hover\:\!bg-neutral-800\/60:hover {
      background-color: #1f2a3799 !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-neutral-800\/60:hover {
        background-color: color-mix(in oklab, var(--color-neutral-800) 60%, transparent) !important;
      }
    }

    .hover\:\!bg-neutral-900:hover {
      background-color: var(--color-neutral-900) !important;
    }

    .hover\:\!bg-neutral-900\/40:hover {
      background-color: #1e232a66 !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-neutral-900\/40:hover {
        background-color: color-mix(in oklab, var(--color-neutral-900) 40%, transparent) !important;
      }
    }

    .hover\:\!bg-primary-purple-300:hover {
      background-color: var(--color-primary-purple-300) !important;
    }

    .hover\:\!bg-primary-purple-400:hover {
      background-color: var(--color-primary-purple-400) !important;
    }

    .hover\:\!bg-primary-purple-400\/5:hover {
      background-color: #855ceb0d !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-primary-purple-400\/5:hover {
        background-color: color-mix(in oklab, var(--color-primary-purple-400) 5%, transparent) !important;
      }
    }

    .hover\:\!bg-primary-purple-500:hover {
      background-color: var(--color-primary-purple-500) !important;
    }

    .hover\:\!bg-primary-purple-500\/50:hover {
      background-color: #6a38e680 !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-primary-purple-500\/50:hover {
        background-color: color-mix(in oklab, var(--color-primary-purple-500) 50%, transparent) !important;
      }
    }

    .hover\:\!bg-primary-purple-600:hover {
      background-color: var(--color-primary-purple-600) !important;
    }

    .hover\:\!bg-primary-purple-600\/20:hover {
      background-color: #5a30c433 !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-primary-purple-600\/20:hover {
        background-color: color-mix(in oklab, var(--color-primary-purple-600) 20%, transparent) !important;
      }
    }

    .hover\:\!bg-primary-purple-700:hover {
      background-color: var(--color-primary-purple-700) !important;
    }

    .hover\:\!bg-primary-purple-900\/20:hover {
      background-color: #30196733 !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-primary-purple-900\/20:hover {
        background-color: color-mix(in oklab, var(--color-primary-purple-900) 20%, transparent) !important;
      }
    }

    .hover\:\!bg-red-700:hover {
      background-color: var(--color-red-700) !important;
    }

    .hover\:\!bg-red-900\/40:hover {
      background-color: #641d1d66 !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-red-900\/40:hover {
        background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent) !important;
      }
    }

    .hover\:\!bg-secondary-200:hover {
      background-color: var(--color-secondary-200) !important;
    }

    .hover\:\!bg-white:hover {
      background-color: var(--color-white) !important;
    }

    .hover\:\!bg-white\/5:hover {
      background-color: #ffffff0d !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-white\/5:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
      }
    }

    .hover\:\!bg-white\/10:hover {
      background-color: #ffffff1a !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
      }
    }

    .hover\:bg-\[\#5a30c4\]:hover {
      background-color: #5a30c4;
    }

    .hover\:bg-\[\#6C5CE7\]\/8:hover {
      background-color: oklab(56.7602% .0457493 -.196848 / .08);
    }

    .hover\:bg-\[\#241954\]:hover {
      background-color: #241954;
    }

    .hover\:bg-\[\#252545\]:hover {
      background-color: #252545;
    }

    .hover\:bg-\[rgba\(88\,28\,196\,0\.3\)\]:hover {
      background-color: #581cc44d;
    }

    .hover\:bg-\[rgba\(255\,255\,255\,0\.03\)\]:hover {
      background-color: #ffffff08;
    }

    .hover\:bg-\[rgba\(255\,255\,255\,0\.05\)\]:hover {
      background-color: #ffffff0d;
    }

    .hover\:bg-\[rgba\(255\,255\,255\,0\.08\)\]:hover {
      background-color: #ffffff14;
    }

    .hover\:bg-neutral-600:hover {
      background-color: var(--color-neutral-600);
    }

    .hover\:bg-neutral-600\/50:hover {
      background-color: #4d576180;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-neutral-600\/50:hover {
        background-color: color-mix(in oklab, var(--color-neutral-600) 50%, transparent);
      }
    }

    .hover\:bg-neutral-700:hover {
      background-color: var(--color-neutral-700);
    }

    .hover\:bg-neutral-700\/50:hover {
      background-color: #38425080;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-neutral-700\/50:hover {
        background-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent);
      }
    }

    .hover\:bg-neutral-700\/60:hover {
      background-color: #38425099;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-neutral-700\/60:hover {
        background-color: color-mix(in oklab, var(--color-neutral-700) 60%, transparent);
      }
    }

    .hover\:bg-neutral-800:hover {
      background-color: var(--color-neutral-800);
    }

    .hover\:bg-neutral-800\/40:hover {
      background-color: #1f2a3766;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-neutral-800\/40:hover {
        background-color: color-mix(in oklab, var(--color-neutral-800) 40%, transparent);
      }
    }

    .hover\:bg-neutral-800\/50:hover {
      background-color: #1f2a3780;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-neutral-800\/50:hover {
        background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
      }
    }

    .hover\:bg-primary-purple-400:hover {
      background-color: var(--color-primary-purple-400);
    }

    .hover\:bg-primary-purple-500:hover {
      background-color: var(--color-primary-purple-500);
    }

    .hover\:bg-primary-purple-500\/20:hover {
      background-color: #6a38e633;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-purple-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-primary-purple-500) 20%, transparent);
      }
    }

    .hover\:bg-primary-purple-500\/25:hover {
      background-color: #6a38e640;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-purple-500\/25:hover {
        background-color: color-mix(in oklab, var(--color-primary-purple-500) 25%, transparent);
      }
    }

    .hover\:bg-primary-purple-500\/80:hover {
      background-color: #6a38e6cc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-purple-500\/80:hover {
        background-color: color-mix(in oklab, var(--color-primary-purple-500) 80%, transparent);
      }
    }

    .hover\:bg-primary-purple-600\/60:hover {
      background-color: #5a30c499;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-purple-600\/60:hover {
        background-color: color-mix(in oklab, var(--color-primary-purple-600) 60%, transparent);
      }
    }

    .hover\:bg-primary-purple-700:hover {
      background-color: var(--color-primary-purple-700);
    }

    .hover\:bg-primary-purple-800:hover {
      background-color: var(--color-primary-purple-800);
    }

    .hover\:bg-primary-purple-800\/50:hover {
      background-color: #3c208380;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-purple-800\/50:hover {
        background-color: color-mix(in oklab, var(--color-primary-purple-800) 50%, transparent);
      }
    }

    .hover\:bg-primary-purple-900\/5:hover {
      background-color: #3019670d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-purple-900\/5:hover {
        background-color: color-mix(in oklab, var(--color-primary-purple-900) 5%, transparent);
      }
    }

    .hover\:bg-primary-purple-900\/30:hover {
      background-color: #3019674d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-purple-900\/30:hover {
        background-color: color-mix(in oklab, var(--color-primary-purple-900) 30%, transparent);
      }
    }

    .hover\:bg-primary-purple-900\/40:hover {
      background-color: #30196766;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-purple-900\/40:hover {
        background-color: color-mix(in oklab, var(--color-primary-purple-900) 40%, transparent);
      }
    }

    .hover\:bg-primary-violet-500\/5:hover {
      background-color: #bb33ff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-violet-500\/5:hover {
        background-color: color-mix(in oklab, var(--color-primary-violet-500) 5%, transparent);
      }
    }

    .hover\:bg-red-500\/10:hover {
      background-color: #ef45451a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
      }
    }

    .hover\:bg-red-500\/20:hover {
      background-color: #ef454533;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
      }
    }

    .hover\:bg-red-500\/40:hover {
      background-color: #ef454566;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/40:hover {
        background-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
      }
    }

    .hover\:bg-white\/5:hover {
      background-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/5:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .hover\:bg-white\/20:hover {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.02\]:hover {
      background-color: #ffffff05;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.02\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.03\]:hover {
      background-color: #ffffff08;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.03\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
    }

    .hover\:\!text-mint-300:hover {
      color: var(--color-mint-300) !important;
    }

    .hover\:\!text-neutral-300:hover {
      color: var(--color-neutral-300) !important;
    }

    .hover\:\!text-white:hover {
      color: var(--color-white) !important;
    }

    .hover\:text-\[\#d2d6db\]:hover {
      color: #d2d6db;
    }

    .hover\:text-\[\#e5e7eb\]:hover {
      color: #e5e7eb;
    }

    .hover\:text-\[\#ffffff\]:hover {
      color: #fff;
    }

    .hover\:text-mint-300:hover {
      color: var(--color-mint-300);
    }

    .hover\:text-neutral-100:hover {
      color: var(--color-neutral-100);
    }

    .hover\:text-neutral-200:hover {
      color: var(--color-neutral-200);
    }

    .hover\:text-neutral-300:hover {
      color: var(--color-neutral-300);
    }

    .hover\:text-primary-purple-300:hover {
      color: var(--color-primary-purple-300);
    }

    .hover\:text-primary-purple-400\/60:hover {
      color: #855ceb99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-primary-purple-400\/60:hover {
        color: color-mix(in oklab, var(--color-primary-purple-400) 60%, transparent);
      }
    }

    .hover\:text-red-400:hover {
      color: var(--color-red-400);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

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

    .hover\:opacity-70:hover {
      opacity: .7;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[0_0_0_3px_rgba\(108\,67\,255\,0\.25\)\]:hover {
      --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #6c43ff40);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[0_0_12px_rgba\(106\,56\,230\,0\.4\)\]:hover {
      --tw-shadow: 0 0 12px var(--tw-shadow-color, #6a38e666);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:border-\[\#4a90d9\]:focus {
    border-color: #4a90d9;
  }

  .focus\:border-primary-purple-400:focus {
    border-color: var(--color-primary-purple-400);
  }

  .focus\:border-primary-purple-600:focus {
    border-color: var(--color-primary-purple-600);
  }

  .focus\:text-\[\#d2d6db\]:focus {
    color: #d2d6db;
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-primary-violet-400:focus-visible {
    outline-color: var(--color-primary-violet-400);
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:\!bg-primary-purple-500:active {
    background-color: var(--color-primary-purple-500) !important;
  }

  .active\:\!bg-primary-purple-600\/50:active {
    background-color: #5a30c480 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:\!bg-primary-purple-600\/50:active {
      background-color: color-mix(in oklab, var(--color-primary-purple-600) 50%, transparent) !important;
    }
  }

  .active\:\!bg-red-800:active {
    background-color: var(--color-red-800) !important;
  }

  .active\:\!bg-white\/20:active {
    background-color: #fff3 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:\!bg-white\/20:active {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important;
    }
  }

  .active\:bg-primary-purple-500:active {
    background-color: var(--color-primary-purple-500);
  }

  .active\:bg-white\/25:active {
    background-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-white\/25:active {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  @media not all and (min-width: 1024px) {
    .max-lg\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 640px) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 768px) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 1024px) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 1280px) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 1536px) {
    .\32 xl\:w-\[calc\(\(100\%-22px\)\/3\)\] {
      width: calc(33.3333% - 7.33333px);
    }
  }

  @media (min-width: 1920px) {
    .\33 xl\:w-\[calc\(\(100\%-22px\)\/3\)\] {
      width: calc(33.3333% - 7.33333px);
    }
  }

  @media (min-width: 2560px) {
    .\34 xl\:w-\[calc\(\(100\%-32px\)\/4\)\] {
      width: calc(25% - 8px);
    }
  }

  .\[\&_\*\]\:\!font-\[Pretendard\,sans-serif\] * {
    font-family: Pretendard, sans-serif !important;
  }

  .\[\&_\*\]\:\!text-\[12px\] * {
    font-size: 12px !important;
  }

  @media (hover: hover) {
    .hover\:\[\&_\.tag-badge\]\:border:hover .tag-badge {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .hover\:\[\&_\.tag-name\]\:text-white:hover .tag-name {
      color: var(--color-white);
    }
  }

  .\[\&_p\]\:leading-14 p {
    --tw-leading: calc(var(--spacing) * 14);
    line-height: calc(var(--spacing) * 14);
  }

  .\[\&_span\]\:transition-all span {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .\[\&_span\]\:duration-\[250ms\] span {
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  .\[\&_span\]\:ease-in-out span {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .\[\&\.active_\.tag-name\]\:text-white.active .tag-name, .\[\&\.active\>span\]\:text-white.active > span {
    color: var(--color-white);
  }

  .\[\&\>\*\]\:min-w-0 > * {
    min-width: calc(var(--spacing) * 0);
  }

  .\[\&\>\*\]\:break-keep > * {
    word-break: keep-all;
  }

  .\[\&\>\*\]\:whitespace-normal > * {
    white-space: normal;
  }
}

@font-face {
  font-family: Pretendard;
  font-weight: 900;
  font-display: swap;
  src: local(Pretendard Black), url("/fonts/woff2/Pretendard-Black.woff2") format("woff2"), url("/fonts/woff/Pretendard-Black.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 800;
  font-display: swap;
  src: local(Pretendard ExtraBold), url("/fonts/woff2/Pretendard-ExtraBold.woff2") format("woff2"), url("/fonts/woff/Pretendard-ExtraBold.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 700;
  font-display: swap;
  src: local(Pretendard Bold), url("/fonts/woff2/Pretendard-Bold.woff2") format("woff2"), url("/fonts/woff/Pretendard-Bold.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 600;
  font-display: swap;
  src: local(Pretendard SemiBold), url("/fonts/woff2/Pretendard-SemiBold.woff2") format("woff2"), url("/fonts/woff/Pretendard-SemiBold.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 500;
  font-display: swap;
  src: local(Pretendard Medium), url("/fonts/woff2/Pretendard-Medium.woff2") format("woff2"), url("/fonts/woff/Pretendard-Medium.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 400;
  font-display: swap;
  src: local(Pretendard Regular), url("/fonts/woff2/Pretendard-Regular.woff2") format("woff2"), url("/fonts/woff/Pretendard-Regular.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 300;
  font-display: swap;
  src: local(Pretendard Light), url("/fonts/woff2/Pretendard-Light.woff2") format("woff2"), url("/fonts/woff/Pretendard-Light.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 200;
  font-display: swap;
  src: local(Pretendard ExtraLight), url("/fonts/woff2/Pretendard-ExtraLight.woff2") format("woff2"), url("/fonts/woff/Pretendard-ExtraLight.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 100;
  font-display: swap;
  src: local(Pretendard Thin), url("/fonts/woff2/Pretendard-Thin.woff2") format("woff2"), url("/fonts/woff/Pretendard-Thin.woff") format("woff");
}

@font-face {
  font-family: AppSans;
  src: local(JetBrains Mono), url("/fonts/jetbrains-mono/JetBrainsMono-VariableFont_wght.ttf") format("truetype-variations"), url("/fonts/jetbrains-mono/JetBrainsMono-VariableFont_wght.ttf") format("truetype");
  unicode-range: U+0-8, U+E-1F, U+21-9F, U+A1-24F, U+1E??, U+200B-2027, U+202A-202E, U+2030-205E, U+206?, U+2070-209F, U+20A0-20CF, U+2100-214F, U+2150-218F, U+2190-21FF, U+22??, U+23??, U+2500-257F, U+25A0-25FF, U+26??;
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@keyframes summaryFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@property --border-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@keyframes borderFill {
  from {
    --border-angle: 0deg;
  }

  to {
    --border-angle: 420deg;
  }
}

.ai-mention-editor {
  position: relative;
}

.ai-mention-editor[data-empty="true"]:before {
  content: attr(data-placeholder);
  color: var(--color-neutral-500, #6b7280);
  pointer-events: none;
  position: absolute;
}

.ai-mention-editor .ai-mention-at-highlight {
  color: var(--color-primary-400, #8b5cf6);
  font-weight: 600;
}

@layer keyframes {
  @keyframes shake {
    0%, 100% {
      transform: translateX(0);
    }

    20% {
      transform: translateX(-3px);
    }

    40% {
      transform: translateX(3px);
    }

    60% {
      transform: translateX(-2px);
    }

    80% {
      transform: translateX(2px);
    }
  }

  .animate-shake {
    animation: .3s ease-in-out shake;
  }

  @keyframes progress-indeterminate {
    0% {
      transform: translateX(-100%);
    }

    100% {
      transform: translateX(350%);
    }
  }

  .animate-progress-indeterminate {
    animation: 1.5s ease-in-out infinite progress-indeterminate;
  }
}

.ql-toolbar, .ql-container {
  border: none !important;
  width: 100% !important;
}

.ql-toolbar {
  border-bottom: 1px solid var(--color-black) !important;
}

.ql-toolbar button svg {
  filter: invert() sepia(0%) saturate(7500%) hue-rotate(97deg) brightness(107%) contrast(104%) !important;
}

.ql-toolbar button:hover svg {
  filter: invert(9%) sepia(68%) saturate(3508%) hue-rotate(90deg) brightness(70%) contrast(44%) !important;
}

.ql-toolbar button.ql-active svg {
  filter: invert(9%) sepia(68%) saturate(3508%) hue-rotate(90deg) brightness() contrast(65%) !important;
}

.quill-editor-wrapper .ql-container, .quill-editor-wrapper .ql-editor, .quill-editor-wrapper .ql-editor p, .quill-editor-wrapper .ql-editor div, .quill-editor-wrapper .ql-editor span:not([class*="ql-"]) {
  color: var(--color-white) !important;
}

.quill-viewer-container .ql-container, .quill-viewer-container .ql-editor, .ql-container .ql-editor, .ql-editor {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.42;
  color: var(--color-white) !important;
  border: none !important;
}

.ql-editor p, .ql-editor div, .ql-editor span:not([class*="ql-"]) {
  color: var(--color-white) !important;
}

.quill-viewer-container .ql-editor strong, .quill-viewer-container .ql-editor b, .ql-container .ql-editor strong, .ql-container .ql-editor b {
  font-weight: 700 !important;
}

.quill-viewer-container .ql-editor em, .quill-viewer-container .ql-editor i, .ql-container .ql-editor i, .ql-container .ql-editor em {
  font-style: italic !important;
}

.quill-viewer-container .ql-editor u, .ql-container .ql-editor u {
  text-decoration: underline !important;
}

.quill-viewer-container .ql-editor s, .quill-viewer-container .ql-editor strike, .ql-container .ql-editor s, .ql-container .ql-editor strike {
  text-decoration: line-through !important;
}

.quill-viewer-container .ql-editor blockquote, .ql-container .ql-editor blockquote {
  border-left: 4px solid #ccc !important;
  margin: 5px 0 !important;
  padding-left: 16px !important;
}

.quill-viewer-container .ql-editor ol, .quill-viewer-container .ql-editor ul, .ql-container .ql-editor ol, .ql-container .ql-editor ul {
  margin: 0 0 .5em !important;
  padding-left: 1.5em !important;
}

.quill-viewer-container .ql-editor ol, .ql-container .ql-editor ol, .quill-viewer-container .ql-editor ul, .ql-container .ql-editor ul {
  list-style-type: none !important;
}

.quill-viewer-container .ql-editor li, .ql-container .ql-editor li {
  margin: 0 !important;
  display: list-item !important;
}

.quill-viewer-container .ql-editor h1, .ql-container .ql-editor h1 {
  margin: .67em 0 !important;
  font-size: 2em !important;
  font-weight: bold !important;
}

.quill-viewer-container .ql-editor h2, .ql-container .ql-editor h2 {
  margin: .75em 0 !important;
  font-size: 1.5em !important;
  font-weight: bold !important;
}

.quill-viewer-container .ql-editor h3, .ql-container .ql-editor h3 {
  margin: .83em 0 !important;
  font-size: 1.17em !important;
  font-weight: bold !important;
}

.quill-viewer-container .ql-editor a, .ql-container .ql-editor a {
  color: #06c !important;
  text-decoration: underline !important;
}

.quill-viewer-container .ql-editor a:hover, .ql-container .ql-editor a:hover {
  color: #005580 !important;
}

.quill-viewer-container .ql-editor img, .ql-container .ql-editor img {
  max-width: 100% !important;
  height: auto !important;
  margin: .5em 0 !important;
  display: block !important;
}

.quill-viewer-container .ql-editor code, .quill-viewer-container .ql-editor pre, .ql-container .ql-editor code, .ql-container .ql-editor pre {
  background-color: #f0f0f0 !important;
  border-radius: 3px !important;
}

.quill-viewer-container .ql-editor pre, .ql-container .ql-editor pre {
  white-space: pre-wrap !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  padding: 5px 10px !important;
}

.quill-viewer-container .ql-editor code, .ql-container .ql-editor code {
  padding: 2px 4px !important;
  font-size: 85% !important;
}

.quill-viewer-container .ql-editor pre.ql-syntax, .ql-container .ql-editor pre.ql-syntax {
  color: #f8f8f2 !important;
  background-color: #23241f !important;
  overflow: visible !important;
}

.quill-viewer-container .ql-editor .ql-indent-1, .ql-container .ql-editor .ql-indent-1 {
  padding-left: 3em !important;
}

.quill-viewer-container .ql-editor .ql-indent-2, .ql-container .ql-editor .ql-indent-2 {
  padding-left: 6em !important;
}

.quill-viewer-container .ql-editor .ql-indent-3, .ql-container .ql-editor .ql-indent-3 {
  padding-left: 9em !important;
}

.quill-viewer-container .ql-editor .ql-indent-4, .ql-container .ql-editor .ql-indent-4 {
  padding-left: 12em !important;
}

.quill-viewer-container .ql-editor .ql-indent-5, .ql-container .ql-editor .ql-indent-5 {
  padding-left: 15em !important;
}

.quill-viewer-container .ql-editor .ql-indent-6, .ql-container .ql-editor .ql-indent-6 {
  padding-left: 18em !important;
}

.quill-viewer-container .ql-editor .ql-indent-7, .ql-container .ql-editor .ql-indent-7 {
  padding-left: 21em !important;
}

.quill-viewer-container .ql-editor .ql-indent-8, .ql-container .ql-editor .ql-indent-8 {
  padding-left: 24em !important;
}

.quill-viewer-container .ql-editor .ql-align-center, .ql-container .ql-editor .ql-align-center {
  text-align: center !important;
}

.quill-viewer-container .ql-editor .ql-align-right, .ql-container .ql-editor .ql-align-right {
  text-align: right !important;
}

.quill-viewer-container .ql-editor .ql-align-justify, .ql-container .ql-editor .ql-align-justify {
  text-align: justify !important;
}

.quill-viewer-container .ql-editor .ql-color-black, .ql-container .ql-editor .ql-color-black {
  color: #fff !important;
}

.quill-viewer-container .ql-editor .ql-color-red, .ql-container .ql-editor .ql-color-red {
  color: #e60000 !important;
}

.quill-viewer-container .ql-editor .ql-color-orange, .ql-container .ql-editor .ql-color-orange {
  color: #f90 !important;
}

.quill-viewer-container .ql-editor .ql-color-yellow, .ql-container .ql-editor .ql-color-yellow {
  color: #ff0 !important;
}

.quill-viewer-container .ql-editor .ql-color-green, .ql-container .ql-editor .ql-color-green {
  color: #008a00 !important;
}

.quill-viewer-container .ql-editor .ql-color-blue, .ql-container .ql-editor .ql-color-blue {
  color: #06c !important;
}

.quill-viewer-container .ql-editor .ql-color-purple, .ql-container .ql-editor .ql-color-purple {
  color: #93f !important;
}

.quill-viewer-container .ql-editor .ql-bg-black, .ql-container .ql-editor .ql-bg-black {
  background-color: #000 !important;
}

.quill-viewer-container .ql-editor .ql-bg-red, .ql-container .ql-editor .ql-bg-red {
  background-color: #e60000 !important;
}

.quill-viewer-container .ql-editor .ql-bg-orange, .ql-container .ql-editor .ql-bg-orange {
  background-color: #f90 !important;
}

.quill-viewer-container .ql-editor .ql-bg-yellow, .ql-container .ql-editor .ql-bg-yellow {
  background-color: #ff0 !important;
}

.quill-viewer-container .ql-editor .ql-bg-green, .ql-container .ql-editor .ql-bg-green {
  background-color: #008a00 !important;
}

.quill-viewer-container .ql-editor .ql-bg-blue, .ql-container .ql-editor .ql-bg-blue {
  background-color: #06c !important;
}

.quill-viewer-container .ql-editor .ql-bg-purple, .ql-container .ql-editor .ql-bg-purple {
  background-color: #93f !important;
}

.quill-viewer-container .ql-editor .ql-size-small, .ql-container .ql-editor .ql-size-small {
  font-size: .75em !important;
}

.quill-viewer-container .ql-editor .ql-size-large, .ql-container .ql-editor .ql-size-large {
  font-size: 1.5em !important;
}

.quill-viewer-container .ql-editor .ql-size-huge, .ql-container .ql-editor .ql-size-huge {
  font-size: 2.5em !important;
}

.quill-viewer-container .ql-editor .ql-font-serif, .ql-container .ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif !important;
}

.quill-viewer-container .ql-editor .ql-font-monospace, .ql-container .ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace !important;
}

.os-theme-bright .os-scrollbar-handle {
  background: #ffffff59 !important;
}

.os-theme-bright .os-scrollbar:hover .os-scrollbar-handle {
  background: #ffffff80 !important;
}

.os-theme-bright .os-scrollbar-handle:active {
  background: #fff9 !important;
}

.tactics-cell {
  height: calc(var(--spacing) * 36);
  width: calc(var(--spacing) * 228);
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing) * 8);
  padding-inline: calc(var(--spacing) * 10);
  background-color: #2f2c42;
  border-radius: 6px;
  flex-direction: row;
  display: flex;
}

.technique-container {
  justify-content: flex-start;
  align-items: flex-end;
  gap: calc(var(--spacing) * 6);
  flex-direction: column;
  display: flex;
}

.technique-cell {
  min-height: calc(var(--spacing) * 36);
  width: calc(var(--spacing) * 228);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing) * 10);
  padding-block: calc(var(--spacing) * 8);
  background-color: #2f2c42;
  border-width: 1px;
  border-color: #2a2a2a;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  transition: border-color .15s, background-color .15s, box-shadow .15s, padding-left .15s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.technique-cell.hovered {
  border-color: var(--color-primary-purple-500);
  background-color: #6a38e626;
}

@supports (color: color-mix(in lab, red, red)) {
  .technique-cell.hovered {
    background-color: color-mix(in oklab, var(--color-primary-purple-500) 15%, transparent);
  }
}

.technique-cell.hovered {
  padding-left: calc(var(--spacing) * 13);
  box-shadow: inset 3px 0 #6a38e6;
}

.technique-cell.selected {
  padding-left: calc(var(--spacing) * 13);
  background-color: #2f2c42;
  border-color: #2a2a2a;
  box-shadow: inset 3px 0 #6a38e6;
}

.technique-cell.selected.hovered {
  background-color: #6a38e626;
}

@supports (color: color-mix(in lab, red, red)) {
  .technique-cell.selected.hovered {
    background-color: color-mix(in oklab, var(--color-primary-purple-500) 15%, transparent);
  }
}

.technique-cell.search-matched {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-mint-400);
  background-color: #4be3d333;
}

@supports (color: color-mix(in lab, red, red)) {
  .technique-cell.search-matched {
    background-color: color-mix(in oklab, var(--color-mint-400) 20%, transparent);
  }
}

.technique-cell .technique-hover-row {
  opacity: 0;
  grid-template-rows: 0fr;
  width: 100%;
  transition: grid-template-rows .18s, opacity .18s;
  display: grid;
}

.technique-cell .technique-hover-row > div {
  overflow: hidden;
}

.technique-cell.hovered .technique-hover-row {
  opacity: 1;
  grid-template-rows: 1fr;
}

.technique-cell.sub {
  width: calc(var(--spacing) * 188);
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--spacing) * 0);
  flex-direction: column;
  transition: border-color .15s, background-color .15s, box-shadow .15s, padding-left .15s;
}

.technique-cell.sub.hovered {
  border-color: var(--color-primary-purple-500);
  background-color: #6a38e626;
}

@supports (color: color-mix(in lab, red, red)) {
  .technique-cell.sub.hovered {
    background-color: color-mix(in oklab, var(--color-primary-purple-500) 15%, transparent);
  }
}

.technique-cell.sub.hovered {
  padding-left: calc(var(--spacing) * 11);
  box-shadow: inset 3px 0 #6a38e6;
}

.technique-cell.sub.selected {
  padding-left: calc(var(--spacing) * 11);
  background-color: #2f2c42;
  box-shadow: inset 3px 0 #6a38e6;
}

.technique-cell.sub.search-matched {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-mint-400);
  background-color: #4be3d333;
}

@supports (color: color-mix(in lab, red, red)) {
  .technique-cell.sub.search-matched {
    background-color: color-mix(in oklab, var(--color-mint-400) 20%, transparent);
  }
}

.technique-sub-container {
  justify-content: flex-start;
  align-items: flex-end;
  gap: calc(var(--spacing) * 6);
  flex-direction: column;
  display: flex;
}

.malware-connected-item .malware-expand-row {
  opacity: 0;
  grid-template-rows: 0fr;
  transition: grid-template-rows .18s, opacity .18s;
  display: grid;
}

.malware-connected-item .malware-expand-row > div {
  overflow: hidden;
}

.malware-connected-item:hover .malware-expand-row {
  opacity: 1;
  grid-template-rows: 1fr;
}

.univer-container input, .univer-container input:focus {
  color: #000 !important;
}

.univer-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.univer-editor-container, .univer-doc-container, .univer-app-container canvas + div {
  z-index: 9999 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

.univer-editor textarea {
  color: #000 !important;
  background-color: #fff !important;
}

.univer-popup {
  z-index: 9999 !important;
  box-sizing: border-box !important;
  display: block !important;
}

.univer-editor textarea {
  color: #000 !important;
  opacity: 1 !important;
}

div[class*="univer-tooltip-popup"] {
  background-color: #333 !important;
  border: 1px solid #333 !important;
  border-radius: 4px !important;
}

div[class*="univer-tooltip-popup"] * {
  color: #fff !important;
  fill: #fff !important;
  font-size: 12px !important;
}

.univer-tooltip-custom .rc-tooltip-inner {
  color: #fff !important;
  background-color: #ff5733 !important;
}

.univer-tooltip-custom .rc-tooltip-arrow {
  border-top-color: #ff5733 !important;
}

.univer-text-white {
  color: #fff !important;
}

input[type="number"] {
  appearance: none;
}

input[type="number"]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

input[type="number"]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.ai-chat-md {
  word-break: break-word;
  line-height: 1.6;
}

.ai-chat-md h1, .ai-chat-md h2, .ai-chat-md h3, .ai-chat-md h4 {
  color: #fff;
  margin: 12px 0 6px;
  font-weight: 700;
}

.ai-chat-md h1 {
  font-size: 16px;
}

.ai-chat-md h2 {
  font-size: 14px;
}

.ai-chat-md h3 {
  font-size: 13px;
}

.ai-chat-md h4 {
  font-size: 12px;
}

.ai-chat-md p {
  margin: 4px 0;
}

.ai-chat-md ul, .ai-chat-md ol {
  margin: 4px 0;
  padding-left: 20px;
}

.ai-chat-md li {
  margin: 2px 0;
}

.ai-chat-md code {
  color: #e2b7ff;
  background: #ffffff14;
  border-radius: 3px;
  padding: 1px 4px;
  font-family: monospace;
  font-size: 12px;
}

.ai-chat-md pre {
  background: #1a1a2e;
  border: 1px solid #333;
  border-radius: 6px;
  margin: 6px 0;
  padding: 10px;
  overflow-x: auto;
}

.ai-chat-md pre code {
  color: #d4d4d8;
  background: none;
  padding: 0;
}

.ai-chat-md table {
  border-collapse: collapse;
  width: 100%;
  margin: 6px 0;
  font-size: 12px;
}

.ai-chat-md th, .ai-chat-md td {
  text-align: left;
  border: 1px solid #444;
  padding: 4px 8px;
}

.ai-chat-md th {
  background: #6a38e633;
  font-weight: 600;
}

.ai-chat-md blockquote {
  color: #a0a0b0;
  border-left: 3px solid #6a38e6;
  margin: 6px 0;
  padding: 4px 12px;
}

.ai-chat-md hr {
  border: none;
  border-top: 1px solid #333;
  margin: 8px 0;
}

.ai-chat-md a {
  color: #7c8fff;
  text-decoration: underline;
}

.ai-chat-md strong {
  color: #fff;
  font-weight: 700;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

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

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

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

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

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

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes expandInX {
  0% {
    transform-origin: 0 100%;
    opacity: 0;
    transform: scaleX(0);
  }

  50% {
    opacity: .5;
  }

  100% {
    transform-origin: 0 100%;
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes reverseExpandInX {
  0% {
    transform-origin: 100% 0;
    opacity: 0;
    transform: scaleX(0);
  }

  50% {
    opacity: .5;
  }

  100% {
    transform-origin: 100% 0;
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-8px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ai-fade-in-up {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeSlideUp {
  from {
    opacity: 0;
    transform: translateY(-90%);
  }

  to {
    opacity: 1;
    transform: translateY(-100%);
  }
}