/*! tailwindcss v4.1.18 | 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)))) {
    *, ::backdrop, :after, :before {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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;
    }
  }
}

@layer reset {
  * {
    border-radius: 0;
    outline: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
  }

  body, html {
    background: var(--color-gray-lightest);
    color: var(--color-gray-darkest);
    height: 100%;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

  button, input {
    background: none;
    border: thin solid #0000;
  }

  button {
    font-weight: 400;
  }

  input:not(.ant-input-number-input, .ant-input, .nofocus, .ant-select-input, .ant-select-selection-search-input, .ant-select-search__field):focus, textarea:focus {
    border: solid thin$ teal !important;
  }

  ::-webkit-scrollbar {
    width: 2px;
    height: 0;
  }

  ::-webkit-scrollbar-thumb {
    background: none;
  }

  ::-webkit-scrollbar-track {
    background: none;
  }

  :hover::-webkit-scrollbar-track {
    background: #f3f3f3;
  }

  :hover::-webkit-scrollbar-thumb {
    background: var(--color-gray-medium);
  }

  h1, h2, h3, h4, h5 {
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 500;
  }

  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  button:focus {
    outline: none;
  }
}

@layer base {
  :root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74d3c;
    --toastify-color-transparent: #ffffffb3;
    --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 #0000001a;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --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(90deg, #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);
    --toastify-color-progress-bgo: .2;
  }

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

  .Toastify__toast-container--top-left {
    left: var(--toastify-toast-left);
    top: var(--toastify-toast-top);
  }

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

  .Toastify__toast-container--top-right {
    right: var(--toastify-toast-right);
    top: var(--toastify-toast-top);
    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);
    align-items: center;
    left: 50%;
    transform: translate(-50%);
  }

  .Toastify__toast-container--bottom-right {
    bottom: var(--toastify-toast-bottom);
    right: var(--toastify-toast-right);
    align-items: end;
  }

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

  @media only screen and (width <= 480px) {
    .Toastify__toast-container {
      left: env(safe-area-inset-left);
      width: 100vw;
      margin: 0;
    }

    .Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right {
      top: env(safe-area-inset-top);
      transform: translate(0);
    }

    .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right {
      bottom: env(safe-area-inset-bottom);
      transform: translate(0);
    }

    .Toastify__toast-container--rtl {
      left: auto;
      right: env(safe-area-inset-right);
    }

    .Toastify__toast {
      --toastify-toast-width: 100%;
      border-radius: 0;
      margin-bottom: 0;
    }
  }

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

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

  .Toastify__toast--stacked[data-collapsed] .Toastify__close-button, .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
    transition: opacity .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: "";
    height: calc(var(--g) * 1px);
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
  }

  .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: "";
    z-index: -1;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scaleY(3);
  }

  .Toastify__toast--rtl {
    direction: rtl;
  }

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

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

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

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

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

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

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

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

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

  .Toastify__toast-theme--colored.Toastify__toast--error {
    background: var(--toastify-color-error);
    color: var(--toastify-text-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--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 {
    background: var(--toastify-color-transparent);
  }

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

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

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

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

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

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

    to {
      transform: scaleX(0);
    }
  }

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

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

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

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

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

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

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

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

  @keyframes Toastify__bounceInRight {
    0%, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
      opacity: 0;
      transform: translate(3000px);
    }

    60% {
      opacity: 1;
      transform: translate(-25px);
    }

    75% {
      transform: translate(10px);
    }

    90% {
      transform: translate(-5px);
    }

    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 {
    0%, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
      opacity: 0;
      transform: translate(-3000px);
    }

    60% {
      opacity: 1;
      transform: translate(25px);
    }

    75% {
      transform: translate(-10px);
    }

    90% {
      transform: translate(5px);
    }

    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 {
    0%, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
      opacity: 0;
      transform: translateY(3000px);
    }

    60% {
      opacity: 1;
      transform: translateY(-20px);
    }

    75% {
      transform: translateY(10px);
    }

    90% {
      transform: translateY(-5px);
    }

    to {
      transform: translate(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: translateY(-2000px);
    }
  }

  @keyframes Toastify__bounceInDown {
    0%, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
      opacity: 0;
      transform: translateY(-3000px);
    }

    60% {
      opacity: 1;
      transform: translateY(25px);
    }

    75% {
      transform: translateY(-10px);
    }

    90% {
      transform: translateY(5px);
    }

    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: translateY(2000px);
    }
  }

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

  .Toastify__bounce-enter--bottom-right, .Toastify__bounce-enter--top-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--bottom-left, .Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft;
  }

  .Toastify__bounce-exit--bottom-right, .Toastify__bounce-exit--top-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 {
    0% {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }

    50% {
      opacity: 1;
    }
  }

  @keyframes Toastify__zoomOut {
    0% {
      opacity: 1;
    }

    50% {
      opacity: 0;
      transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3);
    }

    to {
      opacity: 0;
    }
  }

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

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

  @keyframes Toastify__flipIn {
    0% {
      opacity: 0;
      animation-timing-function: ease-in;
      transform: perspective(400px)rotateX(90deg);
    }

    40% {
      animation-timing-function: ease-in;
      transform: perspective(400px)rotateX(-20deg);
    }

    60% {
      opacity: 1;
      transform: perspective(400px)rotateX(10deg);
    }

    80% {
      transform: perspective(400px)rotateX(-5deg);
    }

    to {
      transform: perspective(400px);
    }
  }

  @keyframes Toastify__flipOut {
    0% {
      transform: translate3d(0, var(--y), 0) perspective(400px);
    }

    30% {
      opacity: 1;
      transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg);
    }

    to {
      opacity: 0;
      transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg);
    }
  }

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

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

  @keyframes Toastify__slideInRight {
    0% {
      visibility: visible;
      transform: translate(110%);
    }

    to {
      transform: translate3d(0, var(--y), 0);
    }
  }

  @keyframes Toastify__slideInLeft {
    0% {
      visibility: visible;
      transform: translate(-110%);
    }

    to {
      transform: translate3d(0, var(--y), 0);
    }
  }

  @keyframes Toastify__slideInUp {
    0% {
      visibility: visible;
      transform: translateY(110%);
    }

    to {
      transform: translate3d(0, var(--y), 0);
    }
  }

  @keyframes Toastify__slideInDown {
    0% {
      visibility: visible;
      transform: translateY(-110%);
    }

    to {
      transform: translate3d(0, var(--y), 0);
    }
  }

  @keyframes Toastify__slideOutRight {
    0% {
      transform: translate3d(0, var(--y), 0);
    }

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

  @keyframes Toastify__slideOutLeft {
    0% {
      transform: translate3d(0, var(--y), 0);
    }

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

  @keyframes Toastify__slideOutDown {
    0% {
      transform: translate3d(0, var(--y), 0);
    }

    to {
      visibility: hidden;
      transform: translateY(500px);
    }
  }

  @keyframes Toastify__slideOutUp {
    0% {
      transform: translate3d(0, var(--y), 0);
    }

    to {
      visibility: hidden;
      transform: translateY(-500px);
    }
  }

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

  .Toastify__slide-enter--bottom-right, .Toastify__slide-enter--top-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--bottom-left, .Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft;
    animation-duration: .3s;
    animation-timing-function: ease-in;
  }

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

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

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

  @keyframes Toastify__spin {
    0% {
      transform: rotate(0);
    }

    to {
      transform: rotate(1turn);
    }
  }

  .rc-time-picker {
    display: inline-block;
    position: relative;
  }

  .rc-time-picker, .rc-time-picker * {
    box-sizing: border-box;
  }

  .rc-time-picker-clear {
    cursor: pointer;
    text-align: center;
    width: 20px;
    height: 20px;
    margin: 0;
    line-height: 20px;
    position: absolute;
    top: 3px;
    right: 6px;
    overflow: hidden;
  }

  .rc-time-picker-clear-icon:after {
    color: #aaa;
    content: "x";
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    transition: color .3s;
    display: inline-block;
  }

  .rc-time-picker-clear-icon:hover:after {
    color: #666;
  }

  .rc-time-picker-input {
    color: #666;
    cursor: text;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    width: 100%;
    height: 28px;
    padding: 4px 7px;
    font-size: 12px;
    line-height: 1.5;
    transition: border .2s cubic-bezier(.645, .045, .355, 1), background .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1);
    display: inline-block;
    position: relative;
  }

  .rc-time-picker-input[disabled] {
    color: #ccc;
    cursor: not-allowed;
    background: #f7f7f7;
  }

  .rc-time-picker-panel {
    box-sizing: border-box;
    z-index: 1070;
    width: 170px;
    position: absolute;
  }

  .rc-time-picker-panel * {
    box-sizing: border-box;
  }

  .rc-time-picker-panel-inner {
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    font-size: 12px;
    line-height: 1.5;
    list-style: none;
    display: inline-block;
    position: relative;
    box-shadow: 0 1px 5px #ccc;
  }

  .rc-time-picker-panel-narrow {
    max-width: 113px;
  }

  .rc-time-picker-panel-input {
    cursor: auto;
    border: 1px solid #0000;
    outline: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.5;
  }

  .rc-time-picker-panel-input-wrap {
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9e9;
    padding: 6px;
    position: relative;
  }

  .rc-time-picker-panel-input-invalid {
    border-color: red;
  }

  .rc-time-picker-panel-select {
    box-sizing: border-box;
    float: left;
    border: 0 solid #e9e9e9;
    border-width: 0 1px;
    width: 56px;
    max-height: 144px;
    margin-left: -1px;
    font-size: 12px;
    position: relative;
    overflow-y: auto;
  }

  .rc-time-picker-panel-select-active {
    overflow-y: auto;
  }

  .rc-time-picker-panel-select:first-child {
    border-left: 0;
    margin-left: 0;
  }

  .rc-time-picker-panel-select:last-child {
    border-right: 0;
  }

  .rc-time-picker-panel-select ul {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .rc-time-picker-panel-select li {
    cursor: pointer;
    text-align: left;
    user-select: none;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0 0 0 16px;
    line-height: 24px;
    list-style: none;
  }

  .rc-time-picker-panel-select li:hover {
    background: #edfaff;
  }

  li.rc-time-picker-panel-select-option-selected {
    background: #f7f7f7;
    font-weight: 700;
  }

  li.rc-time-picker-panel-select-option-disabled {
    color: #ccc;
  }

  li.rc-time-picker-panel-select-option-disabled:hover {
    cursor: not-allowed;
    background: none;
  }

  .DateRangePicker__CalendarSelection, .DateRangePicker__CalendarSelection .DateRangePicker__CalendarSelection--end, .DateRangePicker__CalendarSelection .DateRangePicker__CalendarSelection--segment, .DateRangePicker__CalendarSelection .DateRangePicker__CalendarSelection--start, .DateRangePicker__CalendarSelection--is-pending {
    background-color: var(--color-teal) !important;
    border-color: var(--color-teal) !important;
  }

  .DateRangePicker__Date .DateRangePicker__CalendarHighlight--single {
    border-color: var(--color-teal) !important;
  }

  .rc-time-picker .rc-time-picker-input {
    color: var(--color-gray-darkest);
  }

  *, :after, :before {
    box-sizing: border-box;
    border: 0 solid;
  }

  :after, :before {
    --tw-content: "";
  }

  html {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
  }

  body {
    line-height: inherit;
    margin: 0;
  }

  a {
    color: var(--color-main) !important;
  }

  code, kbd, pre, samp {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  }

  button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    margin: 0;
    padding: 0;
  }

  button, select {
    text-transform: none;
  }

  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }

  blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre, fieldset {
    margin: 0;
  }

  fieldset, legend {
    padding: 0;
  }

  menu, ol, ul {
    margin: 0;
    padding: 0;
  }

  dialog {
    padding: 0;
  }

  input::placeholder, textarea::placeholder {
    color: var(--color-gray-400, #9ca3af);
    opacity: 1;
  }

  [role="button"], button {
    cursor: pointer;
  }

  :disabled {
    cursor: default;
  }

  [hidden] {
    display: none;
  }

  *, ::backdrop, :after, :before {
    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;
  }

  :host, html {
    -webkit-text-size-adjust: 100%;
    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);
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
  }

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, pre, samp {
    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 {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

  ::file-selector-button {
    color: inherit;
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: 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-day-field {
    padding-block: 0;
  }

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

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

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

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

  ::-webkit-datetime-edit-second-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;
  }

  *, ::backdrop, :after, :before {
    border-color: var(--color-gray-200, currentcolor);
  }

  ::file-selector-button {
    border-color: var(--color-gray-200, currentcolor);
  }

  :root {
    --color-main: #6777c7;
    --color-gray-light-shade: #e8e8ec;
    --color-gray-lightest: #f9f9fb;
    --color-gray-lighter: #f0f0f3;
    --color-gray-light: #e0e1e6;
    --color-gray-bg: #d9d9e0;
    --color-gray-medium: #80838d;
    --color-gray-dark: #60646c;
    --color-gray-darkest: #1c2024;
    --color-gray-light-blue: #f5f6fd;
    --color-teal: #6777c7;
    --color-teal-dark: #4558ba;
    --color-teal-light: #6777c71f;
    --color-tealx: #12a594;
    --color-tealx-light: #e0f8f3;
    --color-tealx-light-border: #b8eae0;
    --color-tealx-lightest: #12a59414;
    --color-orange: #e2a336;
    --color-yellow: #fefbe9;
    --color-yellow2: #ffc53d;
    --color-orange-dark: #ab6400;
    --color-green: #42ae5e;
    --color-green2: #00dc69;
    --color-green-light: #e6f7ef;
    --color-green-dark: #2c9848;
    --color-red: #e54666;
    --color-red2: #dc3b5d;
    --color-red-light: #feeaed;
    --color-red-lightest: #fff7f8;
    --color-blue: #2781f6;
    --color-blue2: #086de0;
    --color-active-blue: #eceef8;
    --color-active-dark-blue: #dadef1;
    --color-bg-blue: #dadef1;
    --color-active-blue-border: #bcc3e6;
    --color-pink: #ffced6;
    --color-light-blue-bg: #f5f9ff;
    --color-white: #fff;
    --color-black: #000;
    --color-gray-border: #b9bbc6;
    --color-transparent: transparent;
    --color-cyan: #ebf4f5;
    --color-amber: #fefbe9;
    --color-amber-medium: #fff7c2;
    --color-glassWhite: #ffffffb3;
    --color-glassMint: #f8fffe99;
    --color-glassLavander: #f3f1ff99;
    --color-blueLight: #f5f9ff;
    --color-offWhite: #fdfdfd;
    --color-disabled-text: #00000061;
    --color-indigo-lightest: #f0f1fe;
    --color-indigo: #5b5bd6;
  }

  :root --color-dark {
    white: #121213;
    black: #fff;
    teal: #6777c7;
    main: #6777c7;
    text-primary: #edeef0;
    surface: #1b1c1f;
    amber: #2d240f;
    amber-medium: #3a2b10;
    red-lightest: #3a1b22;
    indigo-lightest: #2e2b48;
    indigo: #5b5bd6;
    red-light: #5a202f;
    gray-light-shade: #272a2d;
    gray-lightest: #18191b;
    gray-lighter: #212225;
    gray-light: #2e3135;
    gray-bg: #363a3f;
    gray-medium: #777b84;
    gray-dark: #b0b4ba;
    gray-darkest: #edeef0;
    gray-light-blue: #2a2d36;
    gray-border: #5a6169;
    active-blue: #6777c733;
    active-dark-blue: #6777c74d;
    bg-blue: #6777c72e;
    active-blue-border: #6777c766;
    tealx: #12a594;
    tealx-light: #12a59429;
    tealx-light-border: #12a5944d;
    light-blue-bg: #1b2438;
    disabled-text: #ffffff61;
    glass-white: #17171a99;
    glass-mint: #141b1c80;
    glass-lavander: #19172580;
    blue-light: #252844;
    off-white: #16171a;
    green-light: #1f3a2a;
    yellow: #2e2a1c;
    background: #121213;
  }

  :root --color-dark, :root --color-dark figmaColors {
    text-disabled: #ffffff61;
    outlined-border: #ffffff3b;
    divider: #ffffff1f;
  }

  :root --color-dark figmaColors {
    accent-secondary: #12a594;
    text-primary: #ffffffde;
  }

  :root {
    --color-borderColor-default: #ececec;
    --color-borderColor-gray-light-shade: #e8e8ec;
    --color-borderColor-primary: #6777c7;
    --color-borderColor-transparent: transparent;
    --color-figmaColors-accent-secondary: #12a594;
    --color-figmaColors-main: #6777c7;
    --color-figmaColors-primary-outlined-hover-background: #12a59414;
    --color-figmaColors-primary-outlined-resting-border: #12a59480;
    --color-figmaColors-secondary-outlined-hover-background: #6777c714;
    --color-figmaColors-secondary-outlined-resting-border: #6777c780;
    --color-figmaColors-text-disabled: #00000061;
    --color-figmaColors-text-primary: #000000de;
    --color-figmaColors-outlined-border: #0000003b;
    --color-figmaColors-divider: #0000001f;
  }

  .dark {
    --color-white: #121213;
    --color-black: #fff;
    --color-teal: #6777c7;
    --color-main: #6777c7;
    --color-text-primary: #edeef0;
    --color-text-disabled: #ffffff61;
    --color-outlined-border: #ffffff3b;
    --color-divider: #ffffff1f;
    --color-background: #121213;
    --color-surface: #1b1c1f;
    --color-amber: #2d240f;
    --color-amber-medium: #3a2b10;
    --color-red-lightest: #3a1b22;
    --color-indigo-lightest: #2e2b48;
    --color-indigo: #5b5bd6;
    --color-red-light: #5a202f;
    --color-gray-light-shade: #272a2d;
    --color-gray-lightest: #18191b;
    --color-gray-lighter: #212225;
    --color-gray-light: #2e3135;
    --color-gray-bg: #363a3f;
    --color-gray-medium: #777b84;
    --color-gray-dark: #b0b4ba;
    --color-gray-darkest: #edeef0;
    --color-gray-light-blue: #2a2d36;
    --color-gray-border: #5a6169;
    --color-active-blue: #6777c74d;
    --color-bg-blue: #6777c72e;
    --color-active-blue-border: #6777c766;
    --color-tealx: #12a594;
    --color-tealx-light: #12a59429;
    --color-tealx-light-border: #12a5944d;
    --color-light-blue-bg: #1b2438;
    --color-disabled-text: #ffffff61;
    --color-glassWhite: #17171a99;
    --color-glassMint: #141b1c80;
    --color-glassLavander: #19172580;
    --color-blueLight: #252844;
    --color-offWhite: #16171a;
    --color-green-light: #1f3a2a;
    --color-yellow: #2e2a1c;
    --color-figmaColors-accent-secondary: #12a594;
    --color-figmaColors-text-disabled: #ffffff61;
    --color-figmaColors-text-primary: #ffffffde;
    --color-figmaColors-outlined-border: #ffffff3b;
    --color-figmaColors-divider: #ffffff1f;
  }
}

@layer components;

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

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
  }

  .absolute, .sr-only {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .left-2\/4 {
    left: 50%;
  }

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

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

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

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

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

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

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

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

  .z-50\! {
    z-index: 50 !important;
  }

  .col-12 {
    grid-column: 12;
  }

  .col-span-1 {
    grid-column: span 1 / span 1;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-3 {
    grid-column: span 3 / span 3;
  }

  .col-span-4 {
    grid-column: span 4 / span 4;
  }

  .col-span-5 {
    grid-column: span 5 / span 5;
  }

  .col-span-8 {
    grid-column: span 8 / span 8;
  }

  .col-span-9 {
    grid-column: span 9 / span 9;
  }

  .col-span-11 {
    grid-column: span 11 / span 11;
  }

  .float-left {
    float: left;
  }

  .float-left\! {
    float: left !important;
  }

  .container {
    width: 100%;
  }

  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }

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

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

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

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

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

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

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

  .m-auto {
    margin: auto;
  }

  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }

  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }

  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }

  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-\[2vw\] {
    margin-inline: 2vw;
  }

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

  .mx-auto\! {
    margin-inline: auto !important;
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-2\! {
    margin-block: calc(var(--spacing) * 2) !important;
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-3\! {
    margin-block: calc(var(--spacing) * 3) !important;
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }

  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }

  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }

  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }

  .my-auto {
    margin-block: auto;
  }

  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }

  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }

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

  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }

  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }

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

  .-mt-8 {
    margin-top: calc(var(--spacing) * -8);
  }

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

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

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

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

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

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

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

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

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

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

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

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }

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

  .mt-46 {
    margin-top: calc(var(--spacing) * 46);
  }

  .mt-\[2px\] {
    margin-top: 2px;
  }

  .mt-auto {
    margin-top: auto;
  }

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

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

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

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

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

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

  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }

  .mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }

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

  .mr-35 {
    margin-right: calc(var(--spacing) * 35);
  }

  .mr-38 {
    margin-right: calc(var(--spacing) * 38);
  }

  .mr-auto {
    margin-right: auto;
  }

  .mr-auto\! {
    margin-right: auto !important;
  }

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

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

  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }

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

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

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }

  .ml-0\.5\! {
    margin-left: calc(var(--spacing) * .5) !important;
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-2\! {
    margin-left: calc(var(--spacing) * 2) !important;
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-7 {
    margin-left: calc(var(--spacing) * 7);
  }

  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }

  .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-15 {
    margin-left: calc(var(--spacing) * 15);
  }

  .ml-20 {
    margin-left: calc(var(--spacing) * 20);
  }

  .ml-auto {
    margin-left: auto;
  }

  .\!hidden {
    display: none !important;
  }

  .\!inline {
    display: inline !important;
  }

  .block {
    display: block;
  }

  .block\! {
    display: block !important;
  }

  .flex {
    display: flex;
  }

  .flex\! {
    display: flex !important;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .hidden\! {
    display: none !important;
  }

  .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-video {
    aspect-ratio: var(--aspect-video);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

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

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

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

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

  .h-6\! {
    height: calc(var(--spacing) * 6) !important;
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

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

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

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

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

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

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

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-\[10px\] {
    height: 10px;
  }

  .h-\[21px\] {
    height: 21px;
  }

  .h-\[55px\] {
    height: 55px;
  }

  .h-\[92px\] {
    height: 92px;
  }

  .h-\[200px\] {
    height: 200px;
  }

  .h-\[300px\] {
    height: 300px;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-fit {
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-\[520px\] {
    max-height: 520px;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-60\! {
    min-height: calc(var(--spacing) * 60) !important;
  }

  .min-h-screen {
    min-height: 100vh;
  }

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

  .w-1\/2\! {
    width: 50% !important;
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-1\/4 {
    width: 25%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-3\/12 {
    width: 25%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-4\/12 {
    width: 33.3333%;
  }

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

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

  .w-6\/12 {
    width: 50%;
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

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

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-9\/12 {
    width: 75%;
  }

  .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-20 {
    width: calc(var(--spacing) * 20);
  }

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

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-42 {
    width: calc(var(--spacing) * 42);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-72\! {
    width: calc(var(--spacing) * 72) !important;
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-96 {
    width: calc(var(--spacing) * 96);
  }

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

  .w-\[92vw\] {
    width: 92vw;
  }

  .w-\[95\%\]\! {
    width: 95% !important;
  }

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

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

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

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

  .w-fit\! {
    width: fit-content !important;
  }

  .w-full {
    width: 100%;
  }

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

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }

  .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }

  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }

  .max-w-\[92vw\] {
    max-width: 92vw;
  }

  .max-w-\[140px\] {
    max-width: 140px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[270px\] {
    max-width: 270px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

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

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-\[7rem\] {
    min-width: 7rem;
  }

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

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

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

  .flex-1 {
    flex: 1;
  }

  .flex-2 {
    flex: 2;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .grow\! {
    flex-grow: 1 !important;
  }

  .grow-0 {
    flex-grow: 0;
  }

  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
  }

  .-translate-y-1\/2, .translate-y-14 {
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-14 {
    --tw-translate-y: calc(var(--spacing) * 14);
  }

  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rotate-0 {
    rotate: none;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-ns-resize {
    cursor: ns-resize;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-pointer\! {
    cursor: pointer !important;
  }

  .resize {
    resize: both;
  }

  .resize-none\! {
    resize: none !important;
  }

  .list-inside {
    list-style-position: inside;
  }

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

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

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col\! {
    flex-direction: column !important;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-nowrap\! {
    flex-wrap: nowrap !important;
  }

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

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

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

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

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

  .items-end {
    align-items: flex-end;
  }

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

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

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

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

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

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

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

  .justify-center\! {
    justify-content: center !important;
  }

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

  .justify-end\! {
    justify-content: flex-end !important;
  }

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

  .justify-start\! {
    justify-content: flex-start !important;
  }

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

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

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

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

  .gap-2\! {
    gap: calc(var(--spacing) * 2) !important;
  }

  .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-6\! {
    gap: calc(var(--spacing) * 6) !important;
  }

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

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

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

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

  .self-start {
    align-self: flex-start;
  }

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

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-hidden\! {
    overflow: hidden !important;
  }

  .overflow-scroll {
    overflow: scroll;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-scroll {
    overflow-y: scroll;
  }

  .overflow-y-scroll\! {
    overflow-y: scroll !important;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-full\! {
    border-radius: 3.40282e38px !important;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-lg\! {
    border-radius: var(--radius-lg) !important;
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-sm\! {
    border-radius: var(--radius-sm) !important;
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-tl-sm {
    border-top-left-radius: var(--radius-sm);
  }

  .rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-tr-sm {
    border-top-right-radius: var(--radius-sm);
  }

  .rounded-b-full\! {
    border-bottom-right-radius: 3.40282e38px !important;
    border-bottom-left-radius: 3.40282e38px !important;
  }

  .rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .rounded-br-sm {
    border-bottom-right-radius: var(--radius-sm);
  }

  .rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .rounded-bl-sm {
    border-bottom-left-radius: var(--radius-sm);
  }

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

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

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

  .border-0\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

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

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

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

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

  .border-b-0\! {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }

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

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }

  .border-none\! {
    --tw-border-style: none !important;
    border-style: none !important;
  }

  .border-\[var\(--ai-border\,rgba\(0\,0\,0\,0\.08\)\)\] {
    border-color: var(--ai-border, #00000014);
  }

  .border-active-blue-border {
    border-color: var(--color-active-blue-border);
  }

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

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

  .border-borderColor-gray-light-shade {
    border-color: var(--color-borderColor-gray-light-shade);
  }

  .border-borderColor-transparent {
    border-color: var(--color-borderColor-transparent);
  }

  .border-gray-100 {
    border-color: lab(96.1596% -.082314 -1.13575);
  }

  .border-gray-200 {
    border-color: lab(91.6229% -.159115 -2.26791);
  }

  .border-gray-dark {
    border-color: var(--color-gray-dark);
  }

  .border-gray-light {
    border-color: var(--color-gray-light);
  }

  .border-gray-light\! {
    border-color: var(--color-gray-light) !important;
  }

  .border-gray-lighter {
    border-color: var(--color-gray-lighter);
  }

  .border-gray-lightest {
    border-color: var(--color-gray-lightest);
  }

  .border-gray-medium {
    border-color: var(--color-gray-medium);
  }

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

  .border-neutral-200 {
    border-color: lab(90.952% 0 -.0000119209);
  }

  .border-neutral-200\/60 {
    border-color: lab(90.952% 0 -.0000119209 / .6);
  }

  .border-teal, .border-teal\/30 {
    border-color: var(--color-teal);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .border-teal\/30 {
      border-color: color-mix(in oklab, var(--color-teal) 30%, transparent);
    }
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-t-gray-light {
    border-top-color: var(--color-gray-light);
  }

  .border-b-gray-light {
    border-bottom-color: var(--color-gray-light);
  }

  .bg-\[\#394eff\] {
    background-color: #394eff;
  }

  .bg-\[\#A7BFFF\] {
    background-color: #a7bfff;
  }

  .bg-\[\#E2E4F6\] {
    background-color: #e2e4f6;
  }

  .bg-\[\#f0a930\] {
    background-color: #f0a930;
  }

  .bg-\[\#ff5454\] {
    background-color: #ff5454;
  }

  .bg-\[rgba\(0\,0\,0\,0\.1\)\] {
    background-color: #0000001a;
  }

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

  .bg-active-blue-border {
    background-color: var(--color-active-blue-border);
  }

  .bg-active-dark-blue {
    background-color: var(--color-active-dark-blue);
  }

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

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

  .bg-gray-50 {
    background-color: lab(98.2596% -.247031 -.706708);
  }

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

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

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

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

  .bg-gray-light-shade {
    background-color: var(--color-gray-light-shade);
  }

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

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

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

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

  .bg-indigo-lightest\! {
    background-color: var(--color-indigo-lightest) !important;
  }

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

  .bg-neutral-50\/60 {
    background-color: lab(98.26% -.0000298023 0 / .6);
  }

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

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

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

  .bg-teal, .bg-teal\/10 {
    background-color: var(--color-teal);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .bg-teal\/10 {
      background-color: color-mix(in oklab, var(--color-teal) 10%, transparent);
    }
  }

  .bg-teal\/50 {
    background-color: var(--color-teal);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .bg-teal\/50 {
      background-color: color-mix(in oklab, var(--color-teal) 50%, transparent);
    }
  }

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

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

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

  .bg-transparent {
    background-color: #0000;
  }

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

  .bg-white\! {
    background-color: var(--color-white) !important;
  }

  .bg-white\/50 {
    background-color: var(--color-white);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .bg-white\/50 {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .bg-white\/60 {
    background-color: var(--color-white);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .bg-white\/60 {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .bg-white\/70 {
    background-color: var(--color-white);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .bg-white\/70 {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .bg-white\/85 {
    background-color: var(--color-white);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .bg-white\/85 {
      background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .bg-white\/95 {
    background-color: var(--color-white);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .bg-white\/95 {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .bg-yellow, .bg-yellow\/50 {
    background-color: var(--color-yellow);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .bg-yellow\/50 {
      background-color: color-mix(in oklab, var(--color-yellow) 50%, transparent);
    }
  }

  .bg-\[linear-gradient\(180deg\,var\(--ai-surface\,var\(--color-white\,\#fff\)\)\,var\(--ai-surface-2\,\#f9f9fb\)\)\] {
    background-image: linear-gradient(180deg, var(--ai-surface, var(--color-white, #fff)), var(--ai-surface-2, #f9f9fb));
  }

  .bg-none {
    background-image: none;
  }

  .fill-gray-dark {
    fill: var(--color-gray-dark);
  }

  .fill-gray-darkest {
    fill: var(--color-gray-darkest);
  }

  .fill-gray-medium {
    fill: var(--color-gray-medium);
  }

  .fill-inherit {
    fill: inherit;
  }

  .fill-teal {
    fill: var(--color-teal);
  }

  .fill-tealx {
    fill: var(--color-tealx);
  }

  .fill-white {
    fill: var(--color-white);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

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

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

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

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\! {
    padding: calc(var(--spacing) * 2) !important;
  }

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

  .p-3\! {
    padding: calc(var(--spacing) * 3) !important;
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-4\! {
    padding: calc(var(--spacing) * 4) !important;
  }

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

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

  .p-6\! {
    padding: calc(var(--spacing) * 6) !important;
  }

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

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

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

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

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\! {
    padding-inline: calc(var(--spacing) * 2) !important;
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\! {
    padding-inline: calc(var(--spacing) * 3) !important;
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-4\! {
    padding-inline: calc(var(--spacing) * 4) !important;
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-5\! {
    padding-inline: calc(var(--spacing) * 5) !important;
  }

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

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-\[7px\] {
    padding-inline: 7px;
  }

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

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-0\.5\! {
    padding-block: calc(var(--spacing) * .5) !important;
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

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

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\! {
    padding-block: calc(var(--spacing) * 2) !important;
  }

  .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-15 {
    padding-block: calc(var(--spacing) * 15);
  }

  .py-17 {
    padding-block: calc(var(--spacing) * 17);
  }

  .py-117 {
    padding-block: calc(var(--spacing) * 117);
  }

  .ps-0\.5 {
    padding-inline-start: calc(var(--spacing) * .5);
  }

  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }

  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }

  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }

  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }

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

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

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

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

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

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

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

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

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

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

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

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

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6\! {
    padding-bottom: calc(var(--spacing) * 6) !important;
  }

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

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

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

  .pb-20\! {
    padding-bottom: calc(var(--spacing) * 20) !important;
  }

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

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

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

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

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

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

  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }

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

  .text-center\! {
    text-align: center !important;
  }

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

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

  .text-left\! {
    text-align: left !important;
  }

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

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

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

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

  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-lg\! {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-sm\! {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }

  .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-xs\! {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .leading-0 {
    --tw-leading: calc(var(--spacing) * 0);
    line-height: calc(var(--spacing) * 0);
  }

  .leading-0\! {
    --tw-leading: calc(var(--spacing) * 0) !important;
    line-height: calc(var(--spacing) * 0) !important;
  }

  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .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-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);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .font-semibold\! {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

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

  .text-wrap {
    text-wrap: wrap;
  }

  .wrap-break-word {
    overflow-wrap: break-word;
  }

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

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

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

  .text-black, .text-black\/50 {
    color: var(--color-black);
  }

  @supports (color: color-mix(in lab,red,red)) {
    .text-black\/50 {
      color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .text-disabled-text {
    color: var(--color-disabled-text);
  }

  .text-figmaColors-text-primary {
    color: var(--color-figmaColors-text-primary);
  }

  .text-gray-400 {
    color: lab(65.9269% -.832677 -8.17474);
  }

  .text-gray-500 {
    color: lab(47.7841% -.393182 -10.0268);
  }

  .text-gray-600 {
    color: lab(35.6337% -1.58697 -10.8425);
  }

  .text-gray-700 {
    color: lab(27.1134% -.956401 -12.3224);
  }

  .text-gray-dark {
    color: var(--color-gray-dark);
  }

  .text-gray-darkest {
    color: var(--color-gray-darkest);
  }

  .text-gray-medium {
    color: var(--color-gray-medium);
  }

  .text-green {
    color: var(--color-green);
  }

  .text-main {
    color: var(--color-main);
  }

  .text-neutral-300 {
    color: lab(84.92% 0 0);
  }

  .text-neutral-400 {
    color: lab(66.128% 0 0);
  }

  .text-neutral-500 {
    color: lab(48.496% 0 0);
  }

  .text-neutral-500\/90 {
    color: lab(48.496% 0 0 / .9);
  }

  .text-neutral-600 {
    color: lab(34.924% -.0000149012 -.00000596046);
  }

  .text-neutral-700 {
    color: lab(27.036% 0 0);
  }

  .text-neutral-800 {
    color: lab(15.204% 0 0);
  }

  .text-neutral-900 {
    color: lab(7.78201% -.0000149012 0);
  }

  .text-neutral-900\! {
    color: lab(7.78201% -.0000149012 0) !important;
  }

  .text-red {
    color: var(--color-red);
  }

  .text-teal {
    color: var(--color-teal);
  }

  .text-tealx {
    color: var(--color-tealx);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow {
    color: var(--color-yellow);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .capitalize\! {
    text-transform: capitalize !important;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

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

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

  .decoration-gray-400 {
    text-decoration-color: lab(65.9269% -.832677 -8.17474);
  }

  .decoration-dotted {
    text-decoration-style: dotted;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow, .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  }

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

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  }

  .shadow-xs\! {
    --tw-shadow: 0 1px 2px 0 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;
  }

  .ring {
    --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);
  }

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

  .blur {
    --tw-blur: blur(8px);
  }

  .blur, .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);
  }

  .backdrop-blur, .backdrop-blur-md {
    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));
  }

  .backdrop-filter {
    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 {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    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, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  }

  .transition-all {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  }

  .transition-colors {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    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-opacity {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  }

  .transition-transform {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  }

  .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-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .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);
  }

  .select-none {
    user-select: none;
  }

  @media (hover: hover) {
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }

    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:block\!:is(:where(.group):hover *) {
      display: block !important;
    }

    .group-hover\:flex:is(:where(.group):hover *) {
      display: flex;
    }

    .group-hover\:hidden:is(:where(.group):hover *) {
      display: none;
    }

    .group-hover\:hidden\!:is(:where(.group):hover *) {
      display: none !important;
    }

    .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:bg-active-blue\!:is(:where(.group):hover *) {
      background-color: var(--color-active-blue) !important;
    }

    .group-hover\:fill-main:is(:where(.group):hover *) {
      fill: var(--color-main);
    }

    .group-hover\:opacity-60:is(:where(.group):hover *) {
      opacity: .6;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\:opacity-100\!:is(:where(.group):hover *) {
      opacity: 1 !important;
    }

    .group-hover\:shadow-lg:is(:where(.group):hover *) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px 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);
    }
  }

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

  .placeholder\:text-base::placeholder {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .placeholder\:text-gray-400::placeholder {
    color: lab(65.9269% -.832677 -8.17474);
  }

  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .last\:border-none:last-child {
    --tw-border-style: none;
    border-style: none;
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }

  @media (hover: hover) {
    .hover\:mt-2:hover {
      margin-top: calc(var(--spacing) * 2);
    }

    .hover\:scale-100:hover {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:rotate-0:hover {
      rotate: none;
    }

    .hover\:\!border-active-blue-border:hover {
      border-color: var(--color-active-blue-border) !important;
    }

    .hover\:border-active-blue-border:hover {
      border-color: var(--color-active-blue-border);
    }

    .hover\:border-active-blue-border\!:hover {
      border-color: var(--color-active-blue-border) !important;
    }

    .hover\:border-gray-medium:hover {
      border-color: var(--color-gray-medium);
    }

    .hover\:border-indigo-lightest:hover {
      border-color: var(--color-indigo-lightest);
    }

    .hover\:border-neutral-400:hover {
      border-color: lab(66.128% 0 0);
    }

    .hover\:border-teal:hover {
      border-color: var(--color-teal);
    }

    .hover\:border-teal\!:hover {
      border-color: var(--color-teal) !important;
    }

    .hover\:border-teal\/40:hover {
      border-color: var(--color-teal);
    }

    @supports (color: color-mix(in lab,red,red)) {
      .hover\:border-teal\/40:hover {
        border-color: color-mix(in oklab, var(--color-teal) 40%, transparent);
      }
    }

    .hover\:bg-active-blue:hover {
      background-color: var(--color-active-blue);
    }

    .hover\:bg-active-blue\!:hover {
      background-color: var(--color-active-blue) !important;
    }

    .hover\:bg-active-blue-border:hover {
      background-color: var(--color-active-blue-border);
    }

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

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

    .hover\:bg-gray-light:hover {
      background-color: var(--color-gray-light);
    }

    .hover\:bg-gray-light-shade:hover {
      background-color: var(--color-gray-light-shade);
    }

    .hover\:bg-gray-lightest:hover {
      background-color: var(--color-gray-lightest);
    }

    .hover\:bg-indigo-lightest:hover {
      background-color: var(--color-indigo-lightest);
    }

    .hover\:bg-neutral-100:hover {
      background-color: lab(96.52% -.0000298023 0);
    }

    .hover\:bg-neutral-200\/50:hover {
      background-color: lab(90.952% 0 -.0000119209 / .5);
    }

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

    .hover\:bg-teal-dark:hover {
      background-color: var(--color-teal-dark);
    }

    .hover\:bg-teal-light:hover {
      background-color: var(--color-teal-light);
    }

    .hover\:bg-teal\/10:hover {
      background-color: var(--color-teal);
    }

    @supports (color: color-mix(in lab,red,red)) {
      .hover\:bg-teal\/10:hover {
        background-color: color-mix(in oklab, var(--color-teal) 10%, transparent);
      }
    }

    .hover\:bg-teal\/70:hover {
      background-color: var(--color-teal);
    }

    @supports (color: color-mix(in lab,red,red)) {
      .hover\:bg-teal\/70:hover {
        background-color: color-mix(in oklab, var(--color-teal) 70%, transparent);
      }
    }

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

    .hover\:text-main:hover {
      color: var(--color-main);
    }

    .hover\:text-neutral-600:hover {
      color: lab(34.924% -.0000149012 -.00000596046);
    }

    .hover\:text-neutral-800:hover {
      color: lab(15.204% 0 0);
    }

    .hover\:text-teal:hover {
      color: var(--color-teal);
    }

    .hover\:text-teal\!:hover {
      color: var(--color-teal) !important;
    }

    .hover\:underline\!:hover {
      text-decoration-line: underline !important;
    }

    .hover\:opacity-75:hover {
      opacity: .75;
    }

    .hover\:shadow-xs:hover {
      --tw-shadow: 0 1px 2px 0 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);
    }

    .hover\:transition-all:hover {
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    }

    .hover\:duration-150:hover {
      --tw-duration: .15s;
      transition-duration: .15s;
    }

    .hover\:ease-in-out:hover {
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }

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

  .focus\:border-0\!:focus {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .focus\:border-blue:focus {
    border-color: var(--color-blue);
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .active\:outline-hidden:active {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .active\:outline-hidden:active {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .disabled\:hidden:disabled {
    display: none;
  }

  @media (width >= 40rem) {
    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:max-w-full {
      max-width: 100%;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

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

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

  @media (width >= 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .md\:my-10 {
      margin-block: calc(var(--spacing) * 10);
    }

    .md\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }

    .md\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }

    .md\:ml-auto {
      margin-left: auto;
    }

    .md\:block {
      display: block;
    }

    .md\:h-\[46px\] {
      height: 46px;
    }

    .md\:w-1\/4 {
      width: 25%;
    }

    .md\:w-44 {
      width: calc(var(--spacing) * 44);
    }

    .md\:w-56 {
      width: calc(var(--spacing) * 56);
    }

    .md\:w-80 {
      width: calc(var(--spacing) * 80);
    }

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

    .md\:w-\[200px\] {
      width: 200px;
    }

    .md\:w-\[560px\] {
      width: 560px;
    }

    .md\:w-\[720px\] {
      width: 720px;
    }

    .md\:w-auto {
      width: auto;
    }

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

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

    .md\:flex-1 {
      flex: 1;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:flex-row {
      flex-direction: row;
    }

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

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

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

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

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

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

    .md\:p-0 {
      padding: calc(var(--spacing) * 0);
    }

    .md\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .md\:p-5\! {
      padding: calc(var(--spacing) * 5) !important;
    }

    .md\:px-4\! {
      padding-inline: calc(var(--spacing) * 4) !important;
    }

    .md\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .md\:pr-8\! {
      padding-right: calc(var(--spacing) * 8) !important;
    }

    .md\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }

    .md\:pb-0\! {
      padding-bottom: calc(var(--spacing) * 0) !important;
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (width >= 64rem) {
    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

  @media (width >= 80rem) {
    .xl\:block {
      display: block;
    }

    .xl\:flex {
      display: flex;
    }
  }
}

@layer theme {
  :host, :root {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-xl: 36rem;
    --text-xs: .75rem;
    --text-xs--line-height: 1.33333;
    --text-sm: .875rem;
    --text-sm--line-height: 1.42857;
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: 1.55556;
    --text-xl: 1.25rem;
    --text-xl--line-height: 1.4;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: 1.33333;
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.2;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --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-md: 12px;
    --aspect-video: 16 / 9;
    --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);
  }
}

#app {
  flex-direction: column;
  min-height: 100%;
  padding: 0;
  display: flex;
}

* {
  border-color: var(--color-gray-light);
}

.page {
  padding-top: 50px;
}

.container {
  margin: 0 30px 30px;
}

[data-hidden="true"] {
  display: none !important;
}

[data-disabled="true"] {
  opacity: .5;
  pointer-events: none;
}

.form-group {
  margin-bottom: 25px;
}

.form-group label {
  margin-bottom: 5px;
  display: inline-block;
}

.disabled {
  opacity: .4;
  pointer-events: none;
}

.hover-teal:hover {
  background-color: var(--color-active-blue);
}

.hover-teal:hover svg {
  fill: var(--color-teal);
}

.json-view {
  color: #4d4d4d;
  text-align: left;
  --json-property: #009033;
  --json-index: #676dff;
  --json-number: #676dff;
  --json-string: #b2762e;
  --json-boolean: #dc155e;
  --json-null: #dc155e;
  display: block;
}

.json-view .json-view--link svg, .json-view :is(.json-view--copy, .json-view--edit) {
  cursor: pointer;
  width: 1em;
  height: 1em;
  margin-left: .25em;
  display: none;
}

.json-view .json-view--input {
  background: none;
  border: 1px solid;
  border-radius: 4px;
  width: 120px;
  margin-left: .25em;
  padding: 0 4px;
  font-size: 87.5%;
  line-height: 1.25;
}

:is(.json-view:hover, .json-view--pair:hover) > .json-view--link svg, :is(.json-view:hover, .json-view--pair:hover) > :is(.json-view--copy, .json-view--edit) {
  display: inline-block;
}

.json-view .cursor-pointer {
  cursor: pointer;
}

.json-view .jv-size {
  opacity: .6 !important;
}

.react-daterange-picker__wrapper {
  display: none !important;
}

.react-daterange-picker__calendar {
  position: relative !important;
  inset: 0 !important;
}

.dateRangeContainer .react-calendar {
  border: none;
  margin-left: auto;
  margin-right: auto;
}

.dateRangeContainer .react-calendar__tile--active {
  background-color: #394dfeb3;
  color: #fff !important;
}

.dateRangeContainer .react-calendar__tile--active:enabled:focus, .dateRangeContainer .react-calendar__tile--active:enabled:hover, .dateRangeContainer .react-calendar__tile--active:hover, .dateRangeContainer .react-calendar__tile--hasActive, .dateRangeContainer .react-calendar__tile--hasActive:enabled:focus, .dateRangeContainer .react-calendar__tile--hasActive:enabled:hover, .dateRangeContainer .react-calendar__tile--rangeStart {
  background-color: #394dfe;
  color: #fff !important;
}

.react-calendar__tile--now:enabled:focus, .react-calendar__tile--now:enabled:hover {
  color: #fff !important;
  background-color: #2331a8 !important;
}

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

.dateRangeContainer .react-calendar__tile--hasActive:hover {
  cursor: default;
  background-color: #394dfe;
}

.dateRangeContainer .react-calendar button {
  border: 1px solid var(--color-white);
  border-radius: .5rem;
}

.dateRangeContainer abbr {
  text-decoration: none;
}

.dateRangeContainer input:not(.ant-input-number-input, .ant-input, .nofocus):focus, .dateRangeContainer textarea:focus {
  border: none;
}

.react-daterange-picker__calendar--open {
  display: unset !important;
  height: 100% !important;
}

.code-font {
  letter-spacing: -.025rem;
  font-family: Menlo, Monaco, Consolas, serif;
}

.ai-gradient {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(#00c795b8, #3c00ffd9 77%);
  -webkit-background-clip: text;
  background-clip: text;
}

.custom-scrollbar::-webkit-scrollbar {
  height: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  cursor: grab;
  background-color: #c6c6c6;
  border-radius: 4px;
}

.text-black {
  color: var(--color-black);
}

.markdown-body table {
  border-collapse: collapse;
  border-color: inherit;
  table-layout: auto;
  text-indent: 0;
  width: 100%;
  max-width: 960px;
  display: block;
  overflow-x: scroll;
}

.markdown-body code, .markdown-body pre {
  color: var(--color-black) !important;
  text-shadow: 0 1px var(--color-white) !important;
}

.markdown-body table::-webkit-scrollbar {
  background-color: var(--color-gray-lightest);
  height: 4px;
}

.markdown-body table::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-medium);
  cursor: grab;
  border-radius: 4px;
}

.markdown-body table::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-gray-dark);
}

.markdown-body table::-webkit-scrollbar-thumb:active {
  background-color: var(--color-gray-darkest);
}

.markdown-body table::-webkit-scrollbar-track {
  background-color: var(--color-gray-lightest);
}

.markdown-body dl dt {
  margin-top: 16px;
  padding: 0;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}

.markdown-body dl dd {
  margin-bottom: 16px;
  padding: 0 16px;
}

.markdown-body table th {
  font-weight: 600;
}

.markdown-body table td, .markdown-body table th {
  border: 1px solid$ gray-light;
  padding: 3px 6px;
}

.markdown-body table td > :last-child {
  margin-bottom: 0;
}

.markdown-body table thead {
  background-color: var(--color-blueLight);
}

.markdown-body table tbody tr {
  background-color: var(--color-offWhite);
}

.markdown-body table tbody td {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 30px;
  max-width: 300px;
  overflow: hidden;
}

.markdown-body table tr:nth-child(2n) {
  background-color: var(--color-blueLight);
}

.markdown-body table img {
  background-color: #0000;
}

.markdown-body * {
  all: revert-layer;
}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 {
  font-size: revert;
  font-weight: revert;
}

.markdown-body h1 {
  margin: 0;
  font-size: 1.5rem;
}

.markdown-body h2 {
  margin: 0;
  font-size: 1.25rem;
}

.markdown-body h3 {
  margin: 0;
  font-size: 1.125rem;
}

.markdown-body h4 {
  margin: 0;
  font-size: 1rem;
}

.markdown-body a {
  color: var(--color-teal);
  text-decoration: none;
}

.markdown-body ol, .markdown-body p, .markdown-body ul {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.markdown-body li {
  line-height: 1.5;
}

.markdown-body li > p {
  margin-top: 1rem;
}

.markdown-body ol ol, .markdown-body ol ul, .markdown-body ul ol, .markdown-body ul ul {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body li + li {
  margin-top: .25em;
}

.ant-tooltip {
  max-width: 640px;
}

.summary-ai .markdown-body h1, .summary-ai .markdown-body h2, .summary-ai .markdown-body h3, .summary-ai .markdown-body h4 {
  margin: 1px 0;
}

.summary-ai .markdown-body p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.summary-ai .markdown-body ol, .summary-ai .markdown-body ul {
  padding-left: .9rem;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.summary-ai .markdown-body li {
  margin: 0;
  padding: 0;
  line-height: 1.8;
}

.summary-ai .markdown-body li > p {
  margin-top: 0;
  margin-bottom: 0;
}

.summary-ai .markdown-body li + li {
  margin-top: 0;
}

.summary-ai .markdown-body {
  line-height: 1.24;
}

.summary-ai .markdown-body ul {
  white-space: normal;
}

.summary-ai {
  height: 100%;
  overflow-y: auto;
}

.fill-main {
  fill: var(--color-main);
}

.fill-gray-light-shade {
  fill: var(--color-gray-light-shade);
}

.fill-gray-lightest {
  fill: var(--color-gray-lightest);
}

.fill-gray-lighter {
  fill: var(--color-gray-lighter);
}

.fill-gray-light {
  fill: var(--color-gray-light);
}

.fill-gray-bg {
  fill: var(--color-gray-bg);
}

.fill-gray-medium {
  fill: var(--color-gray-medium);
}

.fill-gray-dark {
  fill: var(--color-gray-dark);
}

.fill-gray-darkest {
  fill: var(--color-gray-darkest);
}

.fill-gray-light-blue {
  fill: var(--color-gray-light-blue);
}

.fill-teal {
  fill: var(--color-teal);
}

.fill-teal-dark {
  fill: var(--color-teal-dark);
}

.fill-teal-light {
  fill: var(--color-teal-light);
}

.fill-tealx {
  fill: var(--color-tealx);
}

.fill-tealx-light {
  fill: var(--color-tealx-light);
}

.fill-tealx-light-border {
  fill: var(--color-tealx-light-border);
}

.fill-tealx-lightest {
  fill: var(--color-tealx-lightest);
}

.fill-orange {
  fill: var(--color-orange);
}

.fill-yellow {
  fill: var(--color-yellow);
}

.fill-yellow2 {
  fill: var(--color-yellow2);
}

.fill-orange-dark {
  fill: var(--color-orange-dark);
}

.fill-green {
  fill: var(--color-green);
}

.fill-green2 {
  fill: var(--color-green2);
}

.fill-green-light {
  fill: var(--color-green-light);
}

.fill-green-dark {
  fill: var(--color-green-dark);
}

.fill-red {
  fill: var(--color-red);
}

.fill-red2 {
  fill: var(--color-red2);
}

.fill-red-light {
  fill: var(--color-red-light);
}

.fill-red-lightest {
  fill: var(--color-red-lightest);
}

.fill-blue {
  fill: var(--color-blue);
}

.fill-blue2 {
  fill: var(--color-blue2);
}

.fill-active-blue {
  fill: var(--color-active-blue);
}

.fill-active-dark-blue {
  fill: var(--color-active-dark-blue);
}

.fill-bg-blue {
  fill: var(--color-bg-blue);
}

.fill-active-blue-border {
  fill: var(--color-active-blue-border);
}

.fill-pink {
  fill: var(--color-pink);
}

.fill-light-blue-bg {
  fill: var(--color-light-blue-bg);
}

.fill-white {
  fill: var(--color-white);
}

.fill-black {
  fill: var(--color-black);
}

.fill-gray-border {
  fill: var(--color-gray-border);
}

.fill-borderColor-default {
  fill: var(--color-borderColor-default);
}

.fill-borderColor-gray-light-shade {
  fill: var(--color-borderColor-gray-light-shade);
}

.fill-borderColor-primary {
  fill: var(--color-borderColor-primary);
}

.fill-borderColor-transparent {
  fill: var(--color-borderColor-transparent);
}

.fill-transparent {
  fill: var(--color-transparent);
}

.fill-cyan {
  fill: var(--color-cyan);
}

.fill-amber {
  fill: var(--color-amber);
}

.fill-amber-medium {
  fill: var(--color-amber-medium);
}

.fill-glassWhite {
  fill: var(--color-glassWhite);
}

.fill-glassMint {
  fill: var(--color-glassMint);
}

.fill-glassLavander {
  fill: var(--color-glassLavander);
}

.fill-blueLight {
  fill: var(--color-blueLight);
}

.fill-offWhite {
  fill: var(--color-offWhite);
}

.fill-disabled-text {
  fill: var(--color-disabled-text);
}

.fill-indigo-lightest {
  fill: var(--color-indigo-lightest);
}

.fill-indigo {
  fill: var(--color-indigo);
}

.fill-figmaColors-accent-secondary {
  fill: var(--color-figmaColors-accent-secondary);
}

.fill-figmaColors-main {
  fill: var(--color-figmaColors-main);
}

.fill-figmaColors-primary-outlined-hover-background {
  fill: var(--color-figmaColors-primary-outlined-hover-background);
}

.fill-figmaColors-primary-outlined-resting-border {
  fill: var(--color-figmaColors-primary-outlined-resting-border);
}

.fill-figmaColors-secondary-outlined-hover-background {
  fill: var(--color-figmaColors-secondary-outlined-hover-background);
}

.fill-figmaColors-secondary-outlined-resting-border {
  fill: var(--color-figmaColors-secondary-outlined-resting-border);
}

.fill-figmaColors-text-disabled {
  fill: var(--color-figmaColors-text-disabled);
}

.fill-figmaColors-text-primary {
  fill: var(--color-figmaColors-text-primary);
}

.fill-figmaColors-outlined-border {
  fill: var(--color-figmaColors-outlined-border);
}

.fill-figmaColors-divider {
  fill: var(--color-figmaColors-divider);
}

.hover-fill-main:hover svg {
  fill: var(--color-main);
}

.hover-fill-gray-light-shade:hover svg {
  fill: var(--color-gray-light-shade);
}

.hover-fill-gray-lightest:hover svg {
  fill: var(--color-gray-lightest);
}

.hover-fill-gray-lighter:hover svg {
  fill: var(--color-gray-lighter);
}

.hover-fill-gray-light:hover svg {
  fill: var(--color-gray-light);
}

.hover-fill-gray-bg:hover svg {
  fill: var(--color-gray-bg);
}

.hover-fill-gray-medium:hover svg {
  fill: var(--color-gray-medium);
}

.hover-fill-gray-dark:hover svg {
  fill: var(--color-gray-dark);
}

.hover-fill-gray-darkest:hover svg {
  fill: var(--color-gray-darkest);
}

.hover-fill-gray-light-blue:hover svg {
  fill: var(--color-gray-light-blue);
}

.hover-fill-teal:hover svg {
  fill: var(--color-teal);
}

.hover-fill-teal-dark:hover svg {
  fill: var(--color-teal-dark);
}

.hover-fill-teal-light:hover svg {
  fill: var(--color-teal-light);
}

.hover-fill-tealx:hover svg {
  fill: var(--color-tealx);
}

.hover-fill-tealx-light:hover svg {
  fill: var(--color-tealx-light);
}

.hover-fill-tealx-light-border:hover svg {
  fill: var(--color-tealx-light-border);
}

.hover-fill-tealx-lightest:hover svg {
  fill: var(--color-tealx-lightest);
}

.hover-fill-orange:hover svg {
  fill: var(--color-orange);
}

.hover-fill-yellow:hover svg {
  fill: var(--color-yellow);
}

.hover-fill-yellow2:hover svg {
  fill: var(--color-yellow2);
}

.hover-fill-orange-dark:hover svg {
  fill: var(--color-orange-dark);
}

.hover-fill-green:hover svg {
  fill: var(--color-green);
}

.hover-fill-green2:hover svg {
  fill: var(--color-green2);
}

.hover-fill-green-light:hover svg {
  fill: var(--color-green-light);
}

.hover-fill-green-dark:hover svg {
  fill: var(--color-green-dark);
}

.hover-fill-red:hover svg {
  fill: var(--color-red);
}

.hover-fill-red2:hover svg {
  fill: var(--color-red2);
}

.hover-fill-red-light:hover svg {
  fill: var(--color-red-light);
}

.hover-fill-red-lightest:hover svg {
  fill: var(--color-red-lightest);
}

.hover-fill-blue:hover svg {
  fill: var(--color-blue);
}

.hover-fill-blue2:hover svg {
  fill: var(--color-blue2);
}

.hover-fill-active-blue:hover svg {
  fill: var(--color-active-blue);
}

.hover-fill-active-dark-blue:hover svg {
  fill: var(--color-active-dark-blue);
}

.hover-fill-bg-blue:hover svg {
  fill: var(--color-bg-blue);
}

.hover-fill-active-blue-border:hover svg {
  fill: var(--color-active-blue-border);
}

.hover-fill-pink:hover svg {
  fill: var(--color-pink);
}

.hover-fill-light-blue-bg:hover svg {
  fill: var(--color-light-blue-bg);
}

.hover-fill-white:hover svg {
  fill: var(--color-white);
}

.hover-fill-black:hover svg {
  fill: var(--color-black);
}

.hover-fill-gray-border:hover svg {
  fill: var(--color-gray-border);
}

.hover-fill-borderColor-default:hover svg {
  fill: var(--color-borderColor-default);
}

.hover-fill-borderColor-gray-light-shade:hover svg {
  fill: var(--color-borderColor-gray-light-shade);
}

.hover-fill-borderColor-primary:hover svg {
  fill: var(--color-borderColor-primary);
}

.hover-fill-borderColor-transparent:hover svg {
  fill: var(--color-borderColor-transparent);
}

.hover-fill-transparent:hover svg {
  fill: var(--color-transparent);
}

.hover-fill-cyan:hover svg {
  fill: var(--color-cyan);
}

.hover-fill-amber:hover svg {
  fill: var(--color-amber);
}

.hover-fill-amber-medium:hover svg {
  fill: var(--color-amber-medium);
}

.hover-fill-glassWhite:hover svg {
  fill: var(--color-glassWhite);
}

.hover-fill-glassMint:hover svg {
  fill: var(--color-glassMint);
}

.hover-fill-glassLavander:hover svg {
  fill: var(--color-glassLavander);
}

.hover-fill-blueLight:hover svg {
  fill: var(--color-blueLight);
}

.hover-fill-offWhite:hover svg {
  fill: var(--color-offWhite);
}

.hover-fill-disabled-text:hover svg {
  fill: var(--color-disabled-text);
}

.hover-fill-indigo-lightest:hover svg {
  fill: var(--color-indigo-lightest);
}

.hover-fill-indigo:hover svg {
  fill: var(--color-indigo);
}

.hover-fill-figmaColors-accent-secondary:hover svg {
  fill: var(--color-figmaColors-accent-secondary);
}

.hover-fill-figmaColors-main:hover svg {
  fill: var(--color-figmaColors-main);
}

.hover-fill-figmaColors-primary-outlined-hover-background:hover svg {
  fill: var(--color-figmaColors-primary-outlined-hover-background);
}

.hover-fill-figmaColors-primary-outlined-resting-border:hover svg {
  fill: var(--color-figmaColors-primary-outlined-resting-border);
}

.hover-fill-figmaColors-secondary-outlined-hover-background:hover svg {
  fill: var(--color-figmaColors-secondary-outlined-hover-background);
}

.hover-fill-figmaColors-secondary-outlined-resting-border:hover svg {
  fill: var(--color-figmaColors-secondary-outlined-resting-border);
}

.hover-fill-figmaColors-text-disabled:hover svg {
  fill: var(--color-figmaColors-text-disabled);
}

.hover-fill-figmaColors-text-primary:hover svg {
  fill: var(--color-figmaColors-text-primary);
}

.hover-fill-figmaColors-outlined-border:hover svg {
  fill: var(--color-figmaColors-outlined-border);
}

.hover-fill-figmaColors-divider:hover svg {
  fill: var(--color-figmaColors-divider);
}

.color-main {
  color: var(--color-main);
}

.color-gray-light-shade {
  color: var(--color-gray-light-shade);
}

.color-gray-lightest {
  color: var(--color-gray-lightest);
}

.color-gray-lighter {
  color: var(--color-gray-lighter);
}

.color-gray-light {
  color: var(--color-gray-light);
}

.color-gray-bg {
  color: var(--color-gray-bg);
}

.color-gray-medium {
  color: var(--color-gray-medium);
}

.color-gray-dark {
  color: var(--color-gray-dark);
}

.color-gray-darkest {
  color: var(--color-gray-darkest);
}

.color-gray-light-blue {
  color: var(--color-gray-light-blue);
}

.color-teal {
  color: var(--color-teal);
}

.color-teal-dark {
  color: var(--color-teal-dark);
}

.color-teal-light {
  color: var(--color-teal-light);
}

.color-tealx {
  color: var(--color-tealx);
}

.color-tealx-light {
  color: var(--color-tealx-light);
}

.color-tealx-light-border {
  color: var(--color-tealx-light-border);
}

.color-tealx-lightest {
  color: var(--color-tealx-lightest);
}

.color-orange {
  color: var(--color-orange);
}

.color-yellow {
  color: var(--color-yellow);
}

.color-yellow2 {
  color: var(--color-yellow2);
}

.color-orange-dark {
  color: var(--color-orange-dark);
}

.color-green {
  color: var(--color-green);
}

.color-green2 {
  color: var(--color-green2);
}

.color-green-light {
  color: var(--color-green-light);
}

.color-green-dark {
  color: var(--color-green-dark);
}

.color-red2 {
  color: var(--color-red2);
}

.color-red-light {
  color: var(--color-red-light);
}

.color-red-lightest {
  color: var(--color-red-lightest);
}

.color-blue {
  color: var(--color-blue);
}

.color-blue2 {
  color: var(--color-blue2);
}

.color-active-blue {
  color: var(--color-active-blue);
}

.color-active-dark-blue {
  color: var(--color-active-dark-blue);
}

.color-bg-blue {
  color: var(--color-bg-blue);
}

.color-active-blue-border {
  color: var(--color-active-blue-border);
}

.color-pink {
  color: var(--color-pink);
}

.color-light-blue-bg {
  color: var(--color-light-blue-bg);
}

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

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

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

.color-borderColor-default {
  color: var(--color-borderColor-default);
}

.color-borderColor-gray-light-shade {
  color: var(--color-borderColor-gray-light-shade);
}

.color-borderColor-primary {
  color: var(--color-borderColor-primary);
}

.color-borderColor-transparent {
  color: var(--color-borderColor-transparent);
}

.color-transparent {
  color: var(--color-transparent);
}

.color-cyan {
  color: var(--color-cyan);
}

.color-amber {
  color: var(--color-amber);
}

.color-amber-medium {
  color: var(--color-amber-medium);
}

.color-glassWhite {
  color: var(--color-glassWhite);
}

.color-glassMint {
  color: var(--color-glassMint);
}

.color-glassLavander {
  color: var(--color-glassLavander);
}

.color-blueLight {
  color: var(--color-blueLight);
}

.color-offWhite {
  color: var(--color-offWhite);
}

.color-disabled-text {
  color: var(--color-disabled-text);
}

.color-indigo-lightest {
  color: var(--color-indigo-lightest);
}

.color-indigo {
  color: var(--color-indigo);
}

.color-figmaColors-accent-secondary {
  color: var(--color-figmaColors-accent-secondary);
}

.color-figmaColors-main {
  color: var(--color-figmaColors-main);
}

.color-figmaColors-primary-outlined-hover-background {
  color: var(--color-figmaColors-primary-outlined-hover-background);
}

.color-figmaColors-primary-outlined-resting-border {
  color: var(--color-figmaColors-primary-outlined-resting-border);
}

.color-figmaColors-secondary-outlined-hover-background {
  color: var(--color-figmaColors-secondary-outlined-hover-background);
}

.color-figmaColors-secondary-outlined-resting-border {
  color: var(--color-figmaColors-secondary-outlined-resting-border);
}

.color-figmaColors-text-disabled {
  color: var(--color-figmaColors-text-disabled);
}

.color-figmaColors-text-primary {
  color: var(--color-figmaColors-text-primary);
}

.color-figmaColors-outlined-border {
  color: var(--color-figmaColors-outlined-border);
}

.color-figmaColors-divider {
  color: var(--color-figmaColors-divider);
}

.hover-main:hover {
  color: var(--color-main);
}

.hover-gray-light-shade:hover {
  color: var(--color-gray-light-shade);
}

.hover-gray-lightest:hover {
  color: var(--color-gray-lightest);
}

.hover-gray-lighter:hover {
  color: var(--color-gray-lighter);
}

.hover-gray-light:hover {
  color: var(--color-gray-light);
}

.hover-gray-bg:hover {
  color: var(--color-gray-bg);
}

.hover-gray-medium:hover {
  color: var(--color-gray-medium);
}

.hover-gray-dark:hover {
  color: var(--color-gray-dark);
}

.hover-gray-darkest:hover {
  color: var(--color-gray-darkest);
}

.hover-gray-light-blue:hover {
  color: var(--color-gray-light-blue);
}

.hover-teal:hover {
  color: var(--color-teal);
}

.hover-teal-dark:hover {
  color: var(--color-teal-dark);
}

.hover-teal-light:hover {
  color: var(--color-teal-light);
}

.hover-tealx:hover {
  color: var(--color-tealx);
}

.hover-tealx-light:hover {
  color: var(--color-tealx-light);
}

.hover-tealx-light-border:hover {
  color: var(--color-tealx-light-border);
}

.hover-tealx-lightest:hover {
  color: var(--color-tealx-lightest);
}

.hover-orange:hover {
  color: var(--color-orange);
}

.hover-yellow:hover {
  color: var(--color-yellow);
}

.hover-yellow2:hover {
  color: var(--color-yellow2);
}

.hover-orange-dark:hover {
  color: var(--color-orange-dark);
}

.hover-green:hover {
  color: var(--color-green);
}

.hover-green2:hover {
  color: var(--color-green2);
}

.hover-green-light:hover {
  color: var(--color-green-light);
}

.hover-green-dark:hover {
  color: var(--color-green-dark);
}

.hover-red:hover {
  color: var(--color-red);
}

.hover-red2:hover {
  color: var(--color-red2);
}

.hover-red-light:hover {
  color: var(--color-red-light);
}

.hover-red-lightest:hover {
  color: var(--color-red-lightest);
}

.hover-blue:hover {
  color: var(--color-blue);
}

.hover-blue2:hover {
  color: var(--color-blue2);
}

.hover-active-blue:hover {
  color: var(--color-active-blue);
}

.hover-active-dark-blue:hover {
  color: var(--color-active-dark-blue);
}

.hover-bg-blue:hover {
  color: var(--color-bg-blue);
}

.hover-active-blue-border:hover {
  color: var(--color-active-blue-border);
}

.hover-pink:hover {
  color: var(--color-pink);
}

.hover-light-blue-bg:hover {
  color: var(--color-light-blue-bg);
}

.hover-white:hover {
  color: var(--color-white);
}

.hover-black:hover {
  color: var(--color-black);
}

.hover-gray-border:hover {
  color: var(--color-gray-border);
}

.hover-borderColor-default:hover {
  color: var(--color-borderColor-default);
}

.hover-borderColor-gray-light-shade:hover {
  color: var(--color-borderColor-gray-light-shade);
}

.hover-borderColor-primary:hover {
  color: var(--color-borderColor-primary);
}

.hover-borderColor-transparent:hover {
  color: var(--color-borderColor-transparent);
}

.hover-transparent:hover {
  color: var(--color-transparent);
}

.hover-cyan:hover {
  color: var(--color-cyan);
}

.hover-amber:hover {
  color: var(--color-amber);
}

.hover-amber-medium:hover {
  color: var(--color-amber-medium);
}

.hover-glassWhite:hover {
  color: var(--color-glassWhite);
}

.hover-glassMint:hover {
  color: var(--color-glassMint);
}

.hover-glassLavander:hover {
  color: var(--color-glassLavander);
}

.hover-blueLight:hover {
  color: var(--color-blueLight);
}

.hover-offWhite:hover {
  color: var(--color-offWhite);
}

.hover-disabled-text:hover {
  color: var(--color-disabled-text);
}

.hover-indigo-lightest:hover {
  color: var(--color-indigo-lightest);
}

.hover-indigo:hover {
  color: var(--color-indigo);
}

.hover-figmaColors-accent-secondary:hover {
  color: var(--color-figmaColors-accent-secondary);
}

.hover-figmaColors-main:hover {
  color: var(--color-figmaColors-main);
}

.hover-figmaColors-primary-outlined-hover-background:hover {
  color: var(--color-figmaColors-primary-outlined-hover-background);
}

.hover-figmaColors-primary-outlined-resting-border:hover {
  color: var(--color-figmaColors-primary-outlined-resting-border);
}

.hover-figmaColors-secondary-outlined-hover-background:hover {
  color: var(--color-figmaColors-secondary-outlined-hover-background);
}

.hover-figmaColors-secondary-outlined-resting-border:hover {
  color: var(--color-figmaColors-secondary-outlined-resting-border);
}

.hover-figmaColors-text-disabled:hover {
  color: var(--color-figmaColors-text-disabled);
}

.hover-figmaColors-text-primary:hover {
  color: var(--color-figmaColors-text-primary);
}

.hover-figmaColors-outlined-border:hover {
  color: var(--color-figmaColors-outlined-border);
}

.hover-figmaColors-divider:hover {
  color: var(--color-figmaColors-divider);
}

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

.border-gray-light-shade {
  border-color: var(--color-gray-light-shade);
}

.border-gray-lightest {
  border-color: var(--color-gray-lightest);
}

.border-gray-lighter {
  border-color: var(--color-gray-lighter);
}

.border-gray-light {
  border-color: var(--color-gray-light);
}

.border-gray-bg {
  border-color: var(--color-gray-bg);
}

.border-gray-medium {
  border-color: var(--color-gray-medium);
}

.border-gray-dark {
  border-color: var(--color-gray-dark);
}

.border-gray-darkest {
  border-color: var(--color-gray-darkest);
}

.border-gray-light-blue {
  border-color: var(--color-gray-light-blue);
}

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

.border-teal-dark {
  border-color: var(--color-teal-dark);
}

.border-teal-light {
  border-color: var(--color-teal-light);
}

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

.border-tealx-light {
  border-color: var(--color-tealx-light);
}

.border-tealx-light-border {
  border-color: var(--color-tealx-light-border);
}

.border-tealx-lightest {
  border-color: var(--color-tealx-lightest);
}

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

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

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

.border-orange-dark {
  border-color: var(--color-orange-dark);
}

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

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

.border-green-light {
  border-color: var(--color-green-light);
}

.border-green-dark {
  border-color: var(--color-green-dark);
}

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

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

.border-red-light {
  border-color: var(--color-red-light);
}

.border-red-lightest {
  border-color: var(--color-red-lightest);
}

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

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

.border-active-blue {
  border-color: var(--color-active-blue);
}

.border-active-dark-blue {
  border-color: var(--color-active-dark-blue);
}

.border-bg-blue {
  border-color: var(--color-bg-blue);
}

.border-active-blue-border {
  border-color: var(--color-active-blue-border);
}

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

.border-light-blue-bg {
  border-color: var(--color-light-blue-bg);
}

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

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

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

.border-borderColor-default {
  border-color: var(--color-borderColor-default);
}

.border-borderColor-gray-light-shade {
  border-color: var(--color-borderColor-gray-light-shade);
}

.border-borderColor-primary {
  border-color: var(--color-borderColor-primary);
}

.border-borderColor-transparent {
  border-color: var(--color-borderColor-transparent);
}

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

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

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

.border-amber-medium {
  border-color: var(--color-amber-medium);
}

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

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

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

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

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

.border-disabled-text {
  border-color: var(--color-disabled-text);
}

.border-indigo-lightest {
  border-color: var(--color-indigo-lightest);
}

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

.border-figmaColors-accent-secondary {
  border-color: var(--color-figmaColors-accent-secondary);
}

.border-figmaColors-main {
  border-color: var(--color-figmaColors-main);
}

.border-figmaColors-primary-outlined-hover-background {
  border-color: var(--color-figmaColors-primary-outlined-hover-background);
}

.border-figmaColors-primary-outlined-resting-border {
  border-color: var(--color-figmaColors-primary-outlined-resting-border);
}

.border-figmaColors-secondary-outlined-hover-background {
  border-color: var(--color-figmaColors-secondary-outlined-hover-background);
}

.border-figmaColors-secondary-outlined-resting-border {
  border-color: var(--color-figmaColors-secondary-outlined-resting-border);
}

.border-figmaColors-text-disabled {
  border-color: var(--color-figmaColors-text-disabled);
}

.border-figmaColors-text-primary {
  border-color: var(--color-figmaColors-text-primary);
}

.border-figmaColors-outlined-border {
  border-color: var(--color-figmaColors-outlined-border);
}

.border-figmaColors-divider {
  border-color: var(--color-figmaColors-divider);
}

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

.bg-gray-light-shade {
  background-color: var(--color-gray-light-shade);
}

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

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

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

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

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

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

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

.bg-gray-light-blue {
  background-color: var(--color-gray-light-blue);
}

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

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

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

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

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

.bg-tealx-light-border {
  background-color: var(--color-tealx-light-border);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-active-dark-blue {
  background-color: var(--color-active-dark-blue);
}

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

.bg-active-blue-border {
  background-color: var(--color-active-blue-border);
}

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

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

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

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

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

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

.bg-borderColor-gray-light-shade {
  background-color: var(--color-borderColor-gray-light-shade);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-figmaColors-accent-secondary {
  background-color: var(--color-figmaColors-accent-secondary);
}

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

.bg-figmaColors-primary-outlined-hover-background {
  background-color: var(--color-figmaColors-primary-outlined-hover-background);
}

.bg-figmaColors-primary-outlined-resting-border {
  background-color: var(--color-figmaColors-primary-outlined-resting-border);
}

.bg-figmaColors-secondary-outlined-hover-background {
  background-color: var(--color-figmaColors-secondary-outlined-hover-background);
}

.bg-figmaColors-secondary-outlined-resting-border {
  background-color: var(--color-figmaColors-secondary-outlined-resting-border);
}

.bg-figmaColors-text-disabled {
  background-color: var(--color-figmaColors-text-disabled);
}

.bg-figmaColors-text-primary {
  background-color: var(--color-figmaColors-text-primary);
}

.bg-figmaColors-outlined-border {
  background-color: var(--color-figmaColors-outlined-border);
}

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

.Toastify__toast {
  color: #888;
  border-left: 5px solid #0000;
  background-color: #fff !important;
}

.Toastify__toast.Toastify__toast--default {
  border-color: #394eff;
}

.Toastify__toast.Toastify__toast--info {
  border-color: #3eaaaf;
}

.Toastify__toast.Toastify__toast--success {
  border-color: #394eff;
}

.Toastify__toast.Toastify__toast--warning {
  border-color: #e28940;
}

.Toastify__toast.Toastify__toast--error {
  border-color: #c00;
}

.Toastify__progress-bar--wrp {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

:root {
  --toastify-color-info: #3eaaaf;
  --toastify-color-success: #394eff;
  --toastify-color-warning: #e28940;
  --toastify-color-error: #c00;
  --toastify-color-transparent: #ffffffb3;
  --toastify-color-progress-light: #394eff;
  --toastify-icon-color-info: #3eaaaf;
  --toastify-icon-color-success: #394eff;
  --toastify-icon-color-warning: #e28940;
  --toastify-icon-color-error: #c00;
  --bg-teal: var(--color-main);
  --ai-brand: var(--color-main, #6777c7);
  --ai-brand-05: #6777c70d;
  --ai-brand-08: #6777c714;
  --ai-brand-12: #6777c71f;
  --ai-brand-18: #6777c72e;
  --ai-brand-25: #6777c740;
  --ai-brand-40: #6777c766;
  --ai-surface: var(--color-white, #fff);
  --ai-surface-2: var(--color-gray-lightest, #f9f9fb);
  --ai-surface-3: var(--color-gray-lighter, #f0f0f3);
  --ai-text: #000000de;
  --ai-muted: #0009;
  --ai-muted-2: #00000061;
  --ai-border: #00000014;
  --ai-border-strong: #0000001f;
  --ai-shadow-soft: 0 1px 3px #00000014;
  --ai-shadow-lift: 0 12px 24px #0000001f;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ai-surface: #1b1c1f;
    --ai-surface-2: #121213;
    --ai-surface-3: #212225;
    --ai-text: #ffffffde;
    --ai-muted: #ffffffa6;
    --ai-muted-2: #ffffff61;
    --ai-border: #ffffff1a;
    --ai-border-strong: #ffffff29;
    --ai-shadow-soft: 0 1px 3px #00000059;
    --ai-shadow-lift: 0 16px 32px #00000073;
  }
}

:root {
  --prim-brand: var(--color-main, #6777c7);
  --prim-brand-05: #6777c70d;
  --prim-brand-08: #6777c714;
  --prim-brand-12: #6777c71f;
  --prim-brand-18: #6777c72e;
  --prim-brand-25: #6777c740;
  --prim-brand-40: #6777c766;
  --prim-surface: var(--color-white, #fff);
  --prim-surface-2: var(--color-gray-lightest, #f9f9fb);
  --prim-surface-3: var(--color-gray-lighter, #f0f0f3);
  --prim-text: #000000de;
  --prim-muted: #0000009e;
  --prim-muted-2: #00000061;
  --prim-border: #00000014;
  --prim-border-strong: #0000001f;
  --prim-shadow-soft: 0 1px 3px #00000014;
  --prim-shadow-lift: 0 12px 24px #0000001f;
}

@media (prefers-color-scheme: dark) {
  :root {
    --prim-surface: #1b1c1f;
    --prim-surface-2: #121213;
    --prim-surface-3: #212225;
    --prim-text: #ffffffde;
    --prim-muted: #ffffffa6;
    --prim-muted-2: #ffffff61;
    --prim-border: #ffffff1a;
    --prim-border-strong: #ffffff29;
    --prim-shadow-soft: 0 1px 3px #00000059;
    --prim-shadow-lift: 0 16px 32px #00000073;
  }
}

.ant-menu-submenu-title {
  padding: 0 20px 0 21px !important;
}

.ml-15 {
  margin-left: 15px;
}

.ph-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.ph-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.info.info.info.info.info {
  background-color: var(--color-glassMint);
}

.info.info.info.info.info:hover {
  background-color: var(--color-indigo-lightest);
}

.warn.warn.warn.warn {
  background-color: var(--color-amber);
}

.warn.warn.warn.warn:hover {
  background-color: var(--color-amber-medium);
}

.error.error.error.error {
  background-color: var(--color-red-light);
}

.error.error.error.error:hover {
  background-color: var(--color-red-lightest);
}

.thin-scrollbar {
  scrollbar-width: thin;
}

.thin-scrollbar::-webkit-scrollbar {
  width: 4px;
}

.scroll-x {
  scrollbar-width: thin;
  overflow-x: auto;
}

.scroll-x::-webkit-scrollbar {
  width: 4px;
}

.scroll-y {
  scrollbar-width: thin;
  overflow-y: auto;
}

.scroll-y::-webkit-scrollbar {
  width: 4px;
}

.grecaptcha-badge {
  display: none !important;
}

.font-size-10 {
  font-size: 10px;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-20 {
  font-size: 20px;
}

.font-weight-regular {
  font-weight: 400;
}

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

.font-weight-thin {
  font-weight: 100;
}

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

.default-hover {
  transition: all .4s;
}

.default-hover:hover {
  transition: all .2s;
}

.default-hover:hover, .default-hover:hover a {
  color: var(--color-teal);
}

.default-hover:hover svg {
  fill: var(--color-teal);
}

.img-circle {
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0 .3);
  border-radius: 50%;
}

.rounded-sm .ant-select-selector {
  border-radius: .25rem !important;
}

.rounded-lg .ant-select-selector {
  border-radius: .5rem !important;
}

.rounded-xl .ant-select-selector {
  border-radius: .75rem !important;
}

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

.border-b-light {
  border-bottom: solid thin$ gray-light;
}

.mb-15-imp {
  margin-bottom: 15px !important;
}

.color-red {
  color: var(--color-red);
}

.ElementsApp, .ElementsApp .InputElement, .InputContainer .InputElement {
  padding: 20px;
  font-size: 40px;
  background-color: #fff !important;
  border: thin solid #fff !important;
}

.ui.modal > .content {
  background-color: #fff !important;
}

.ui.modal > .actions {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  text-align: left !important;
}

.border-gray-light {
  border: thin solid var(--color-gray-light);
}

.btn-disabled {
  opacity: .5;
  pointer-events: none;
}

.code-font {
  font-family: Menlo, monaco, consolas, monospace;
  font-size: 13px;
}

::placeholder {
  font-size: 14px;
  color: var(--color-gray-medium) !important;
}

.placeholder-lg::placeholder {
  font-size: 16px;
  color: var(--color-gray-medium) !important;
}

.ui[class*="top fixed"].menu {
  background-color: #fff !important;
  border-bottom: thin solid #ddd !important;
}

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

.muted {
  color: var(--color-gray-medium);
}

.thin-gray-border {
  border: 1px solid$ gray-light;
}

.thin-blue-border {
  border: 1px solid$ active-blue-border;
}

.speedIndexPopup {
  font-size: 10px !important;
}

.speedIndexPopup span {
  margin-left: 10px;
  font-size: 10px;
}

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

.gray-hover:hover {
  background-color: var(--color-gray-light);
  transition: all .4s;
}

.quote:before {
  content: "“";
  top: 10px;
  left: 0;
}

.quote:after, .quote:before {
  color: #0000001a;
  font-size: 140px;
  position: absolute;
}

.quote:after {
  content: "„";
  bottom: 10px;
  right: 0;
}

.cap-first:first-letter {
  text-transform: capitalize;
}

.bg-hover {
  transition: all .3s;
}

.bg-hover:hover {
  background-color: var(--color-active-blue);
  transition: all .2s;
}

.ui.progress:last-child {
  margin: 0 !important;
}

.blink-border {
  border-color: #c00;
  animation: 1s 3 blink;
}

.underline-dashed {
  text-decoration: underline 2px dashed;
}

@keyframes blink {
  50% {
    border-color: #fff;
  }
}

.highlight-gray {
  background-color: var(--color-gray-medium);
  color: #fff;
  border-radius: 3px;
  padding: 1px 2px;
}

.highlight-blue {
  background-color: var(--color-active-blue);
  border-radius: 3px;
  padding: 1px 3px;
}

.hljs {
  background-color: var(--color-gray-lightest) !important;
  border-radius: 6px !important;
  padding: 12px !important;
  font-size: 12px !important;
}

p {
  margin-bottom: 10px !important;
}

.link {
  cursor: pointer;
  color: var(--color-teal) !important;
}

.link:hover {
  text-decoration: underline !important;
}

.tippy-tooltip.oxvosessions-theme {
  background-color: var(--color-tealx);
  color: #fff;
}

.tippy-tooltip.oxvosessions-theme[data-animatefill] {
  background-color: #0000;
}

.tippy-tooltip.oxvosessions-theme .tippy-backdrop {
  background-color: var(--color-tealx);
}

.nopadding-theme, .tippy-tooltip[data-theme~="nopadding"] {
  padding: 0 !important;
  transition: none !important;
}

.tippy-tooltip[data-theme~="nopadding"] > .enter {
  background-color: #0000 !important;
}

.tippy-notransition, .tippy-notransition > * {
  will-change: unset !important;
  transition: none !important;
}

@media print {
  .no-print {
    display: none !important;
  }
}

.printable-report * {
  white-space: nowrap !important;
}

.recharts-default-legend {
  justify-content: center;
  align-items: center;
  display: flex !important;
}

.recharts-legend-item {
  align-items: center !important;
  display: flex !important;
}

.recharts-legend-item, .recharts-legend-item-text {
  white-space: nowrap !important;
}

.stripes {
  background: repeating-linear-gradient(135deg, #0000, #0000 2px, #ccc 1px 1px);
}

.animate-fade {
  animation: .1s cubic-bezier(.4, 0, .6, 1) fade;
}

@keyframes fade {
  to {
    opacity: 1;
  }

  0% {
    opacity: 0;
  }
}

#arrow {
  background: #333;
  width: 80px;
  height: 80px;
  position: absolute;
  transform: rotate(45deg);
}

.dev-row {
  transition: all .5s;
}

.hover-color-teal:hover, .hover-color-teal:hover div {
  color: var(--color-teal) !important;
}

.hover-color-teal:hover svg {
  fill: var(--color-teal) !important;
}

.text-area {
  resize: none;
  background-color: #fff;
  border: thin solid #ddd;
  border-radius: 3px;
}

.pref-projects-menu .ant-menu-light .ant-menu-item-selected {
  color: #000000b3;
  background-color: #f6f7ff;
  font-weight: 500;
}

.pref-projects-menu .ant-menu-light .ant-menu-item {
  border-radius: .75rem;
  margin-bottom: .5rem;
}

.dashboardDataPeriodSelector .dashboardMoreOptionsLabel {
  display: none;
}

.utStatusToggler .ant-select-selector {
  border-radius: .5rem;
  box-shadow: 0 1px 2px #0000000d;
}

.eg-card input[name="search"] {
  visibility: hidden !important;
}

.ant-segmented-group {
  gap: .25rem;
}

.ant-segmented-item-label {
  align-items: center;
  display: flex;
}

input[type="number"]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

input[type="number"]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.ant-segmented-item {
  border-radius: .5rem !important;
}

.recharts-legend-item {
  margin-right: 0;
  padding: 0 10px;
}

.recharts-legend-item-text {
  user-select: none;
}

@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-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-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-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-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
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.form-field > label {
  color: "#888";
  margin-bottom: 5px;
  font-weight: 500;
}

.capitalize-first:first-letter {
  text-transform: uppercase;
}

input.no-focus:focus {
  border: thin solid #0000 !important;
  outline: none !important;
}

.widget-wrapper {
  background-color: var(--cw-surface);
  border: 1px solid var(--cw-border);
  border-radius: var(--cw-radius-lg);
  box-shadow: var(--cw-shadow-sm);
  overflow: hidden;
}

img {
  display: inline-block;
}

:root {
  --cw-shadow-sm: 0 1px 2px #0f172a14;
  --cw-shadow-md: 0 8px 24px #0f172a14;
  --cw-surface: var(--color-white);
  --cw-surface-muted: var(--color-gray-lightest);
  --cw-border: var(--color-gray-light);
  --cw-text-muted: var(--color-gray-medium);
  --cw-radius-lg: 12px;
  --cw-radius-md: 8px;
}

body {
  background-color: var(--color-gray-lightest);
  color: var(--color-gray-darkest);
}

a {
  color: var(--color-main);
}

a:hover {
  color: var(--color-teal-dark);
}

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="text"], input[type="url"], select, textarea {
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-light);
  border-radius: var(--cw-radius-md);
  transition: border-color .2s, box-shadow .2s;
}

input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus {
  border-color: var(--color-main);
  box-shadow: 0 0 0 3px var(--color-teal-light);
}

.ant-card, .ant-dropdown-menu, .ant-modal-content {
  border-color: var(--cw-border);
  border-radius: var(--cw-radius-lg);
  box-shadow: var(--cw-shadow-sm);
}

.ant-card-head {
  border-bottom-color: var(--cw-border);
}

.ant-table-container {
  border-radius: var(--cw-radius-lg);
  box-shadow: var(--cw-shadow-sm);
  overflow: hidden;
}

.ant-input, .ant-input-affix-wrapper, .ant-select-selector {
  border-radius: var(--cw-radius-md) !important;
}

.ant-input-search-with-button .ant-input, .ant-input-search-with-button .ant-input-affix-wrapper {
  border-radius: var(--cw-radius-md) 0 0 var(--cw-radius-md) !important;
}

.ant-input-search-with-button .ant-input-group-addon, .ant-input-search-with-button .ant-input-group-addon .ant-btn {
  border-radius: 0 var(--cw-radius-md) var(--cw-radius-md) 0 !important;
}

.ant-input-search .ant-input-affix-wrapper {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.lucide {
  stroke-width: 1.5px;
}

.reset .lucide {
  stroke-width: revert-layer;
}

.ant-pagination-simple-pager input {
  min-width: 80px;
}

.ant-table {
  background: none;
}

.ant-table-container {
  border: 1px solid var(--cw-border);
}

.ant-table-thead > tr > th {
  background: var(--cw-surface-muted);
  border-bottom: 2px solid var(--cw-border);
  color: var(--cw-text-muted);
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 12px 16px;
  font-size: 11px;
  font-weight: 600;
}

.ant-table-thead > tr > th:before {
  background-color: #0000 !important;
}

.ant-table-tbody > tr > td {
  border-bottom: 1px solid var(--cw-border);
  padding: 12px 16px;
}

.ant-table-tbody > tr:last-child > td {
  border-bottom: none;
}

.ant-table-tbody > tr.ant-table-row:hover > td {
  background: var(--color-active-blue);
}

.ant-table-tbody > tr.ant-table-row-selected > td {
  background: var(--color-active-blue) !important;
}

.ant-pagination {
  margin: 16px 0 0;
}

.ant-pagination-item {
  border-color: var(--cw-border);
  border-radius: var(--cw-radius-md);
}

.ant-pagination-item-active {
  border-color: var(--color-main);
}

.ant-pagination-item-active a {
  color: var(--color-main);
}

.C6mdfq_loader {
  background-image: svg-load(oxvosessions-preloader. svg, fill= #fff0);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  margin: auto;
  display: block;
}

.C6mdfq_loader[data-size="medium"] {
  width: 70px;
  height: 70px;
}

.C6mdfq_loader[data-size="small"] {
  width: 28px;
  height: 28px;
}

.C6mdfq_wrapper {
  background: linear-gradient(180deg, var(--prim-surface), var(--prim-surface-2));
  border: 1px dashed var(--prim-border);
  justify-content: center;
  align-items: center;
  height: 98%;
  padding: 16px;
  display: flex;
}

.Dicawa_link {
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  font-size: 13px;
  font-weight: 600;
  transition: background-color .16s, color .16s;
  display: inline-flex;
}

.Dicawa_link, .Dicawa_link:hover {
  color: var(--prim-brand);
  text-decoration: none;
}

.Dicawa_link:hover {
  background: var(--prim-brand-05);
}

.Dicawa_link:focus-visible {
  outline: 2px solid var(--prim-brand-25);
  outline-offset: 2px;
}

.Dicawa_link[disabled] {
  opacity: .4;
  pointer-events: none;
}

.XoVCvW_label {
  background: var(--prim-surface-2);
  border: 1px solid var(--prim-border);
  color: var(--prim-text);
  border-radius: 10px;
  gap: 6px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.XoVCvW_label, .XoVCvW_label > div {
  align-items: center;
  display: inline-flex;
}

.XoVCvW_label[data-rounded] {
  border-radius: 999px;
}

.XoVCvW_label[data-red="true"] {
  background-color: var(--color-red-lightest);
  border-color: var(--color-red-light);
  color: var(--color-red);
}

.XoVCvW_label[data-green="true"] {
  background-color: var(--color-green-light);
  border-color: var(--color-green);
  color: var(--color-green-dark);
}

@keyframes BLodPa_fadeInRight {
  0% {
    transform: translate(-100%);
  }

  to {
    transform: translate(0);
  }
}

@keyframes BLodPa_fadeInLeft {
  0% {
    transform: translate(1000px);
  }

  to {
    transform: translate(0);
  }
}

.BLodPa_main.BLodPa_left .BLodPa_contentWrapper {
  left: -200%;
}

.BLodPa_main.BLodPa_right .BLodPa_contentWrapper {
  right: -1000px;
}

.BLodPa_mainPanel {
  box-shadow: var(--prim-shadow-lift);
  z-index: 1;
  height: 100vh;
  overflow-y: auto;
}

.BLodPa_mainPanel::-webkit-scrollbar {
  width: 2px;
}

.BLodPa_mainPanel::-webkit-scrollbar-thumb {
  background: none;
}

.BLodPa_mainPanel::-webkit-scrollbar-track {
  background: none;
}

.BLodPa_mainPanel:hover::-webkit-scrollbar-track {
  background: #f3f3f3;
}

.BLodPa_mainPanel:hover::-webkit-scrollbar-thumb {
  background: var(--color-gray-medium);
}

.BLodPa_contentWrapper {
  background: var(--prim-surface);
  border-left: 1px solid var(--prim-border);
  z-index: 102;
  flex-direction: column;
  height: 100vh;
  transition: left .2s ease-in-out;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
}

.BLodPa_contentWrapper[data-size="big"] {
  width: 1006px;
}

.BLodPa_contentWrapper[data-size="middle"] {
  width: 500px;
}

.BLodPa_contentWrapper[data-size="lg"] {
  width: 400px;
}

.BLodPa_contentWrapper[data-size="small"] {
  width: 350px;
}

.BLodPa_content {
  background: var(--prim-surface);
  z-index: 1;
  height: 100%;
}

.BLodPa_detailContent {
  background-color: var(--prim-surface);
  border-left: 1px solid var(--prim-border);
  height: 100vh;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}

.BLodPa_detailContent[data-displayed="true"] {
  left: 100%;
}

.BLodPa_detailContent::-webkit-scrollbar {
  width: 2px;
}

.BLodPa_detailContent::-webkit-scrollbar-thumb {
  background: none;
}

.BLodPa_detailContent::-webkit-scrollbar-track {
  background: none;
}

.BLodPa_detailContent:hover::-webkit-scrollbar-track {
  background: #f3f3f3;
}

.BLodPa_detailContent:hover::-webkit-scrollbar-thumb {
  background: var(--color-gray-medium);
}

.BLodPa_header {
  background: linear-gradient(180deg, var(--prim-surface), var(--prim-surface-2));
  border-bottom: 1px solid var(--prim-border);
  padding: 20px 16px;
  font-size: 20px;
}

.BLodPa_overlay {
  opacity: 0;
  z-index: 102;
  background-color: #00000080;
  transition: opacity .2s;
  position: fixed;
  inset: 0 100% 0 0;
}

.BLodPa_main[data-displayed="true"] > .BLodPa_overlay {
  opacity: 1;
  transition: opacity .6s;
  right: 0;
}

.BLodPa_main.BLodPa_left[data-displayed="true"] > .BLodPa_contentWrapper {
  transform-origin: 50%;
  animation: .3s ease-in-out forwards BLodPa_fadeInRight;
  left: 0;
}

.BLodPa_main.BLodPa_left[data-displayed="true"] > .BLodPa_closeWrapper {
  transition: all .3s ease-in;
  top: 30px;
  right: 30px;
}

.BLodPa_main.BLodPa_right[data-displayed="true"] > .BLodPa_contentWrapper {
  transform-origin: 50%;
  animation: .3s ease-in-out forwards BLodPa_fadeInLeft;
  right: 0;
}

.BLodPa_main.BLodPa_right[data-displayed="true"] > .BLodPa_closeWrapper {
  transition: all .3s ease-in;
  top: 30px;
  left: 30px;
}

.BLodPa_main[data-displayed="true"] .BLodPa_closeWrapper {
  transition: all .3s ease-in;
  top: 30px;
  right: 30px;
}

.lNdUtq_wrapper {
  background: linear-gradient(180deg, var(--prim-surface), var(--prim-surface-2));
  border: 1px dashed var(--prim-border);
  text-align: center;
  user-select: none;
  border-radius: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 120px;
  margin: auto;
  padding: 32px 24px;
  transition: background-color .16s, border-color .16s;
  display: flex;
}

.lNdUtq_wrapper.lNdUtq_small .lNdUtq_title {
  font-size: 16px;
}

.lNdUtq_wrapper.lNdUtq_small .lNdUtq_subtext {
  font-size: 12px;
}

.lNdUtq_title {
  color: var(--prim-text);
  font-size: 18px;
  font-weight: 700;
}

.lNdUtq_subtext {
  color: var(--prim-muted);
  margin-top: 6px;
  font-size: 13px;
}

.lNdUtq_no-results {
  background-image: svg-load(no-results. svg, fill= #ccc);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 166px;
  height: 166px;
  margin: auto auto 20px;
  display: block;
}

.KLYeTW_button {
  background: var(--prim-surface);
  border: 1px solid var(--prim-border);
  box-shadow: var(--prim-shadow-soft);
  color: var(--prim-text);
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 600;
  transition: border-color .16s, background-color .16s, box-shadow .16s, transform .16s;
  display: inline-flex;
  position: relative;
}

.KLYeTW_button:hover {
  background: var(--prim-surface-2);
  border-color: var(--prim-border-strong);
  box-shadow: var(--prim-shadow-lift);
  transform: translateY(-1px);
}

.KLYeTW_button:disabled, .KLYeTW_button[disabled] {
  box-shadow: none;
  cursor: not-allowed;
  opacity: .45;
  transform: none;
}

.KLYeTW_button.KLYeTW_small {
  border-radius: 10px;
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
}

.KLYeTW_button.KLYeTW_tiny {
  padding: 0 6px;
}

.KLYeTW_button.KLYeTW_buttonSmall, .KLYeTW_button.KLYeTW_tiny {
  border-radius: 9px;
  height: 24px;
  font-size: 11px;
}

.KLYeTW_button.KLYeTW_buttonSmall {
  padding: 0 8px;
}

.KLYeTW_button.KLYeTW_circle {
  border-radius: 999px;
  width: 36px;
  padding: 0;
}

.KLYeTW_button.KLYeTW_compact {
  padding: 0 8px;
}

.KLYeTW_button.KLYeTW_hasLabel {
  gap: 8px;
}

.KLYeTW_button.KLYeTW_shadow {
  box-shadow: var(--prim-shadow-lift);
}

.KLYeTW_button.KLYeTW_plain {
  background: none;
}

.KLYeTW_button.KLYeTW_plain, .KLYeTW_button.KLYeTW_plain:hover {
  box-shadow: none;
  border-color: #0000;
}

.KLYeTW_button.KLYeTW_plain:hover {
  background: var(--prim-brand-05);
  transform: none;
}

.KLYeTW_button.KLYeTW_outline {
  background: var(--prim-surface);
  border-color: var(--prim-brand-25);
  box-shadow: none;
  color: var(--prim-brand);
}

.KLYeTW_button.KLYeTW_outline:hover {
  background: var(--prim-brand-05);
  border-color: var(--prim-brand-18);
  transform: none;
}

.KLYeTW_button.KLYeTW_primary {
  background: var(--prim-brand);
  border-color: var(--prim-brand);
  box-shadow: 0 12px 24px var(--prim-brand-25);
  color: #fff;
}

.KLYeTW_button.KLYeTW_primary:hover {
  box-shadow: 0 16px 30px var(--prim-brand-25);
}

.KLYeTW_button.KLYeTW_red {
  background: var(--color-red);
  border-color: var(--color-red);
  color: #fff;
  box-shadow: 0 12px 24px #e5466640;
}

.KLYeTW_button.KLYeTW_red:hover {
  filter: brightness(.95);
}

.KLYeTW_button.KLYeTW_active {
  background: var(--prim-brand-05);
  border-color: var(--prim-brand-25);
}

.KLYeTW_button.KLYeTW_roundedOutline {
  border-color: var(--prim-brand-25);
  color: var(--prim-brand);
  background: none;
  border-radius: 999px;
}

.KLYeTW_label {
  color: inherit;
  white-space: nowrap;
}

.KLYeTW_primaryText {
  color: var(--prim-brand);
}

.KLYeTW_redText {
  color: var(--color-red);
}

.lU4qiW_menu {
  background: linear-gradient(180deg, var(--prim-surface), var(--prim-surface-2));
  border: 1px solid var(--prim-border);
  box-shadow: var(--prim-shadow-lift);
  border-radius: 14px;
  flex-direction: column;
  gap: 4px;
  min-width: 170px;
  padding: 6px;
  display: flex;
}

.lU4qiW_menuDim {
  box-shadow: var(--prim-shadow-soft);
}

.lU4qiW_menuItem {
  color: var(--prim-text);
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  transition: background-color .16s, color .16s;
  display: flex;
}

.lU4qiW_menuItem:hover {
  background: var(--prim-brand-05);
  color: var(--prim-text);
}

.lU4qiW_disabled {
  cursor: not-allowed;
  opacity: .5;
}

.lU4qiW_iconWrapper {
  color: inherit;
  justify-content: center;
  width: 14px;
  height: 14px;
}

.lU4qiW_iconWrapper, .lU4qiW_trigger {
  align-items: center;
  display: inline-flex;
}

.lU4qiW_trigger {
  color: var(--prim-text);
  background: none;
  border: 1px solid #0000;
  border-radius: 999px;
  gap: 6px;
  padding: 6px 10px;
  font-weight: 600;
  transition: background-color .16s, border-color .16s;
}

.lU4qiW_trigger:hover {
  background: var(--prim-brand-05);
  border-color: var(--prim-border);
}

.lU4qiW_ellipsis {
  background: var(--prim-surface);
  border: 1px solid var(--prim-border);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: inline-flex;
}

.nTiZOa_badge {
  background: linear-gradient(135deg, var(--prim-surface), var(--prim-surface-2));
  border: 1px solid var(--prim-border);
  color: var(--prim-text);
  user-select: none;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 700;
  transition: background-color .16s, border-color .16s, color .16s;
  display: inline-flex;
}

.nTiZOa_badge[data-outline="true"] {
  border-color: var(--prim-brand-18);
  color: var(--prim-brand);
  background: none;
}

.nTiZOa_badge:hover {
  background: var(--prim-brand-05);
  border-color: var(--prim-brand-18);
}

.nTiZOa_badge button {
  color: inherit;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-left: 2px;
  transition: background-color .16s, color .16s;
  display: inline-flex;
}

.nTiZOa_badge button:hover {
  background: var(--prim-brand-08);
}

.nTiZOa_badge[data-hashed="true"]:before {
  color: var(--prim-muted);
  content: "#";
  margin-right: 1px;
  font-weight: 700;
}

.whn6na_tagList {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  display: flex;
}

.whn6na_tagList > div {
  flex-grow: 0;
  flex-shrink: 0;
}

.bmWyqa_loader {
  color: var(--prim-border-strong);
  display: inline-flex;
}

.bmWyqa_spin {
  animation: .9s linear infinite bmWyqa_spin;
}

.bmWyqa_loader[data-size="tiny"] {
  width: 20px;
  height: 20px;
}

.bmWyqa_loader[data-size="large"] {
  width: 28px;
  height: 28px;
}

.bmWyqa_track {
  color: var(--prim-border-strong);
}

.bmWyqa_head {
  color: var(--prim-brand);
}

@keyframes bmWyqa_spin {
  to {
    transform: rotate(1turn);
  }
}

.IWrCcq_backLink {
  color: var(--prim-muted);
  align-items: center;
  gap: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: color .16s;
  display: inline-flex;
}

.IWrCcq_backLink:hover {
  color: var(--prim-brand);
}

.IWrCcq_backLink:focus-visible {
  outline: 2px solid var(--prim-brand-25);
  outline-offset: 2px;
  border-radius: 12px;
}

.IWrCcq_vertical {
  flex-direction: column;
  align-items: center;
}

.IWrCcq_content {
  gap: 6px;
}

.IWrCcq_content, .IWrCcq_iconOnly {
  align-items: center;
  display: inline-flex;
}

.IWrCcq_iconOnly {
  background: linear-gradient(180deg, var(--prim-surface), var(--prim-surface-2));
  border: 1px solid var(--prim-border);
  box-shadow: var(--prim-shadow-soft);
  border-radius: 12px;
  justify-content: center;
  width: 36px;
  height: 36px;
  transition: background-color .16s, border-color .16s;
}

.IWrCcq_backLink:hover .IWrCcq_iconOnly {
  background: var(--prim-brand-05);
  border-color: var(--prim-brand-18);
}

.IWrCcq_label {
  font-size: 13px;
}

.IWrCcq_icon {
  transition: fill .16s;
}

.IWrCcq_backLink:hover .IWrCcq_icon {
  fill: var(--prim-brand);
}

.XpBx5G_wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.XpBx5G_wrapper[data-inline="true"] {
  display: inline-flex;
}

._33vXVW_checkbox {
  --checkbox-brand-rgb: var(--prim-brand-rgb, 103 119 199);
  --checkbox-box: 18px;
  --checkbox-icon: 12px;
  --checkbox-stroke: 2;
  cursor: pointer;
  user-select: none;
  align-items: center;
  display: inline-flex;
  position: relative;
  line-height: normal !important;
}

._33vXVW_sizeSm {
  --checkbox-box: 14px;
  --checkbox-icon: 10px;
  --checkbox-stroke: 2.5;
}

._33vXVW_sizeMd {
  --checkbox-box: 18px;
  --checkbox-icon: 12px;
  --checkbox-stroke: 2;
}

._33vXVW_sizeLg {
  --checkbox-box: 22px;
  --checkbox-icon: 14px;
  --checkbox-stroke: 2;
}

._33vXVW_checkbox.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
  opacity: .5;
}

._33vXVW_checkbox .ant-checkbox {
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
}

._33vXVW_checkbox .ant-checkbox-input {
  width: 0;
  height: 0;
}

._33vXVW_checkbox .ant-checkbox-inner {
  box-shadow: none;
  border: 0;
  width: 0;
  height: 0;
}

._33vXVW_content {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

._33vXVW_checkbox .ant-checkbox-label {
  align-items: center;
  margin-inline-start: 0;
  padding-inline-start: 0;
  display: inline-flex;
}

._33vXVW_label {
  line-height: normal;
}

._33vXVW_visual {
  height: var(--checkbox-box);
  width: var(--checkbox-box);
  background: linear-gradient(135deg, #fffffff2, #fafafaf2);
  border: 1.5px solid #00000026;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
  position: relative;
  box-shadow: 0 1px 3px #0000000d, inset 0 1px 2px #ffffff80;
}

@media (prefers-color-scheme: dark) {
  ._33vXVW_visual {
    background: linear-gradient(135deg, #1e1e1ef2, #141414f2);
    border-color: #ffffff1f;
    box-shadow: 0 1px 3px #0003, inset 0 1px 2px #ffffff0d;
  }
}

._33vXVW_checkbox:focus-within ._33vXVW_visual {
  box-shadow: 0 0 0 3px rgb(var(--checkbox-brand-rgb) / .15), 0 1px 3px #0000000d;
  outline-offset: 2px;
  outline: 2px solid #0000;
}

._33vXVW_checkbox:not(.ant-checkbox-wrapper-disabled):hover ._33vXVW_visual {
  background: linear-gradient(135deg, rgb(var(--checkbox-brand-rgb) / .05) 0, rgb(var(--checkbox-brand-rgb) / .02) 100%);
  border-color: rgb(var(--checkbox-brand-rgb) / .4);
  box-shadow: 0 2px 6px rgb(var(--checkbox-brand-rgb) / .12), 0 1px 3px #00000014;
  transform: translateY(-1px);
}

._33vXVW_checkbox .ant-checkbox-checked + .ant-checkbox-label ._33vXVW_visual {
  background: linear-gradient(135deg, rgb(var(--checkbox-brand-rgb)) 0, rgb(var(--checkbox-brand-rgb) / .85) 100%);
  box-shadow: 0 2px 8px rgb(var(--checkbox-brand-rgb) / .25), inset 0 1px 2px #fff3;
  border-color: #0000;
}

._33vXVW_checkbox:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked + .ant-checkbox-label ._33vXVW_visual {
  background: linear-gradient(135deg, rgb(var(--checkbox-brand-rgb) / .95) 0, rgb(var(--checkbox-brand-rgb) / .8) 100%);
  box-shadow: 0 4px 12px rgb(var(--checkbox-brand-rgb) / .35), inset 0 1px 2px #fff3;
  transform: translateY(-1px)scale(1.05);
}

._33vXVW_checkbox .ant-checkbox-indeterminate + .ant-checkbox-label ._33vXVW_visual {
  background: linear-gradient(135deg, #636363e6, #4b4b4be6);
  border-color: #0000;
  box-shadow: 0 2px 6px #00000026, inset 0 1px 2px #ffffff1a;
}

@media (prefers-color-scheme: dark) {
  ._33vXVW_checkbox .ant-checkbox-indeterminate + .ant-checkbox-label ._33vXVW_visual {
    background: linear-gradient(135deg, #969696e6, #787878e6);
  }
}

._33vXVW_checkbox:not(.ant-checkbox-wrapper-disabled):active ._33vXVW_visual {
  transform: scale(.92);
}

._33vXVW_checkIcon {
  color: #fff;
  height: var(--checkbox-icon);
  opacity: 0;
  width: var(--checkbox-icon);
  z-index: 1;
  transition: all .25s cubic-bezier(.34, 1.56, .64, 1);
  position: relative;
  transform: scale(.5)rotate(-10deg);
}

._33vXVW_checkPath, ._33vXVW_indeterminatePath {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: var(--checkbox-stroke);
}

._33vXVW_checkPath {
  opacity: 0;
  stroke-dasharray: 12;
  stroke-dashoffset: 12px;
}

._33vXVW_indeterminatePath {
  opacity: 0;
  stroke-dasharray: 8;
  stroke-dashoffset: 8px;
}

:is(._33vXVW_checkbox .ant-checkbox-checked + .ant-checkbox-label ._33vXVW_checkIcon, ._33vXVW_checkbox .ant-checkbox-indeterminate + .ant-checkbox-label ._33vXVW_checkIcon) {
  opacity: 1;
  transform: scale(1)rotate(0);
}

._33vXVW_checkbox .ant-checkbox-checked + .ant-checkbox-label ._33vXVW_checkPath {
  opacity: 1;
  animation: .3s cubic-bezier(.65, 0, .35, 1) .1s forwards _33vXVW_drawCheck;
}

._33vXVW_checkbox .ant-checkbox-indeterminate + .ant-checkbox-label ._33vXVW_indeterminatePath {
  opacity: 1;
  animation: .25s cubic-bezier(.65, 0, .35, 1) forwards _33vXVW_drawLine;
}

._33vXVW_checkbox .ant-checkbox-indeterminate + .ant-checkbox-label ._33vXVW_checkPath {
  opacity: 0;
  animation: none;
}

@keyframes _33vXVW_drawCheck {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes _33vXVW_drawLine {
  to {
    stroke-dashoffset: 0;
  }
}

._33vXVW_visual:after {
  background: rgb(var(--checkbox-brand-rgb) / .2);
  content: "";
  opacity: 0;
  pointer-events: none;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(0);
}

._33vXVW_checkbox:not(.ant-checkbox-wrapper-disabled):active ._33vXVW_visual:after {
  opacity: 1;
  transform: translate(-50%, -50%)scale(2.5);
}

._33vXVW_checkbox .ant-checkbox-checked + .ant-checkbox-label ._33vXVW_visual:after {
  background: #fff3;
}

.wHkwsW_wrapper {
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.wHkwsW_wrapper .wHkwsW_inputWrapper {
  background: var(--prim-surface);
  border: 1px solid var(--prim-border);
  box-shadow: var(--prim-shadow-soft);
  border-radius: 999px;
  align-items: center;
  width: 160px;
  height: 28px;
  padding-left: 26px;
  transition: border-color .16s, box-shadow .16s;
  display: inline-flex;
  position: relative;
}

[data-hidden="true"]:is(.wHkwsW_wrapper .wHkwsW_inputWrapper) {
  display: none;
}

:is(.wHkwsW_wrapper .wHkwsW_inputWrapper):focus-within {
  border-color: var(--prim-brand-25);
  box-shadow: 0 0 0 2px var(--prim-brand-12);
}

:is(.wHkwsW_wrapper .wHkwsW_inputWrapper) input {
  color: var(--prim-text);
  background: none;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 700;
}

.wHkwsW_prefix {
  color: var(--prim-muted);
  font-size: 11px;
  font-weight: 800;
  position: absolute;
  left: 8px;
}

.wHkwsW_cancelButton {
  font-weight: 700;
}

.wHkwsW_addButton {
  background: var(--prim-brand-05);
  border: 1px solid var(--prim-border);
  color: var(--prim-brand);
  cursor: pointer;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 800;
  transition: background-color .16s, border-color .16s;
  display: inline-flex;
}

.wHkwsW_addButton:hover {
  background: var(--prim-brand-08);
  border-color: var(--prim-brand-18);
}

.wHkwsW_addLabel {
  line-height: 1;
}

._329TQW_button {
  background: var(--prim-surface);
  border: 1px solid var(--prim-border);
  box-sizing: border-box;
  color: var(--prim-muted);
  cursor: pointer;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: background-color .16s, border-color .16s, color .16s;
  display: inline-flex;
}

._329TQW_button:hover {
  background: var(--prim-brand-05);
  border-color: var(--prim-brand-18);
  color: var(--prim-text);
}

.i5PEFq_wrapper {
  background: linear-gradient(180deg, var(--prim-surface), var(--prim-surface-2));
  border: 1px solid var(--prim-border);
  user-select: none;
  border-radius: 12px;
  justify-content: space-between;
  overflow: hidden;
}

.i5PEFq_item, .i5PEFq_wrapper {
  align-items: center;
  display: flex;
}

.i5PEFq_item {
  border-right: 1px solid var(--prim-border);
  color: var(--prim-muted);
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  background: none;
  flex: 1;
  justify-content: center;
  height: 32px;
  padding: 0 10px;
  font-weight: 700;
  transition: background-color .16s, color .16s;
}

.i5PEFq_itemLabel {
  line-height: 1;
}

.i5PEFq_item:last-child {
  border-right: none;
}

.i5PEFq_item:hover, .i5PEFq_item[data-active="true"] {
  background: var(--prim-brand-05);
  color: var(--prim-text);
}

.i5PEFq_itemDisabled {
  cursor: default;
  opacity: .35;
}

.i5PEFq_primary {
  border-color: var(--prim-brand-18);
}

.i5PEFq_primary .i5PEFq_item {
  border-right-color: var(--prim-brand-18);
  color: var(--prim-brand);
}

.i5PEFq_primary .i5PEFq_item[data-active="true"] {
  background: var(--prim-brand);
  color: #fff;
}

.i5PEFq_small .i5PEFq_item {
  height: 26px;
  padding: 4px 8px;
  font-size: 12px;
}

.i5PEFq_extraSmall .i5PEFq_item {
  height: 22px;
  padding: 2px 6px;
  font-size: 11px;
}

.i5PEFq_icons .i5PEFq_item {
  padding: 4px;
  font-size: 12px;
}

.i5PEFq_disabled {
  cursor: not-allowed;
  opacity: .5;
  pointer-events: none;
}

.i5PEFq_outline {
  background: none;
  border: 1px solid #0000;
  border-radius: 12px;
}

.i5PEFq_outline .i5PEFq_item {
  border: 1px solid var(--prim-border);
  border-right: none;
  padding: 10px;
  font-size: 13px;
}

.i5PEFq_outline .i5PEFq_item:first-child {
  border-radius: 10px 0 0 10px;
}

.i5PEFq_outline .i5PEFq_item:last-child {
  border-right: 1px solid var(--prim-border);
  border-radius: 0 10px 10px 0;
}

.i5PEFq_outline .i5PEFq_item[data-active="true"] {
  background: var(--prim-brand-05);
  border-color: var(--prim-brand-25);
}

.ypkaHG_textEllipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}

.I7tSTW_tabs {
  background: none;
  border-radius: 12px;
  align-items: center;
  gap: 6px;
  padding: 4px;
  display: flex;
}

.I7tSTW_tabs.I7tSTW_bordered {
  border-bottom: 1px solid var(--prim-border);
  border-radius: 0;
  padding-bottom: 10px;
}

.I7tSTW_tab {
  color: var(--prim-muted);
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 700;
  transition: background-color .16s, border-color .16s, color .16s, box-shadow .16s;
}

.I7tSTW_tab:hover {
  background: var(--prim-brand-05);
  color: var(--prim-text);
}

.I7tSTW_tab.I7tSTW_active {
  background: linear-gradient(135deg, var(--prim-brand-08), var(--prim-brand-05));
  border-color: var(--prim-brand-18);
  box-shadow: var(--prim-shadow-soft);
  color: var(--prim-text);
}

.I7tSTW_disabled {
  opacity: .5;
  pointer-events: none;
}

.j8wU_q_tabsHeader {
  background: linear-gradient(180deg, var(--prim-surface), var(--prim-surface-2));
  border: 1px solid var(--prim-border);
  box-shadow: var(--prim-shadow-soft);
  border-radius: 14px;
  gap: 6px;
  padding: 6px;
  display: flex;
}

.j8wU_q_tabsHeader.j8wU_q_fitWidth {
  width: fit-content;
  display: inline-flex;
}

.j8wU_q_tabsHeader.j8wU_q_compact {
  border-radius: 10px;
  gap: 4px;
  padding: 4px;
}

.j8wU_q_tabButton {
  color: var(--prim-muted);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 1px solid #0000;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 700;
  transition: background-color .16s, border-color .16s, color .16s, box-shadow .16s;
  display: inline-flex;
}

.j8wU_q_fitWidth .j8wU_q_tabButton {
  flex: none;
}

.j8wU_q_tabButton.j8wU_q_compact {
  border-radius: 8px;
  gap: 4px;
  padding: 6px 10px;
  font-size: 12px;
}

.j8wU_q_tabButton:hover:not(:disabled) {
  background: var(--prim-brand-05);
  color: var(--prim-text);
}

.j8wU_q_tabButton.j8wU_q_active {
  background: linear-gradient(135deg, var(--prim-brand-08), var(--prim-brand-05));
  border-color: var(--prim-brand-18);
  box-shadow: var(--prim-shadow-soft);
  color: var(--prim-text);
}

.j8wU_q_tabButton:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.j8wU_q_tabButton i {
  font-size: 14px;
}

.j8wU_q_tabButton.j8wU_q_compact i {
  font-size: 12px;
}

.j8wU_q_tabBadge {
  background: var(--prim-brand-05);
  color: var(--prim-brand);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.j8wU_q_tabButton.j8wU_q_compact .j8wU_q_tabBadge {
  min-width: 14px;
  height: 14px;
  padding: 0 4px;
  font-size: 10px;
}

.j8wU_q_tabButton.j8wU_q_active .j8wU_q_tabBadge {
  background: var(--prim-brand-12);
}

.j8wU_q_tabsHeader.j8wU_q_edgeToEdge {
  border: 0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 45.8px;
  padding: 0 3px;
}

.nB1yeW_container {
  width: min(360px, 90vw);
}

.nB1yeW_toast {
  box-shadow: var(--prim-shadow-lift);
  color: var(--prim-text);
  background: linear-gradient(180deg, var(--prim-surface), var(--prim-surface-2)) !important;
  border: 1px solid var(--prim-border) !important;
  border-radius: 14px !important;
  min-height: 44px !important;
  padding: 14px 16px !important;
}

.json-view {
  background: var(--prim-surface-2);
  border: 1px solid var(--prim-border);
  color: var(--prim-text);
  text-align: left;
  --json-property: var(--prim-brand);
  --json-index: var(--prim-muted);
  --json-number: var(--prim-brand);
  --json-string: var(--color-amber);
  --json-boolean: var(--color-red);
  --json-null: var(--color-red);
  border-radius: 12px;
  padding: 10px;
  font-size: 12px;
  line-height: 1.6;
  display: block;
}

.json-view .json-view--property {
  color: var(--json-property);
}

.json-view .json-view--index {
  color: var(--json-index);
}

.json-view .json-view--number {
  color: var(--json-number);
}

.json-view .json-view--string {
  color: var(--json-string);
}

.json-view .json-view--boolean {
  color: var(--json-boolean);
}

.json-view .json-view--null {
  color: var(--json-null);
}

.json-view .jv-indent {
  padding-left: 1em;
}

.json-view .jv-chevron {
  cursor: pointer;
  opacity: .5;
  vertical-align: -20%;
  width: 1em;
  height: 1em;
  display: inline-block;
}

:is(.json-view .jv-chevron:hover, .json-view .jv-size:hover + .jv-chevron) {
  opacity: .9;
}

.json-view .jv-size {
  cursor: pointer;
  opacity: .5;
  vertical-align: -5%;
  margin-left: .5em;
  font-size: .875em;
  font-style: italic;
  line-height: 1;
}

:is(.json-view .json-view--copy, .json-view .json-view--edit, .json-view .json-view--link svg) {
  cursor: pointer;
  width: 1em;
  height: 1em;
  margin-left: .25em;
  display: none;
}

.json-view .json-view--input {
  background: var(--prim-surface);
  border: 1px solid var(--prim-border);
  color: var(--prim-text);
  border-radius: 6px;
  width: 120px;
  margin-left: .25em;
  padding: 0 6px;
  font-size: 87.5%;
  line-height: 1.25;
}

.json-view .json-view--deleting {
  background-color: var(--color-red-lightest);
  outline: 1px solid var(--color-red);
  text-decoration-line: line-through;
}

:is(.json-view--pair:hover, .json-view:hover) {
  --json-property: var(--prim-brand);
}

:is(.json-view--pair:hover > .json-view--copy, .json-view--pair:hover > .json-view--edit, .json-view--pair:hover > .json-view--link svg, .json-view:hover > .json-view--copy, .json-view:hover > .json-view--edit, .json-view:hover > .json-view--link svg) {
  display: inline-block;
}

.json-view .jv-button {
  color: inherit;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
}

.json-view svg {
  vertical-align: -10%;
}

.jv-size-chevron ~ svg {
  vertical-align: -16%;
}

.json-view_a11y {
  color: #545454;
  --json-property: #aa5d00;
  --json-index: #007299;
  --json-number: #007299;
  --json-string: green;
  --json-boolean: #d91e18;
  --json-null: #d91e18;
}

.json-view_github {
  color: #005cc5;
  --json-property: #005cc5;
  --json-index: #005cc5;
  --json-number: #005cc5;
  --json-string: #032f62;
  --json-boolean: #005cc5;
  --json-null: #005cc5;
}

.json-view_vscode {
  color: #005cc5;
  --json-property: #0451a5;
  --json-index: #00f;
  --json-number: #00f;
  --json-string: #a31515;
  --json-boolean: #00f;
  --json-null: #00f;
}

.json-view_atom {
  color: #383a42;
  --json-property: #e45649;
  --json-index: #986801;
  --json-number: #986801;
  --json-string: #50a14f;
  --json-boolean: #0184bc;
  --json-null: #0184bc;
}

.json-view_winter-is-coming {
  color: #0431fa;
  --json-property: #3a9685;
  --json-index: #ae408b;
  --json-number: #ae408b;
  --json-string: #8123a9;
  --json-boolean: #0184bc;
  --json-null: #0184bc;
}

.sdVCYG_wrapper {
  color: var(--prim-muted);
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
}

.sdVCYG_flagWrap, .sdVCYG_wrapper {
  align-items: center;
  display: inline-flex;
}

.sdVCYG_flagWrap {
  background: var(--prim-surface);
  border: 1px solid var(--prim-border);
  box-shadow: var(--prim-shadow-soft);
  border-radius: 4px;
  justify-content: center;
  overflow: hidden;
}

.sdVCYG_label {
  align-items: center;
  line-height: 1.2;
  display: inline-flex;
}

._7A2TYW_menuItem {
  color: var(--prim-muted);
  border: 1px solid #0000;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  transition: background-color .16s, border-color .16s, color .16s, box-shadow .16s;
  display: flex;
}

._7A2TYW_menuItem:hover {
  background: var(--prim-brand-05);
}

._7A2TYW_menuItem._7A2TYW_active, ._7A2TYW_menuItem:hover {
  border-color: var(--prim-brand-18);
  color: var(--prim-text);
}

._7A2TYW_menuItem._7A2TYW_active {
  background: linear-gradient(135deg, var(--prim-brand-08), var(--prim-brand-05));
  box-shadow: var(--prim-shadow-soft);
}

._7A2TYW_menuItem._7A2TYW_disabled {
  cursor: not-allowed;
  opacity: .5;
}

._7A2TYW_iconLabel {
  align-items: center;
  width: 100%;
  min-width: 0;
  display: flex;
}

._7A2TYW_iconWrap {
  background: var(--prim-surface-2);
  border: 1px solid var(--prim-border);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  display: inline-flex;
  position: relative;
}

._7A2TYW_iconOverlay {
  border-radius: 10px;
  position: absolute;
  inset: 0;
}

._7A2TYW_icon {
  z-index: 1;
  position: relative;
}

._7A2TYW_title {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  overflow: hidden;
}

._7A2TYW_actions {
  opacity: 0;
  transition: opacity .16s;
}

._7A2TYW_menuItem:hover ._7A2TYW_actions {
  opacity: 1;
}

.oblcdG_wrapper {
  background: linear-gradient(135deg, var(--prim-surface), var(--prim-surface-2));
  border: 1px solid var(--prim-border);
  box-shadow: var(--prim-shadow-soft);
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.oblcdG_status {
  border: 2px solid var(--prim-surface);
  border-radius: 999px;
  place-items: center;
  width: 10px;
  height: 10px;
  display: grid;
  position: absolute;
  bottom: 3px;
  right: 3px;
}

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

.oblcdG_statusIdle {
  background: var(--color-orange);
}

.oblcdG_sleepIcon {
  position: absolute;
  top: -3px;
  right: -6px;
}

.PbcEja_overlay {
  cursor: pointer;
  width: 100%;
  height: 100vh;
  animation: 1s forwards PbcEja_fade;
}

.PbcEja_overlay, .PbcEja_slide {
  position: absolute;
}

.PbcEja_slideLeft {
  animation: .5s forwards PbcEja_slide;
  left: -100%;
}

.PbcEja_slideRight {
  animation: .5s forwards PbcEja_slideRight;
  right: -100%;
}

.PbcEja_slideRight > div {
  border-bottom-left-radius: 16px;
  overflow: hidden;
}

.PbcEja_slideCenter {
  animation: .22s ease-out PbcEja_pop;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes PbcEja_fade {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes PbcEja_slide {
  to {
    left: 0;
  }
}

@keyframes PbcEja_slideRight {
  to {
    right: 0;
  }
}

@keyframes PbcEja_pop {
  0% {
    opacity: 0;
    transform: translate(-50%, -48%)scale(.98);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

.ytFpuq_wrapper {
  gap: 12px;
  min-width: 0;
}

.ytFpuq_headerCard, .ytFpuq_wrapper {
  flex-direction: column;
  display: flex;
}

.ytFpuq_headerCard {
  background: var(--panel-surface, #fff);
  border: 1px solid var(--panel-border, #00000014);
  border-radius: 16px;
  gap: 8px;
  padding: 14px;
}

.ytFpuq_headerName {
  font-size: 16px;
}

.ytFpuq_headerMessage {
  color: var(--panel-text, #000000b8);
  word-break: break-word;
  font-size: 13px;
}

.ytFpuq_headerStats {
  border-top: 1px solid var(--panel-border, #00000014);
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding-top: 8px;
  display: flex;
}

.ytFpuq_headerPeriod {
  color: var(--panel-muted, #0009);
  margin-left: auto;
  font-size: 12px;
}

.ytFpuq_section {
  background: var(--panel-surface, #fff);
  border: 1px solid var(--panel-border, #00000014);
  border-radius: 16px;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.ytFpuq_sectionHeader {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ytFpuq_sectionTitle {
  color: var(--panel-text, #000000d1);
  font-size: 13px;
  font-weight: 600;
}

.ytFpuq_sectionMeta {
  color: var(--panel-muted, #0009);
  font-size: 12px;
}

.ytFpuq_sectionAction {
  margin-left: auto;
}

.ytFpuq_sectionBody {
  min-width: 0;
}

.ytFpuq_tagGrid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
  display: grid;
}

.ytFpuq_tag {
  background: var(--panel-surface-2, #f7f8fb);
  border: 1px solid var(--panel-border, #00000014);
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  font-size: 12px;
  display: flex;
}

.ytFpuq_tagKey {
  color: var(--panel-text, #000000c7);
  font-weight: 600;
}

.ytFpuq_tagValue {
  color: var(--panel-muted, #000000b3);
  word-break: break-word;
}

@media (width <= 720px) {
  .ytFpuq_headerPeriod, .ytFpuq_sectionAction {
    margin-left: 0;
  }
}

.q2t2Fa_card {
  --bar-brand: var(--color-main, #6777c7);
  --bar-brand-08: #6777c714;
  --bar-brand-18: #6777c72e;
  --bar-surface: var(--panel-surface, #fff);
  --bar-surface-2: var(--panel-surface-2, #f7f8fb);
  --bar-surface-3: var(--panel-surface-3, #f0f0f3);
  --bar-text: var(--panel-text, #000000de);
  --bar-muted: var(--panel-muted, #0009);
  --bar-border: var(--panel-border, #00000014);
  --bar-border-strong: var(--panel-border-strong, #0000001f);
  --bar-shadow-soft: 0 1px 3px #00000014;
  --bar-shadow-lift: 0 8px 20px #0f172a1a;
  background: linear-gradient(180deg, var(--bar-surface), var(--bar-surface-2));
  border: 1px solid var(--bar-border);
  box-shadow: var(--bar-shadow-soft);
  color: var(--bar-text);
  border-radius: 14px;
  padding: 12px 14px;
  transition: border-color .22s, box-shadow .22s, background-color .22s;
  display: block;
  position: relative;
  overflow: hidden;
}

.q2t2Fa_card:before {
  background: radial-gradient(320px circle at 0 0, var(--bar-brand-08), transparent 60%);
  content: "";
  opacity: .75;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.q2t2Fa_card:hover {
  border-color: var(--bar-border-strong);
  box-shadow: var(--bar-shadow-lift);
}

.q2t2Fa_layout {
  z-index: 1;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) auto;
  grid-template-areas: "q2t2Fa_left q2t2Fa_right q2t2Fa_status";
  align-items: center;
  gap: 14px;
  display: grid;
  position: relative;
}

.q2t2Fa_layoutSingle {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "q2t2Fa_left q2t2Fa_status";
}

.q2t2Fa_left {
  grid-area: q2t2Fa_left;
  gap: 12px;
}

.q2t2Fa_identity, .q2t2Fa_left {
  align-items: center;
  min-width: 0;
  display: flex;
}

.q2t2Fa_identity {
  gap: 10px;
}

.q2t2Fa_avatarWrap {
  background: var(--bar-surface-3);
  border: 1px solid var(--bar-border);
  box-shadow: var(--bar-shadow-soft);
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
  overflow: hidden;
}

.q2t2Fa_identityText {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.q2t2Fa_name {
  color: var(--bar-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
}

.q2t2Fa_viewedBadge {
  background: var(--bar-brand-08);
  border: 1px solid var(--bar-brand-18);
  color: var(--bar-brand);
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  width: fit-content;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 700;
  display: inline-flex;
}

.q2t2Fa_right {
  grid-area: q2t2Fa_right;
  min-width: 0;
}

.q2t2Fa_metaList {
  border-left: 1px solid var(--bar-border);
  flex-flow: wrap;
  gap: 8px;
  padding-left: 14px;
  display: flex;
}

.q2t2Fa_statusDock {
  grid-area: q2t2Fa_status;
  justify-content: flex-end;
  align-items: center;
  padding-left: 10px;
  display: flex;
  position: relative;
}

.q2t2Fa_statusClip {
  background: var(--bar-surface);
  border: 1px solid var(--bar-border);
  box-shadow: var(--bar-shadow-soft);
  cursor: pointer;
  border-radius: 12px;
  place-items: center;
  width: 48px;
  height: 48px;
  transition: border-color .16s, box-shadow .16s, transform .16s;
  display: grid;
}

.q2t2Fa_statusClip:hover {
  border-color: var(--bar-brand-18);
  box-shadow: var(--bar-shadow-lift);
  transform: translateY(-1px);
}

.q2t2Fa_statusClip[data-viewed="true"] {
  background: var(--bar-surface-2);
}

.q2t2Fa_metaItem {
  background: var(--bar-surface);
  border: 1px solid var(--bar-border);
  box-shadow: var(--bar-shadow-soft);
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 4px 8px;
  display: flex;
}

.q2t2Fa_metaIcon {
  background: var(--bar-surface-3);
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: inline-flex;
}

.q2t2Fa_metaText {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.q2t2Fa_metaTitle {
  color: var(--bar-text);
  font-size: 11px;
  font-weight: 700;
}

.q2t2Fa_metaTitle, .q2t2Fa_metaValue {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.q2t2Fa_metaValue {
  color: var(--bar-muted);
  font-size: 10px;
}

@media (width <= 720px) {
  .q2t2Fa_layout {
    grid-template-areas: "q2t2Fa_left q2t2Fa_status"
                         "q2t2Fa_right q2t2Fa_right";
  }

  .q2t2Fa_layout, .q2t2Fa_layoutSingle {
    grid-template-columns: 1fr auto;
  }

  .q2t2Fa_layoutSingle {
    grid-template-areas: "q2t2Fa_left q2t2Fa_status";
  }

  .q2t2Fa_right {
    width: 100%;
  }

  .q2t2Fa_metaList {
    border-left: 0;
    border-top: 1px solid var(--bar-border);
    padding-top: 10px;
    padding-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .q2t2Fa_card, .q2t2Fa_statusClip {
    transition: none !important;
  }

  .q2t2Fa_statusClip:hover {
    transform: none;
  }
}

.IToYJG_title {
  align-items: center;
  display: flex;
}

.IToYJG_title h4 {
  margin: 0;
  padding-right: 10px;
}

.IToYJG_title > span {
  color: var(--color-gray-medium);
  font-size: 14px;
}

._69vX1W_header {
  color: var(--ai-muted, #0009);
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 8px 0;
  font-size: 11px;
  font-weight: 700;
}

._69vX1W_topBorder {
  background-color: var(--ai-border, #00000014);
  width: 100%;
  height: 2px;
  margin-top: 6px;
}

._69vX1W_content {
  max-height: 340px;
  overflow-y: auto;
}

._69vX1W_content._69vX1W_small {
  height: 201px;
}

._69vX1W_row {
  background: var(--ai-surface, #fff);
  border: 1px solid var(--ai-border, #00000014);
  border-radius: 12px;
  align-items: center;
  min-height: 46px;
  margin-bottom: 6px;
  padding: 2px 6px;
  font-size: 13px;
  transition: border-color .14s, transform .14s, box-shadow .14s;
  display: flex;
}

._69vX1W_row:hover {
  background: var(--ai-surface-2, #f7f7fa);
  border-color: var(--ai-border-strong, #00000024);
  transform: translateY(-1px);
  box-shadow: 0 10px 18px #0f172a14;
}

._69vX1W_row ._69vX1W_cell {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 10px;
}

._69vX1W_bottomBorder {
  border-bottom: 1px solid var(--ai-border, #00000014);
}

.M8jnvq_card {
  background: var(--panel-surface, #fff);
  border: 1px solid var(--panel-border, #00000014);
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  display: flex;
}

.M8jnvq_header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.M8jnvq_title {
  color: var(--panel-text, #000000c7);
  text-transform: capitalize;
  font-weight: 600;
}

.M8jnvq_topStat {
  color: var(--panel-muted, #0009);
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.M8jnvq_topLabel {
  max-width: 90px;
}

.M8jnvq_topValue {
  color: var(--panel-text, #000c);
  font-weight: 600;
}

.M8jnvq_track {
  background: var(--panel-surface-2, #f7f8fb);
  gap: 2px;
  height: 12px;
  display: flex;
  overflow: hidden;
}

.M8jnvq_segment, .M8jnvq_track {
  border-radius: 999px;
}

.M8jnvq_segment {
  height: 100%;
}

.MYvOWa_card {
  --trend-accent: var(--trend-accent, #4cb8b0);
  background: var(--panel-surface, #fff);
  border: 1px solid var(--panel-border, #0000001a);
  box-shadow: var(--panel-shadow-soft, 0 10px 18px #0f172a0f);
  border-radius: 16px;
  flex-direction: column;
  padding: 12px;
}

.MYvOWa_card, .MYvOWa_header {
  gap: 10px;
  display: flex;
}

.MYvOWa_header {
  justify-content: space-between;
  align-items: flex-start;
}

.MYvOWa_headerLeft {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.MYvOWa_title {
  color: var(--panel-text, #000000d1);
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.MYvOWa_subtitle {
  color: var(--panel-muted, #0009);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  overflow: hidden;
}

.MYvOWa_pills {
  border: 1px solid var(--panel-border, #00000014);
  background: #94a3b81f;
  border-radius: 999px;
  flex-shrink: 0;
  gap: 6px;
  padding: 3px;
  display: flex;
}

.MYvOWa_pill {
  appearance: none;
  color: var(--panel-text, #000000c7);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  align-items: baseline;
  gap: 8px;
  padding: 7px 10px;
  transition: background .14s, box-shadow .14s, transform .14s, color .14s;
  display: inline-flex;
}

.MYvOWa_pill:hover {
  transform: translateY(-1px);
}

.MYvOWa_pill:active {
  transform: translateY(0);
}

.MYvOWa_pillActive {
  background: var(--panel-surface, #fff);
  box-shadow: 0 6px 12px #0f172a14;
}

.MYvOWa_pillLabel {
  font-weight: 650;
}

.MYvOWa_pillLabel, .MYvOWa_pillValue {
  font-size: 11px;
  line-height: 1;
}

.MYvOWa_pillValue {
  color: var(--panel-muted, #0000009e);
  font-weight: 700;
}

.MYvOWa_kpis {
  flex-wrap: wrap;
  gap: 10px;
}

.MYvOWa_kpi, .MYvOWa_kpis {
  display: flex;
}

.MYvOWa_kpi {
  border: 1px solid var(--panel-border, #00000014);
  background: #94a3b814;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 92px;
  padding: 8px 10px;
  transition: transform .14s, background .14s;
}

.MYvOWa_kpi:hover {
  background: #94a3b81a;
  transform: translateY(-1px);
}

.MYvOWa_kpiLabel {
  color: var(--panel-muted, #00000094);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.MYvOWa_kpiValue {
  color: var(--panel-text, #000000d6);
  font-size: 14px;
  font-weight: 800;
}

.MYvOWa_chartWrap {
  border: 1px solid var(--panel-border, #00000014);
  background: linear-gradient(#94a3b80f, #94a3b805);
  border-radius: 14px;
  overflow: hidden;
}

.MYvOWa_chartInner {
  width: 100%;
  height: 154px;
  animation: .18s ease-out MYvOWa_fadeIn;
}

.MYvOWa_tooltip {
  background: var(--panel-surface, #fff);
  border: 1px solid var(--panel-border, #0000001f);
  box-shadow: var(--panel-shadow-soft, 0 10px 18px #0f172a1a);
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  padding: 8px 10px;
  display: flex;
}

.MYvOWa_tooltipLabel {
  color: var(--panel-muted, #0000009e);
  font-size: 11px;
}

.MYvOWa_tooltipRow {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.MYvOWa_tooltipKey {
  color: var(--panel-text, #000000c7);
  font-size: 12px;
}

.MYvOWa_tooltipVal {
  color: var(--panel-text, #000000d6);
  font-size: 12px;
  font-weight: 800;
}

.MYvOWa_hint {
  color: var(--panel-muted, #0009);
  padding: 2px 2px 0;
  font-size: 11px;
}

@media (width <= 420px) {
  .MYvOWa_kpi {
    min-width: 80px;
  }

  .MYvOWa_pill {
    gap: 6px;
    padding: 7px 8px;
  }
}

@keyframes MYvOWa_fadeIn {
  0% {
    opacity: 0;
    transform: translateY(2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._7hAkna_panel {
  gap: 12px;
  min-width: 0;
}

._7hAkna_section {
  background: var(--panel-surface-2, #f7f8fb);
  border: 1px solid var(--panel-border, #00000014);
  border-radius: 16px;
  padding: 10px;
}

._7hAkna_sectionHeader {
  color: var(--panel-text, #000000bf);
  letter-spacing: .06em;
  font-weight: 600;
}

._7hAkna_trendStack {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

._7hAkna_summaryList {
  gap: 8px;
}

._7hAkna_panel {
  gap: 16px;
}

._7hAkna_panel, ._7hAkna_section {
  flex-direction: column;
  display: flex;
}

._7hAkna_section {
  gap: 10px;
}

._7hAkna_sectionHeaderRow {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  display: flex;
}

._7hAkna_sectionHeader {
  color: var(--panel-text, #000000c7);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
}

._7hAkna_sectionMeta {
  color: var(--panel-muted, #0009);
  white-space: nowrap;
  font-size: 11px;
}

._7hAkna_emptyState {
  border: 1px dashed var(--panel-border, #00000029);
  background: #94a3b80f;
  border-radius: 16px;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  animation: .18s ease-out _7hAkna_fadeIn;
  display: flex;
}

._7hAkna_emptyIcon {
  color: #4cb8b0f2;
  background: #4cb8b024;
  border-radius: 12px;
  flex: none;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

._7hAkna_emptyBody {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

._7hAkna_emptyTitle {
  color: var(--panel-text, #000000d1);
  font-size: 13px;
  font-weight: 800;
}

._7hAkna_emptyText {
  color: var(--panel-muted, #0000009e);
  font-size: 12px;
  line-height: 1.35;
}

._7hAkna_summaryList {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

@keyframes _7hAkna_fadeIn {
  0% {
    opacity: 0;
    transform: translateY(2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.NAQnEq_shell {
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  display: flex;
}

.NAQnEq_hero {
  --hero-brand: var(--color-main, #6777c7);
  --hero-brand-08: #6777c714;
  --hero-brand-18: #6777c72e;
  --hero-surface: var(--panel-surface, #fff);
  --hero-surface-2: var(--panel-surface-2, #f7f8fb);
  --hero-surface-3: var(--panel-surface-3, #f0f0f3);
  --hero-text: var(--panel-text, #000000de);
  --hero-muted: var(--panel-muted, #0009);
  --hero-border: var(--panel-border, #00000014);
  --hero-border-strong: var(--panel-border-strong, #0000001f);
  --hero-shadow-soft: 0 1px 3px #00000014;
  --hero-shadow-lift: 0 8px 20px #0f172a1a;
  --hero-error: #e53935;
  --hero-error-08: #e5393514;
  --hero-error-18: #e539352e;
  background: linear-gradient(180deg, var(--hero-surface), var(--hero-surface-2));
  border: 1px solid var(--hero-border);
  box-shadow: var(--hero-shadow-soft);
  border-radius: 18px;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 16px;
  padding: 16px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.NAQnEq_hero:before {
  background: radial-gradient(400px circle at 0 0, var(--hero-error-08), transparent 60%);
  content: "";
  opacity: .75;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.NAQnEq_heroMain {
  z-index: 1;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  display: flex;
  position: relative;
}

.NAQnEq_heroName {
  color: var(--hero-error);
  font-size: 16px;
  font-weight: 800;
}

.NAQnEq_heroMessage {
  background: var(--hero-surface);
  border: 1px solid var(--hero-border);
  box-shadow: var(--hero-shadow-soft);
  color: var(--hero-muted);
  word-break: break-word;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.5;
}

.NAQnEq_heroMeta {
  z-index: 1;
  flex-direction: column;
  gap: 10px;
  display: flex;
  position: relative;
}

.NAQnEq_heroStats {
  background: var(--hero-surface);
  border: 1px solid var(--hero-border);
  box-shadow: var(--hero-shadow-soft);
  border-radius: 12px;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  display: flex;
}

.NAQnEq_heroStats > :not(:last-child) {
  border-right: 1px solid var(--hero-border);
  padding-right: 12px;
}

.NAQnEq_heroPeriod {
  background: var(--hero-brand-08);
  border: 1px solid var(--hero-brand-18);
  color: var(--hero-brand);
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}

.NAQnEq_heroTimes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.NAQnEq_layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 2.1fr);
  align-items: start;
  gap: 12px;
  display: grid;
}

.NAQnEq_side {
  min-width: 0;
}

.NAQnEq_mainColumn {
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.NAQnEq_main {
  min-width: 0;
}

.NAQnEq_loader {
  width: 100%;
}

@media (width <= 960px) {
  .NAQnEq_hero, .NAQnEq_heroTimes {
    grid-template-columns: 1fr;
  }

  .NAQnEq_layout {
    flex-direction: column;
    display: flex;
  }

  .NAQnEq_heroPeriod {
    margin-left: 0;
  }

  .NAQnEq_heroStats {
    flex-direction: column;
    align-items: stretch;
  }

  .NAQnEq_heroStats > :not(:last-child) {
    border-bottom: 1px solid var(--hero-border);
    border-right: 0;
    padding-bottom: 10px;
    padding-right: 0;
  }

  .NAQnEq_side {
    order: 2;
  }

  .NAQnEq_mainColumn {
    order: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .NAQnEq_hero {
    transition: none !important;
  }
}

.ze8UxG_card {
  background: var(--panel-surface, #fff);
  border: 1px solid var(--panel-border, #00000014);
  border-radius: 12px;
  flex-direction: column;
  gap: 4px;
  padding: 8px 10px;
  display: flex;
}

.ze8UxG_label {
  color: var(--panel-muted, #0009);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 11px;
}

.ze8UxG_value {
  color: var(--panel-text, #000000d1);
  font-size: 13px;
  font-weight: 600;
}

._9mdlwq_shell {
  background: linear-gradient(180deg, var(--panel-surface-2, #f7f8fb), var(--panel-surface, #fff));
  height: 100vh;
  max-height: 100vh;
  padding: 12px;
}

._9mdlwq_inner {
  background: var(--panel-surface, #fff);
  border: 1px solid var(--panel-border, #00000014);
  box-shadow: var(--panel-shadow-soft, 0 10px 30px #0f172a14);
  border-radius: 16px;
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

._9mdlwq_content {
  flex: 1;
  min-height: 0;
  padding: 12px;
  overflow-y: auto;
}

.av43wW_wrap {
  gap: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
}

.av43wW_extra, .av43wW_wrap {
  align-items: center;
  display: flex;
}

.av43wW_button.ant-btn {
  background: linear-gradient(180deg, var(--panel-surface, #fff), var(--panel-surface-2, #f7f8fb));
  border: 1px solid var(--panel-border, #00000014);
  box-shadow: var(--panel-shadow-soft, 0 1px 3px #00000014);
  color: var(--panel-text, #000000e0);
  border-radius: 999px;
  height: 22px;
  padding: 0 10px;
  line-height: 20px;
  transition: border-color .16s, box-shadow .16s, transform .16s, background-color .16s;
}

.av43wW_button.ant-btn:hover {
  background: var(--panel-surface-2, #f7f8fb);
  border-color: var(--panel-border-strong, #0000001f);
  box-shadow: var(--panel-shadow-soft, 0 1px 3px #0000001f);
  color: var(--panel-text, #000000e0);
  transform: translateY(-1px);
}

.av43wW_time {
  background: var(--panel-surface-3, #eef0f4);
  border: 1px solid var(--panel-border, #00000014);
  color: var(--panel-muted, #0009);
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 12px;
}

@media (prefers-reduced-motion: reduce) {
  :is(.av43wW_button.ant-btn, .av43wW_button.ant-btn:hover) {
    transform: none;
    transition: none !important;
  }
}

.bZK2Sa_card {
  --error-surface: var(--ai-surface, #fff);
  --error-surface-2: var(--ai-surface-2, #f7f7fa);
  --error-border: var(--ai-border, #00000014);
  --error-border-strong: var(--ai-border-strong, #00000029);
  --error-text: var(--ai-text, #000000e0);
  --error-muted: var(--ai-muted, #0009);
  cursor: pointer;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: grid;
  position: relative;
}

.bZK2Sa_inactive {
  opacity: .6;
}

.bZK2Sa_selected {
  background: var(--error-surface);
  border-color: var(--error-border-strong);
}

.bZK2Sa_leading {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.bZK2Sa_timeLabel {
  background: var(--error-surface-2);
  color: var(--error-text);
  font-size: 12px;
  font-weight: 700;
}

.bZK2Sa_sourceTag, .bZK2Sa_timeLabel {
  border-radius: 999px;
  padding: 2px 8px;
}

.bZK2Sa_sourceTag {
  color: var(--error-muted);
  background: #94a3b826;
  font-size: 11px;
  font-weight: 600;
}

.bZK2Sa_body {
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.bZK2Sa_titleRow {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.bZK2Sa_title {
  color: #b42318;
  font-size: 13px;
  font-weight: 700;
}

.bZK2Sa_functionTag {
  background: var(--error-surface);
  border: 1px solid var(--error-border);
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}

.bZK2Sa_functionTag, .bZK2Sa_message {
  color: var(--error-text);
}

.bZK2Sa_message {
  font-size: 12px;
}

.bZK2Sa_metaRow {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.bZK2Sa_metaChip {
  background: var(--error-surface-2);
  color: var(--error-muted);
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 11px;
}

.bZK2Sa_actions {
  align-items: center;
  display: inline-flex;
}

.bZK2Sa_codeText {
  font-family: var(--code-font, ui-monospace, SFMono-Regular, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
}

._5gTCeq_rawLine {
  color: var(--prim-muted);
  margin-left: 24px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
}

._5gTCeq_formatted {
  background: var(--prim-surface);
  border: 1px solid var(--prim-border);
  box-shadow: var(--prim-shadow-soft);
  border-radius: 14px;
  overflow: hidden;
}

._5gTCeq_header {
  background: linear-gradient(180deg, var(--prim-surface), var(--prim-surface-2));
  border-bottom: 1px solid var(--prim-border);
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
}

._5gTCeq_content {
  background: var(--prim-surface-2);
  margin: 0;
  padding: 8px 12px 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  list-style-type: decimal-leading-zero;
  list-style-position: inside;
}

._5gTCeq_errorLine {
  background: var(--color-red-light);
  font-weight: 700;
  color: var(--color-red) !important;
}

._5gTCeq_headerText {
  color: var(--prim-text);
  flex: 1;
  font-size: 12px;
  font-weight: 600;
}

._5gTCeq_accent {
  font-weight: 800;
}

._5gTCeq_toggle {
  background: var(--prim-surface);
  border: 1px solid var(--prim-border);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: auto;
  display: inline-flex;
}

._5gTCeq_line {
  word-break: break-all;
  border-radius: 6px;
  padding: 2px 6px;
  font-size: 12px;
  line-height: 1.6;
}

.WdHBTW_wrapper {
  --details-brand: var(--color-main, #6777c7);
  --details-brand-08: #6777c714;
  --details-brand-18: #6777c72e;
  --details-surface: var(--panel-surface, #fff);
  --details-surface-2: var(--panel-surface-2, #f7f8fb);
  --details-surface-3: var(--panel-surface-3, #f0f0f3);
  --details-text: var(--panel-text, #000000de);
  --details-muted: var(--panel-muted, #0009);
  --details-border: var(--panel-border, #00000014);
  --details-border-strong: var(--panel-border-strong, #0000001f);
  --details-shadow-soft: 0 1px 3px #00000014;
  --details-error: #e53935;
  --details-error-08: #e5393514;
  --details-error-18: #e539352e;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  display: flex;
}

.WdHBTW_alert {
  background: var(--details-error-08);
  border: 1px solid var(--details-error-18);
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.WdHBTW_alert, .WdHBTW_alertLink {
  color: var(--details-error);
}

.WdHBTW_alertLink {
  font-weight: 700;
  text-decoration: underline;
}

.WdHBTW_alertLink:hover {
  opacity: .8;
}

.WdHBTW_card {
  background: var(--details-surface);
  border: 1px solid var(--details-border);
  box-shadow: var(--details-shadow-soft);
  border-radius: 14px;
  overflow: hidden;
}

.WdHBTW_cardHeader {
  background: linear-gradient(180deg, var(--details-surface), var(--details-surface-2));
  border-bottom: 1px solid var(--details-border);
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
}

.WdHBTW_cardHeader, .WdHBTW_headerLeft {
  align-items: center;
  display: flex;
}

.WdHBTW_headerLeft {
  gap: 10px;
}

.WdHBTW_iconWrap {
  background: var(--details-surface-3);
  border: 1px solid var(--details-border);
  box-shadow: var(--details-shadow-soft);
  color: var(--details-muted);
  border-radius: 10px;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.WdHBTW_title {
  color: var(--details-text);
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.WdHBTW_tabs {
  flex-shrink: 0;
}

.WdHBTW_cardBody {
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.WdHBTW_summary {
  background: var(--details-surface-2);
  border: 1px solid var(--details-border);
  font-family: var(--font-mono, "SF Mono", "Consolas", monospace);
  border-radius: 10px;
  padding: 12px 14px;
}

.WdHBTW_summaryName {
  color: var(--details-error);
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 700;
}

.WdHBTW_summaryMessage {
  word-break: break-all;
  line-height: 1.5;
}

.WdHBTW_rawLabel, .WdHBTW_summaryMessage {
  color: var(--details-muted);
  font-size: 12px;
}

.WdHBTW_rawLabel {
  background: var(--details-surface-3);
  border: 1px solid var(--details-border);
  font-family: var(--font-mono, "SF Mono", "Consolas", monospace);
  border-radius: 8px;
  padding: 10px 12px;
}

.WdHBTW_frameList {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.WdHBTW_frame {
  border-radius: 10px;
  overflow: hidden;
}

.WdHBTW_frame:first-child {
  background: var(--details-error-08);
  border: 1px solid var(--details-error-18);
}

@media (width <= 640px) {
  .WdHBTW_cardHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .WdHBTW_tabs {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .WdHBTW_alertLink, .WdHBTW_card {
    transition: none !important;
  }
}

.p_FrLa_closeWrapper {
  background: var(--prim-surface);
  border: 1px solid var(--prim-border);
  box-shadow: var(--prim-shadow-soft);
  color: var(--prim-text);
  cursor: pointer;
  opacity: 1;
  z-index: 102;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 8px;
  transition: background-color .16s, border-color .16s, box-shadow .16s, transform .16s;
  display: flex;
  position: fixed;
  top: 20px;
  left: auto;
  right: 20px;
}

.p_FrLa_closeWrapper:hover {
  background: var(--prim-surface);
  border-color: var(--prim-brand-18);
  box-shadow: var(--prim-shadow-lift);
  transform: translateY(-1px);
}

.p_FrLa_label {
  color: var(--prim-muted);
  letter-spacing: .08em;
  font-size: 8px;
  font-weight: 700;
  line-height: 12px;
}

.uOhotG_link {
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 2px 6px;
  font-size: 13px;
  font-weight: 600;
  transition: background-color .16s, color .16s;
  display: inline-flex;
}

.uOhotG_link, .uOhotG_link:hover {
  color: var(--prim-brand);
  text-decoration: none;
}

.uOhotG_link:hover {
  background: var(--prim-brand-05);
}

.uOhotG_link:focus-visible {
  outline: 2px solid var(--prim-brand-25);
  outline-offset: 2px;
}

.uOhotG_icon {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.uOhotG_label {
  line-height: 1.3;
}

.rG3bUq_wrapper {
  background: var(--prim-surface);
  border-top: 1px solid var(--prim-border);
  box-shadow: var(--prim-shadow-soft);
  color: var(--prim-text);
  justify-content: center;
  align-items: center;
  height: 32px;
  font-weight: 600;
  display: flex;
  position: fixed;
  top: 52px;
  left: 0;
  right: 0;
}

.rG3bUq_primary {
  background: var(--prim-brand);
  border-top-color: var(--prim-brand);
  color: #fff;
}

.UPrzAW_icon {
  color: var(--prim-muted);
  cursor: pointer;
  transition: color .16s;
}

.UPrzAW_icon:hover {
  color: var(--prim-brand);
}

._1DKtYG_wrapper {
  width: 32px;
  height: 32px;
  position: relative;
}

._1DKtYG_wrapper:hover ._1DKtYG_pin {
  border-color: var(--prim-brand-18);
}

._1DKtYG_icon {
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: 6px;
  left: 6px;
}

._1DKtYG_icon svg {
  fill: var(--color-red);
}

._1DKtYG_pin {
  background: linear-gradient(135deg, var(--prim-surface), var(--prim-surface-2));
  border: 1px solid var(--prim-border);
  box-shadow: var(--prim-shadow-soft);
  z-index: 0;
  border-radius: 50% 50% 50% 0;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 2px;
  transform: rotate(-45deg);
}

.GX3v0W_snippetWrapper {
  background: linear-gradient(180deg, var(--prim-surface), var(--prim-surface-2));
  border: 1px solid var(--prim-border);
  box-shadow: var(--prim-shadow-soft);
  border-radius: 16px;
  padding: 12px 12px 8px;
  position: relative;
}

.GX3v0W_copyAction {
  z-index: 2;
  position: absolute;
  top: 8px;
  right: 8px;
}

._8S6grW_wrapper {
  background: linear-gradient(180deg, var(--prim-surface), var(--prim-surface-2));
  border: 1px dashed var(--prim-border);
  color: var(--prim-muted);
  text-align: center;
  border-radius: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100px;
  margin: auto;
  padding: 36px 24px;
  font-weight: 600;
  transition: background-color .16s, border-color .16s;
  display: flex;
}

._8S6grW_wrapper._8S6grW_small ._8S6grW_title {
  font-size: 20px !important;
}

._8S6grW_wrapper._8S6grW_small ._8S6grW_subtext {
  font-size: 16px;
}

._8S6grW_title {
  color: var(--prim-text);
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 800;
}

._8S6grW_subtext {
  margin-bottom: 0;
  font-size: 13px;
}

._8S6grW_iconSpacing {
  color: var(--prim-brand);
  margin: 12px 0 16px;
}

._8S6grW_icon {
  background-image: svg-load(no-results. svg, fill= #ccc);
}

._8S6grW_emptyIcon, ._8S6grW_icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 166px;
  height: 166px;
  margin: auto auto 20px;
  display: block;
}

._8S6grW_emptyIcon {
  background-image: svg-load(empty-state. svg, fill= #ccc);
}

.SURHKq_wrapper {
  background: linear-gradient(180deg, var(--prim-surface), var(--prim-surface-2));
  border: 1px dashed var(--prim-border);
  color: var(--prim-muted);
  text-align: center;
  border-radius: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100px;
  margin: auto;
  padding: 36px 24px;
  font-weight: 600;
  transition: background-color .16s, border-color .16s;
  display: flex;
}

.SURHKq_wrapper.SURHKq_small .SURHKq_title {
  font-size: 20px !important;
}

.SURHKq_wrapper.SURHKq_small .SURHKq_subtext {
  font-size: 16px;
}

.SURHKq_title {
  color: var(--prim-text);
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 800;
}

.SURHKq_subtext {
  margin-bottom: 0;
  font-size: 13px;
}

.SURHKq_iconSpacing {
  color: var(--prim-brand);
  margin: 12px 0 16px;
}

.SURHKq_action {
  margin-top: 16px;
}

.SURHKq_icon {
  background-image: svg-load(no-results. svg, fill= #ccc);
}

.SURHKq_emptyIcon, .SURHKq_icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 166px;
  height: 166px;
  margin: auto auto 20px;
  display: block;
}

.SURHKq_emptyIcon {
  background-image: svg-load(empty-state. svg, fill= #ccc);
}

._5gyEYW_header {
  align-items: center;
  gap: 8px;
  display: flex;
}

._5gyEYW_label {
  color: var(--prim-muted);
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 800;
}

.Ncok4q_wrapper {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.Ncok4q_titleRow {
  align-items: center;
  gap: 10px;
  display: flex;
}

.Ncok4q_title {
  color: var(--prim-text);
  letter-spacing: -.01em;
  font-size: 22px;
  font-weight: 800;
}

.Ncok4q_subtitle {
  color: var(--prim-muted);
  font-size: 13px;
  font-weight: 600;
}

.Ncok4q_action {
  align-items: center;
  display: inline-flex;
}

.pager {
  border: 1px solid var(--prim-border);
  isolation: isolate;
  background: none;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  transition: border-color .18s, background-color .18s;
  display: inline-flex;
}

.pager, .pager > * {
  position: relative;
}

.pager > * {
  z-index: 1;
}

.pager:hover {
  border-color: var(--prim-brand-25);
  background: #fff9;
}

@media (prefers-color-scheme: dark) {
  .pager {
    background: #0003;
  }

  .pager:hover {
    background: #00000059;
  }
}

.pager__nav {
  color: var(--prim-muted);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 10px;
  place-items: center;
  width: 28px;
  height: 28px;
  transition: border-color .16s, background-color .16s, color .16s;
  display: grid;
}

.pager__nav:hover {
  background: var(--prim-brand-08);
  border-color: var(--prim-border);
  color: var(--prim-text);
}

.pager__nav:focus-visible {
  border-color: var(--prim-brand-25);
  box-shadow: 0 0 0 2px var(--prim-brand-25);
  outline: none;
}

.pager__nav:disabled {
  box-shadow: none;
  cursor: not-allowed;
  opacity: .4;
  background: none;
  border-color: #0000;
  transform: none;
}

.pager__core {
  --pager-progress: 0%;
  background: linear-gradient(90deg, var(--prim-brand-08) var(--pager-progress), transparent 0);
  border: 1px solid var(--prim-border);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  display: inline-flex;
  overflow: hidden;
}

.pager__input.ant-input {
  border: 1px solid var(--prim-border);
  color: var(--prim-text);
  text-align: center;
  background: #fff;
  border-radius: 8px;
  width: clamp(48px, 6ch, 96px);
  height: 24px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 800;
  transition: border-color .16s, box-shadow .16s, background-color .16s;
}

.pager__input.ant-input:hover {
  border-color: var(--prim-brand-18);
}

.pager__input.ant-input:focus, .pager__input.ant-input:focus-visible {
  background: var(--prim-surface-2);
  border-color: var(--prim-brand-40);
  box-shadow: 0 0 0 1px var(--prim-brand-25);
}

@media (prefers-color-scheme: dark) {
  .pager__input.ant-input {
    background: #0003;
  }
}

.pager__divider {
  color: var(--prim-muted-2);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 800;
}

.pager__total {
  color: var(--prim-text);
  text-align: center;
  min-width: 3ch;
  font-size: 12px;
  font-weight: 800;
}

@media (width <= 520px) {
  .pager {
    gap: 4px;
    padding: 3px 5px;
  }

  .pager__nav {
    border-radius: 8px;
    width: 26px;
    height: 26px;
  }

  .pager__core {
    padding: 2px 6px;
  }

  .pager__input.ant-input {
    width: clamp(42px, 5ch, 72px);
    height: 22px;
    font-size: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pager, .pager__nav {
    transition: none;
  }
}

.ZHydeq_wrapper {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.ZHydeq_wrapper .ZHydeq_input {
  background: var(--prim-surface);
  border: 1px solid var(--prim-border-strong, #0000001f);
  box-shadow: none;
  color: var(--prim-text);
  width: 100%;
  padding: .5rem .875rem;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.2;
  transition: all .2s;
  border-radius: .625rem !important;
}

.ZHydeq_wrapper .ZHydeq_input::placeholder {
  color: var(--prim-muted, #0009);
}

.ZHydeq_wrapper .ZHydeq_input:hover {
  background: var(--prim-surface-2);
  border-color: var(--prim-border-strong);
}

.ZHydeq_wrapper .ZHydeq_input:focus {
  background: var(--prim-surface);
  border-color: var(--prim-brand, #6777c7);
  box-shadow: 0 0 0 3px var(--prim-brand-18, #6777c72e);
  outline: none;
}

.ZHydeq_wrapper .ZHydeq_inputWithIcon {
  padding-left: 36px;
}

.ZHydeq_textarea {
  resize: none;
}

.ZHydeq_icon {
  color: var(--prim-muted);
  pointer-events: none;
  left: 12px;
}

.ZHydeq_icon, .ZHydeq_leadingButton {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.ZHydeq_leadingButton {
  align-items: center;
  display: inline-flex;
  right: 8px;
}

._7AWfqG_field {
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
  display: flex;
}

.tn1k8G_overlay {
  -webkit-backdrop-filter: blur(6px);
  background: #0f101459;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.tn1k8G_modal {
  background: var(--prim-surface);
  border: 1px solid var(--prim-border);
  box-shadow: var(--prim-shadow-lift);
  z-index: 1;
  border-radius: 16px;
  position: relative;
}

.tn1k8G_content {
  max-height: calc(100vh - 100px);
  padding: 20px;
  overflow: auto;
}

.tn1k8G_header {
  background: linear-gradient(180deg, var(--prim-surface), var(--prim-surface-2));
  border-bottom: 1px solid var(--prim-border);
  justify-content: space-between;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 800;
}

.tn1k8G_footer, .tn1k8G_header {
  align-items: center;
  display: flex;
}

.tn1k8G_footer {
  background: var(--prim-surface-2);
  border-top: 1px solid var(--prim-border);
  gap: 10px;
  padding: 16px 20px;
}

.TPP5jG_message {
  background: linear-gradient(180deg, var(--prim-surface), var(--prim-surface-2));
  border: 1px solid var(--prim-border);
  color: var(--prim-text);
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 600;
}

.TPP5jG_message, .TPP5jG_message[data-inline="true"] {
  display: inline-flex;
}

.TPP5jG_message[data-success="true"] {
  background: var(--color-green-light);
  border-color: var(--color-green);
}

.TPP5jG_message[data-success="false"] {
  background: var(--color-red-lightest);
  border-color: var(--color-red);
}

.TPP5jG_icon {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ZlLHOG_wrapper {
  position: relative;
}

.ZlLHOG_header {
  box-sizing: border-box;
  color: var(--prim-muted);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 5px 0;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.ZlLHOG_headerLeft {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: inline-flex;
}

.ZlLHOG_extra {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 520px;
  overflow: hidden;
}

.ZlLHOG_langPill {
  border: 1px solid var(--prim-border);
  letter-spacing: .07em;
  text-transform: uppercase;
  user-select: none;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 800;
}

.ZlLHOG_copyButton, .ZlLHOG_langPill {
  background: var(--prim-surface);
  color: var(--prim-muted);
}

.ZlLHOG_copyButton {
  border: 1px solid var(--prim-border);
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: transform .16s, background-color .16s, border-color .16s, color .16s, box-shadow .16s;
  display: inline-flex;
}

.ZlLHOG_copyButton:hover {
  background: var(--prim-brand-05);
  border-color: var(--prim-brand-18);
  color: var(--prim-text);
  transform: translateY(-1px);
  box-shadow: 0 8px 16px #0000000f;
}

.ZlLHOG_copyButton:active {
  transform: translateY(0);
}

.ZlLHOG_pre {
  background: var(--prim-surface-2);
  padding: 14px;
  font-size: 12px;
  line-height: 1.65;
}

.ZlLHOG_pre code {
  display: block;
}

.ZlLHOG_scrollX {
  overflow-x: auto;
}

.ZlLHOG_scrollY {
  overflow-y: auto;
}

@media (prefers-reduced-motion: reduce) {
  .ZlLHOG_copyButton {
    transition: none;
  }
}

._24rjXa_dialog {
  margin: 16px auto;
  width: calc(100% - 32px) !important;
}

._24rjXa_dialogSm {
  max-width: 24rem;
}

._24rjXa_dialogMd {
  max-width: 28rem;
}

._24rjXa_dialogLg {
  max-width: 32rem;
}

._24rjXa_dialogXl {
  max-width: 36rem;
}

._24rjXa_dialog2xl {
  max-width: 42rem;
}

._24rjXa_dialog3xl {
  max-width: 48rem;
}

._24rjXa_dialog4xl {
  max-width: 60rem;
}

._24rjXa_dialog .ant-modal-content {
  box-shadow: none;
  background: none;
  overflow: visible;
  padding: 0 !important;
}

._24rjXa_dialog .ant-modal-container {
  box-shadow: none;
  background: none;
  border-radius: 0;
  padding: 0;
}

._24rjXa_dialog .ant-modal-body {
  padding: 0;
}

._24rjXa_dialog .ant-modal-close {
  background-color: var(--color-white);
  z-index: 2222;
  border: none;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: all .135s;
  display: flex;
  top: 0;
  right: 0;
  transform: translate(.5rem, -.5rem);
  box-shadow: 0 8px 16px #00000014;
}

._24rjXa_dialog .ant-modal-close:hover {
  transform: translate(.3125rem, -.3125rem);
  box-shadow: 0 10px 20px #0000001f;
}

._24rjXa_dialog .ant-modal-close-x {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 1;
  display: flex;
}

._24rjXa_closeIcon {
  color: var(--color-gray-darkest);
  justify-content: center;
  align-items: center;
  display: flex;
}

._24rjXa_dialogCard {
  backdrop-filter: blur(24px);
  background: #fffffff2;
  border: 1px solid #0000000a;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 48px #00000014, 0 12px 24px #0000000a;
}

._24rjXa_dialogCardAlert {
  box-shadow: 0 16px 32px #00000014, 0 8px 16px #0000000a;
}

._24rjXa_dialogButtonDanger {
  box-shadow: none;
}

._24rjXa_dialogHeader {
  background: linear-gradient(180deg, var(--color-white), #fffffff2);
  border-bottom: 1px solid #0000000a;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px 16px;
  display: flex;
  position: relative;
}

._24rjXa_dialogHeader:after {
  background: linear-gradient(90deg, transparent, var(--color-main), transparent);
  content: "";
  opacity: .2;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 2rem;
  right: 2rem;
}

._24rjXa_headerContent {
  align-items: center;
  gap: .75rem;
  display: flex;
}

._24rjXa_headerIcon {
  background: var(--prim-brand-08, #6777c714);
  color: var(--prim-brand, #6777c7);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: inline-flex;
}

._24rjXa_dialogAlert ._24rjXa_headerIcon {
  background: var(--color-red-lightest);
  color: var(--color-red);
}

._24rjXa_dialogTitle {
  color: var(--color-gray-darkest);
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

._24rjXa_dialogContent {
  padding: 24px;
}

._24rjXa_dialogContentNoPadding {
  padding: 0;
}

._24rjXa_dialogDescription {
  color: var(--color-gray-medium);
  white-space: pre-line;
  margin: 0 0 12px;
  font-size: .875rem;
  line-height: 1.25rem;
}

._24rjXa_dialogBody {
  color: var(--color-gray-darkest);
}

._24rjXa_dialogBodyScroll {
  max-height: min(60vh, 540px);
  padding-right: 4px;
  overflow-y: auto;
}

._24rjXa_dialogActions {
  border-top: 1px solid #00000014;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  display: flex;
}

._24rjXa_actionsSpacer {
  flex: 1;
}

._24rjXa_dialogButton {
  letter-spacing: .025em;
  min-width: 80px;
  font-weight: 500;
}

._24rjXa_dialogButtonSoft {
  box-shadow: none;
  border-width: 1px;
  background: var(--prim-brand-05, #6777c714) !important;
  border-color: var(--prim-brand-18, #6777c72e) !important;
  color: var(--prim-text, #000000e0) !important;
}

._24rjXa_dialogButtonSoft:hover {
  background: var(--prim-brand-08, #6777c71f) !important;
  border-color: var(--prim-brand-25, #6777c740) !important;
}

._24rjXa_dialogButtonSoftDanger {
  background: var(--color-red-lightest) !important;
  border-color: var(--color-red-light) !important;
  color: var(--color-red) !important;
}

._24rjXa_dialogButtonSoftDanger:hover {
  background: var(--color-red-light) !important;
  border-color: var(--color-red) !important;
  color: var(--color-white) !important;
}

._24rjXa_dialogButtonText {
  box-shadow: none;
}

@media (width <= 600px) {
  ._24rjXa_dialogContent {
    padding: 20px 16px;
  }

  ._24rjXa_dialogActions {
    padding: 12px 16px;
  }
}

.xheatW_wrapper {
  padding: 15px;
}

.xheatW_viewed {
  background-color: var(--color-gray-lightest);
}

._eshQa_wrapper {
  border: thin solid var(--color-gray-light);
  color: var(--color-gray-dark);
  background-color: #fff;
}

._eshQa_alert {
  color: #32888c;
  background: #c3e9ea;
  border: none;
}

._T5RBW_category {
  text-align: left;
  background: #fff;
  border: 1px solid #00000014;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 10px;
  display: flex;
}

._T5RBW_interactive {
  cursor: pointer;
  transition: border-color .18s, background-color .18s;
}

._T5RBW_interactive:hover {
  background: #6777c70f;
  border-color: #6777c759;
}

._T5RBW_selected {
  background: #6777c71a;
  border-color: #6777c766;
}

._T5RBW_noBorder {
  border-color: #0000;
  box-shadow: inset 0 0 0 1px #00000014;
}

._T5RBW_leading {
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: inline-flex;
}

._T5RBW_leadingHealthy {
  background: #42ae5e1f;
}

._T5RBW_leadingUnhealthy {
  background: #dd386c1f;
}

._T5RBW_name {
  color: #000000d6;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
}

._T5RBW_trailing {
  color: #0000008a;
  margin-left: auto;
  display: inline-flex;
}

.qxB3kq_card {
  background: #fff;
  border: 1px solid #00000014;
  border-radius: 12px;
  overflow: hidden;
}

.qxB3kq_expanded {
  border-color: #6777c752;
}

.qxB3kq_header {
  cursor: pointer;
  text-align: left;
  background: none;
  border: 0;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  display: flex;
}

.qxB3kq_header:hover {
  background: #6777c70f;
}

.qxB3kq_headerStatic {
  cursor: default;
}

.qxB3kq_headerStatic:hover {
  background: none;
}

.qxB3kq_statusIcon {
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: inline-flex;
}

.qxB3kq_statusHealthy {
  background: #42ae5e1f;
}

.qxB3kq_statusUnhealthy {
  background: #dd386c1f;
}

.qxB3kq_name {
  color: #000000d6;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
}

.qxB3kq_chevron {
  color: #0000008f;
  margin-left: auto;
}

.qxB3kq_body {
  background: #6777c708;
  border-top: 1px solid #0000000f;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  display: flex;
}

.qxB3kq_detailRow {
  background: #fff;
  border: 1px solid #00000014;
  border-radius: 10px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  display: grid;
}

.qxB3kq_detailLabel {
  color: #0000008f;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.qxB3kq_detailValue {
  font-family: var(--font-mono, SFMono-Regular, Consolas, monospace);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
}

.qxB3kq_errorRow {
  background: #fff;
  border: 1px solid #00000014;
  border-radius: 10px;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  padding: 8px 10px;
  display: flex;
}

.qxB3kq_errorLabel {
  color: #0009;
  font-size: 12px;
  font-weight: 700;
}

.qxB3kq_errorList {
  color: #000000d6;
  word-break: break-word;
  font-size: 12px;
}

.qxB3kq_errorFallback {
  color: #bf2f4e;
  font-size: 12px;
}

.MPbdqq_footer {
  background: #f7f8fb;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
}

.MPbdqq_withBorder {
  border-top: 1px solid #00000014;
}

.MPbdqq_link {
  color: #000000b8;
  background: #fff;
  border: 1px solid #00000014;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 6px 10px;
  font-size: 12px;
  text-decoration: none;
  transition: border-color .18s, color .18s;
  display: inline-flex;
}

.MPbdqq_link:hover {
  color: #000000e6;
  border-color: #6777c759;
}

@media (width <= 680px) {
  .MPbdqq_footer {
    justify-content: flex-start;
  }

  .MPbdqq_link {
    justify-content: center;
    width: 100%;
  }
}

.fELfWG_overlay {
  backdrop-filter: blur(2px);
  background: #0c0e128f;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  position: fixed;
  inset: 0;
}

.fELfWG_modal {
  background: #fff;
  border: 1px solid #00000014;
  border-radius: 16px;
  flex-direction: column;
  width: min(980px, 100%);
  max-height: calc(100vh - 24px);
  display: flex;
  overflow: hidden;
  box-shadow: 0 28px 52px #00000042;
}

.fELfWG_header {
  border-bottom: 1px solid #00000014;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  display: flex;
}

.fELfWG_titleGroup {
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.fELfWG_title {
  color: #000000e6;
  font-size: 21px;
  font-weight: 700;
}

.fELfWG_statusChip {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  overflow: hidden;
}

.fELfWG_statusHealthy {
  color: #2f7f44;
  background: #42ae5e1f;
  border-color: #42ae5e47;
}

.fELfWG_statusUnhealthy {
  color: #bf2f4e;
  background: #dd386c1f;
  border-color: #dd386c47;
}

.fELfWG_recheckButton {
  color: var(--color-main, #6777c7);
  font-weight: 700;
}

.fELfWG_content {
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  min-height: 460px;
  max-height: calc(100vh - 220px);
  display: grid;
}

.fELfWG_serviceRail {
  background: #f7f8fb;
  border-right: 1px solid #00000014;
  padding: 12px;
  overflow: auto;
}

.fELfWG_serviceList {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.fELfWG_detailsPane {
  background: linear-gradient(#fff, #f9faff);
  padding: 12px;
  overflow: auto;
}

.fELfWG_serviceStatus {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.fELfWG_serviceStatusHead {
  background: #fff;
  border: 1px solid #00000014;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
}

.fELfWG_serviceName {
  color: #000000db;
  font-size: 14px;
  font-weight: 700;
}

.fELfWG_serviceHealth {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: auto;
  display: inline-flex;
}

.fELfWG_serviceHealthOk {
  background: #42ae5e1f;
}

.fELfWG_serviceHealthIssue {
  background: #dd386c1f;
}

.fELfWG_subserviceList {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.fELfWG_emptyState {
  background: #fff;
  border: 1px dashed #00000024;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: flex;
}

.fELfWG_emptyIllustration {
  width: min(100%, 440px);
  height: auto;
}

.fELfWG_errorState {
  justify-content: center;
  align-items: center;
  min-height: 360px;
  padding: 20px;
  display: flex;
}

.fELfWG_setupActions {
  border-top: 1px solid #00000014;
  justify-content: flex-end;
  padding: 12px 16px;
  display: flex;
}

.fELfWG_setupButton {
  min-width: 160px;
}

@media (width <= 900px) {
  .fELfWG_modal {
    max-height: calc(100vh - 12px);
  }

  .fELfWG_content {
    grid-template-columns: 1fr;
    max-height: none;
  }

  .fELfWG_serviceRail {
    border-bottom: 1px solid #00000014;
    border-right: 0;
    padding: 10px;
  }

  .fELfWG_serviceList {
    flex-direction: row;
    padding-bottom: 4px;
    overflow-x: auto;
  }

  .fELfWG_serviceList > * {
    flex-shrink: 0;
    min-width: 180px;
  }

  .fELfWG_detailsPane {
    min-height: 320px;
    max-height: 46vh;
  }
}

@media (width <= 680px) {
  .fELfWG_header {
    flex-wrap: wrap;
    padding: 12px;
  }

  .fELfWG_title {
    font-size: 18px;
  }

  .fELfWG_recheckButton {
    margin-left: auto;
  }

  .fELfWG_detailsPane {
    min-height: 280px;
    padding: 10px;
  }

  .fELfWG_setupActions {
    padding: 10px 12px;
  }

  .fELfWG_setupButton {
    width: 100%;
  }
}

.JMov3a_widget {
  --health-brand: var(--ai-brand, var(--color-main, #6777c7));
  --health-surface: var(--ai-surface, #fff);
  --health-surface-2: var(--ai-surface-2, #f7f8fb);
  --health-border: var(--ai-border, #00000014);
  --health-text: var(--ai-text, #000000de);
  --health-muted: var(--ai-muted, #0009);
  --health-success: #2f7f44;
  --health-success-bg: #42ae5e1f;
  --health-danger: #bf2f4e;
  --health-danger-bg: #dd386c1f;
  background: linear-gradient(180deg, var(--health-surface), var(--health-surface-2));
  border: 1px solid var(--health-border);
  color: var(--health-text);
  border-radius: 14px;
  flex-direction: column;
  width: min(320px, 100vw - 24px);
  padding: 12px;
  box-shadow: 0 12px 30px #00000024;
}

.JMov3a_headRow, .JMov3a_widget {
  gap: 12px;
  display: flex;
}

.JMov3a_headRow {
  justify-content: space-between;
  align-items: center;
}

.JMov3a_refreshButton {
  background: var(--health-surface);
  border: 1px solid var(--health-border);
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: border-color .18s;
  display: inline-flex;
}

.JMov3a_refreshButton:hover:not(:disabled) {
  border-color: #6777c761;
}

.JMov3a_refreshButton:disabled {
  cursor: default;
  opacity: .6;
}

.JMov3a_refreshSpinning svg {
  animation: 1s linear infinite JMov3a_health-spin;
}

@keyframes JMov3a_health-spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

.JMov3a_statusCard {
  background: var(--health-surface);
  border: 1px solid var(--health-border);
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  transition: border-color .18s;
  display: flex;
}

.JMov3a_statusCard:hover {
  border-color: #6777c757;
}

.JMov3a_statusHealthy {
  background: var(--health-success-bg);
  border-color: #42ae5e47;
}

.JMov3a_statusUnhealthy {
  background: var(--health-danger-bg);
  border-color: #dd386c47;
}

.JMov3a_statusLabel {
  font-size: 13px;
  font-weight: 700;
}

.JMov3a_metaRow {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.JMov3a_metaText {
  color: var(--health-muted);
  font-size: 12px;
}

.JMov3a_detailsButton {
  color: var(--health-brand);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
}

.JMov3a_detailsButton:hover {
  text-decoration: underline;
}

.JMov3a_errorText {
  color: var(--health-danger);
  font-size: 12px;
}

.JMov3a_statsGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.JMov3a_statCard {
  background: var(--health-surface);
  border: 1px solid var(--health-border);
  border-radius: 10px;
  min-width: 0;
  padding: 8px 10px;
}

.JMov3a_statLabel {
  color: var(--health-muted);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.JMov3a_statValue {
  margin-top: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.JMov3a_issuesSection {
  border-top: 1px solid var(--health-border);
  flex-direction: column;
  gap: 8px;
  padding-top: 10px;
  display: flex;
}

.JMov3a_issuesTitle {
  color: var(--health-muted);
  font-size: 12px;
}

.JMov3a_issuesList {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.uTyccq_popoverOverlay .ant-popover-inner {
  border-radius: 14px;
  padding: 0;
}

.uTyccq_triggerButton {
  border: 1px solid #0000;
  border-radius: 10px;
  width: 34px;
  height: 34px;
  padding: 0;
}

.uTyccq_triggerButton, .uTyccq_triggerIconWrap {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.uTyccq_triggerIconWrap {
  position: relative;
}

.uTyccq_indicator {
  border: 2px solid #fff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: -2px;
  right: -3px;
}

.uTyccq_triggerHealthy {
  color: #2f7f44;
  background: #42ae5e1f;
  border-color: #42ae5e47;
}

.uTyccq_triggerUnhealthy {
  color: #bf2f4e;
  background: #dd386c1f;
  border-color: #dd386c4d;
}

.uTyccq_indicatorHealthy {
  background: #42ae5e;
}

.uTyccq_indicatorUnhealthy {
  background: #dd386c;
}

.sovPill {
  appearance: none;
  background: var(--prim-surface, #fff);
  border: 1px solid var(--prim-border, #00000014);
  color: var(--prim-text, #000000e0);
  cursor: pointer;
  user-select: none;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  transition: background .14s, border-color .14s, box-shadow .14s;
  display: inline-flex;
}

.sovPill:hover {
  background: var(--prim-surface-hover, #00000005);
  border-color: var(--prim-border-strong, #00000029);
}

.sovPill:focus-visible {
  outline: 2px solid var(--prim-ring, #6777c759);
  outline-offset: 2px;
}

.sovPill__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
  overflow: hidden;
}

.sovPill.ant-btn {
  background: var(--prim-surface, #fff);
  border: 1px solid var(--prim-border, #00000014);
  box-shadow: none;
  height: auto;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

.sovPill.ant-btn:active, .sovPill.ant-btn:focus, .sovPill.ant-btn:hover {
  background: var(--prim-surface-hover, #00000005);
  border-color: var(--prim-border-strong, #00000029);
}

.sovMenu :where(.ant-dropdown-menu), .sovMenu :where(.ant-select-dropdown) {
  background: var(--prim-surface, #fff);
  border: 1px solid var(--prim-border, #00000014);
  box-shadow: var(--prim-shadow-lift, 0 12px 24px #0000001f);
  padding: 6px;
}

.sovMenu :where(.ant-dropdown-menu-item), .sovMenu :where(.ant-dropdown-menu-submenu-title), .sovMenu :where(.ant-select-item) {
  padding: 8px 10px;
  font-weight: 600;
}

.sovMenu :where(.ant-dropdown-menu-item:hover), .sovMenu :where(.ant-dropdown-menu-submenu-title:hover), .sovMenu :where(.ant-select-item-option-active) {
  background: var(--prim-brand-05, #6777c714);
}

.sovMenu :where(.ant-dropdown-menu-item-selected), .sovMenu :where(.ant-select-item-option-selected) {
  background: var(--prim-brand-08, #6777c71f);
}

.sovSelect.ant-select {
  --sov-select-height: 36px;
  color: var(--prim-muted, #0009);
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
  gap: .375rem;
  font-size: .8125rem;
  font-weight: 500;
  transition: all .2s;
  display: inline-flex;
  background: var(--prim-surface, #fff) !important;
  border: 1px solid var(--prim-border-strong, #0000001f) !important;
  box-shadow: none !important;
  min-height: var(--sov-select-height) !important;
  border-radius: .625rem !important;
  padding: .5rem .875rem !important;
}

.sovSelect.ant-select.ant-select-single {
  height: var(--sov-select-height) !important;
}

.sovSelect.ant-select .ant-select-content {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  align-items: center;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.sovSelect.ant-select .ant-select-placeholder {
  color: var(--prim-muted, #0009);
}

.sovSelect.ant-select .ant-select-suffix {
  color: currentColor;
  flex: none;
  align-items: center;
  display: inline-flex;
}

.sovSelect.ant-select:hover:not(.ant-select-disabled) {
  color: var(--prim-text, #000000e0);
  background: var(--prim-surface-2, #f9f9fb) !important;
  border-color: var(--prim-border-strong, #0000001f) !important;
}

.sovSelect.ant-select.ant-select-focused, .sovSelect.ant-select.ant-select-open {
  color: var(--prim-text, #000000e0);
  border-color: var(--prim-brand, #6777c7) !important;
  box-shadow: 0 0 0 3px var(--prim-brand-18, #6777c72e) !important;
}

.sovSelect.ant-select.ant-select-disabled {
  cursor: not-allowed;
  opacity: .5;
}