button {
  all: unset;
}

.asl-header {
  padding: 0.5rem 0;
  box-sizing: border-box;
  height: 4rem;
  width: 100%;
  position: fixed;
  border-bottom: 1px solid rgba(184, 184, 184, .2);
  z-index: 200;
}
.asl-header-nav{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 80rem;
  height: 3rem;
  margin: 0 auto;
}
.asl-footer  {
  position: relative;
  width: 100%;
  border-top: 1px solid #d9d9d9;
}
.asl-footer-container{
  margin-bottom: .13rem;
  max-width: 85rem;
  padding: 1rem 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin: 0 auto;
}
.asl-footer-text-container {
  display: flex;
 
}
.asl-footer-text{
  display:flex;
  flex-direction: row;
   font-size: 1rem;
    /* font-weight: 400; */
    line-height: 1.5rem;
    text-align: left;
    /* color: #757575; */
    color:#fff;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
}

lable.form-label-title{
  font-size: 14px;
  line-hight:14px
}
input.bookinginput,
textarea.bookinginput{
  background-color: rgba(98 105 153 / 10%);
  border-radius: 8px;
}
input.form-control,
textarea.form-control{
  border:1px solid rgba(98 105 153 / 10%) ;

}
input.form-control:focus,
textarea.form-control:focus{
  background-color: rgba(98 105 153 / 10%);
  border:1px solid #7b61ff ;
  box-shadow: 0 0 0 0rem rgba(123,97,255,0.25) ;
}

.DialogContent:focus {
  outline: none;
}
.DialogOverlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation: overlayShow 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}
.DialogContendist {
  background-color: #fff;
  z-index: 1001;
  border-radius: 6px;
  box-shadow: #0e121659 0 10px 38px -10px, #0e121633 0 10px 20px -15px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: contentShow 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes overlayShow {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes contentShow {
  0% {
    opacity: 0;
    transform: translate(-50%, -48%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
.buttonWrapper {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0s, visibility 0s, transform 0.3s;
  position: absolute;
  bottom: 5px;
  left: 50%;
  border: none;
  transform: translate(-50%) translateY(10px);
}
.avatarCard:hover .buttonWrapper {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%) translateY(0);
}
.responsive-card {
  max-width: 1300px;
}
@media (min-width: 1359px) {
  .responsive-card {
    max-width: 1300px;
  }
  .avatarCard {
    width: calc((100% - (24px * 2)) / 3);
  }
}
@media (min-width: 959px) and (max-width: 1359px) {
  .avatarCard {
    width: calc((100% - 24px) / 2);
  }
}
@media (max-width: 959px) {
  .avatarCard {
    width: 100%;
  }
}
.FloatButton:hover svg {
  fill: #fff;
}
.breadcrumb ul {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
}
.breadcrumb li {
  margin-right: 0.5rem;
  font-size: 14px;
  font-weight: 400;
}
.breadcrumb li:not(:last-child):after {
  content: "/";
  margin-left: 0.5rem;
  color: #8d8d9966;
  font-size: 15px;
}
.breadcrumb a {
  text-decoration: none;
  color: #8d8d99;
}
.breadcrumb li:last-child a {
  font-size: 14px;
  color: #17171dcc;
}
.markdown-container pre,
code {
  white-space: pre-wrap;
}
.markdown-container blockquote p {
  font-size: 14px;
  line-height: 14px;
  margin-top: 12px;
  color: #8d8d99;
}
.markdown-container a {
  color: #7b61ff;
}
.markdown-container ul {
  padding-left: 20px;
  list-style-type: disc;
}
.markdown-container ul li {
  padding: 8px;
  line-height: 25px;
}
.carousel-slide {
  flex: 0 0 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.carousel-dot {
  height: 10px;
  width: 10px;
  margin: 0 5px;
  background-color: #fff6;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}
.pagination {
  display: flex;
  align-items: center;
  list-style-type: none;
  padding: 0;
  justify-content: center;
  color: #17171d;
  font-size: 14px;
}
.page {
  background: linear-gradient(
      0deg,
      rgba(98, 105, 153, 0.06),
      rgba(98, 105, 153, 0.06)
    ),
    #ffffff;
}
.page,
.previous,
.next {
  padding: 8px;
  border-radius: 6px;
  margin: 0 5px;
}
.pagination .selected {
  background: #7b61ff;
  color: #f7f7ff;
}
.page-link,
.previous,
.next {
  padding: 5px;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
}
.page:hover {
  background-color: #9580ff;
  color: #f7f7ff;
}
.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
/* @font-face {
  font-family: anticon;
  src: url(../font/font_1434092639_4910953.eot);
  src: url(../font/font_1434092639_4910953.eot) format("embedded-opentype"),
    url(../font/font_1434092639_4910953.woff) format("woff"),
    url(../font/font_1434092639_4910953.ttf) format("truetype"),
    url(../font/font_1434092639_4910953.svg) format("svg");
} */
.rc-dropdown {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1070;
  display: block;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.rc-dropdown-hidden {
  display: none;
}
.rc-dropdown .rc-menu {
  outline: none;
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 2px 0;
  text-align: left;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 5px #ccc;
  background-clip: padding-box;
  border: 1px solid #ccc;
}
.rc-dropdown .rc-menu > li {
  margin: 0;
  padding: 0;
}
.rc-dropdown .rc-menu:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.01);
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item {
  position: relative;
  display: block;
  padding: 7px 10px;
  clear: both;
  font-size: 12px;
  font-weight: 400;
  color: #666;
  white-space: nowrap;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:hover,
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-active,
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected {
  background-color: #ebfaff;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected {
  position: relative;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected:after {
  content: "";
  font-family: anticon;
  font-weight: 700;
  position: absolute;
  top: 6px;
  right: 16px;
  color: #3cb8f0;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-disabled {
  color: #ccc;
  cursor: not-allowed;
  pointer-events: none;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-disabled:hover {
  color: #ccc;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  line-height: 0;
}
.rc-dropdown-slide-up-enter,
.rc-dropdown-slide-up-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.rc-dropdown-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomRight,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomRight {
  animation-name: rcDropdownSlideUpIn;
  animation-play-state: running;
}
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topRight,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topRight {
  animation-name: rcDropdownSlideDownIn;
  animation-play-state: running;
}
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomRight {
  animation-name: rcDropdownSlideUpOut;
  animation-play-state: running;
}
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topRight {
  animation-name: rcDropdownSlideDownOut;
  animation-play-state: running;
}
@keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
  to {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}
@keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
  to {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}
.rc-dropdown-arrow {
  position: absolute;
  border-width: 8px / 2;
  border-color: transparent;
  box-shadow: 0 1px 5px #ccc;
  border-style: solid;
  transform: rotate(45deg);
}
.rc-dropdown-show-arrow.rc-dropdown-placement-top,
.rc-dropdown-show-arrow.rc-dropdown-placement-topLeft,
.rc-dropdown-show-arrow.rc-dropdown-placement-topRight {
  padding-bottom: 6px;
}
.rc-dropdown-show-arrow.rc-dropdown-placement-bottom,
.rc-dropdown-show-arrow.rc-dropdown-placement-bottomLeft,
.rc-dropdown-show-arrow.rc-dropdown-placement-bottomRight {
  padding-top: 6px;
}
.rc-dropdown-placement-top .rc-dropdown-arrow,
.rc-dropdown-placement-topLeft .rc-dropdown-arrow,
.rc-dropdown-placement-topRight .rc-dropdown-arrow {
  bottom: 4px;
  border-top-color: #fff;
}
.rc-dropdown-placement-top .rc-dropdown-arrow {
  left: 50%;
}
.rc-dropdown-placement-topLeft .rc-dropdown-arrow {
  left: 15%;
}
.rc-dropdown-placement-topRight .rc-dropdown-arrow {
  right: 15%;
}
.rc-dropdown-placement-bottom .rc-dropdown-arrow,
.rc-dropdown-placement-bottomLeft .rc-dropdown-arrow,
.rc-dropdown-placement-bottomRight .rc-dropdown-arrow {
  top: 4px;
  border-bottom-color: #fff;
}
.rc-dropdown-placement-bottom .rc-dropdown-arrow {
  left: 50%;
}
.rc-dropdown-placement-bottomLeft .rc-dropdown-arrow {
  left: 15%;
}
.rc-dropdown-placement-bottomRight .rc-dropdown-arrow {
  right: 15%;
}
.rc-dropdown-slide-up-enter,
.rc-dropdown-slide-up-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.rc-dropdown-slide-up-leave {
  animation-duration: 0s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.scroll-container {
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  will-change: transform;
  width: max-content;
}
.scroll-content {
  display: flex;
  transform: translateZ(0);
  animation: scroll-infinite 35s linear infinite;
}
.scroll-image {
  flex: 0 0 auto;
  max-height: 80px;
  margin-right: 24px;
}
@keyframes scroll-infinite {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-50%);
  }
}
.ActionButton {
  background: linear-gradient(105deg, #5950ff 1%, #8e38ff 100%);
  /* background-color: #3f82fc; */
  animation: bounce 0.75s ease-out infinite alternate;
}
.ActionButton:hover {
  animation-play-state: paused;
  opacity: 0.8;
}
@keyframes bounce {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(1.02);
    box-shadow: 1px 1px 12px #8e38ff80, inset 0 0 5px #7344ff, 0 2px 6px #aaa;
  }
}
.divider {
  display: inline-block;
  width: 12px;
  height: 0px;
  transform: rotate(90deg);
  opacity: 1;
  border-top: 1px solid #e1e1e5;
  z-index: 2;
}
.column-hover {
  height: 100%;
  width: 100%;
  position: absolute;
}
.column-hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 12px 32px #00000014;
  border-radius: 8px;
  z-index: -1;
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-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-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --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(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}
.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translate(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translate(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}
@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translate(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translate(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0 4px 12px #0000001a;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed="false"] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos="top"] {
  top: 0;
}
.Toastify__toast--stacked[data-pos="bot"] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
  flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}
.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}
.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}
@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light,
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}
.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}
.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}
@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden="true"] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}
.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}
@keyframes Toastify__bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__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(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}
.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}
@keyframes Toastify__zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}
.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}
@keyframes Toastify__flipIn {
  0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  0% {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}
.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}
@keyframes Toastify__slideInRight {
  0% {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  0% {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  0% {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  0% {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}
.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
@keyframes Toastify__spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
/* @font-face {
  font-family: Alibaba-PuHuiTi;
  src: url(../font/AlibabaPuHuiTi-3-105-Heavy.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: auto;
} */
*,
:before,
:after {
  --un-rotate: 0;
  --un-rotate-x: 0;
  --un-rotate-y: 0;
  --un-rotate-z: 0;
  --un-scale-x: 1;
  --un-scale-y: 1;
  --un-scale-z: 1;
  --un-skew-x: 0;
  --un-skew-y: 0;
  --un-translate-x: 0;
  --un-translate-y: 0;
  --un-translate-z: 0;
  --un-pan-x: ;
  --un-pan-y: ;
  --un-pinch-zoom: ;
  --un-scroll-snap-strictness: proximity;
  --un-ordinal: ;
  --un-slashed-zero: ;
  --un-numeric-figure: ;
  --un-numeric-spacing: ;
  --un-numeric-fraction: ;
  --un-border-spacing-x: 0;
  --un-border-spacing-y: 0;
  --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
  --un-shadow-inset: ;
  --un-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-inset: ;
  --un-ring-offset-width: 0px;
  --un-ring-offset-color: #fff;
  --un-ring-width: 0px;
  --un-ring-color: rgb(147 197 253 / 0.5);
  --un-blur: ;
  --un-brightness: ;
  --un-contrast: ;
  --un-drop-shadow: ;
  --un-grayscale: ;
  --un-hue-rotate: ;
  --un-invert: ;
  --un-saturate: ;
  --un-sepia: ;
  --un-backdrop-blur: ;
  --un-backdrop-brightness: ;
  --un-backdrop-contrast: ;
  --un-backdrop-grayscale: ;
  --un-backdrop-hue-rotate: ;
  --un-backdrop-invert: ;
  --un-backdrop-opacity: ;
  --un-backdrop-saturate: ;
  --un-backdrop-sepia: ;
}
::backdrop {
  --un-rotate: 0;
  --un-rotate-x: 0;
  --un-rotate-y: 0;
  --un-rotate-z: 0;
  --un-scale-x: 1;
  --un-scale-y: 1;
  --un-scale-z: 1;
  --un-skew-x: 0;
  --un-skew-y: 0;
  --un-translate-x: 0;
  --un-translate-y: 0;
  --un-translate-z: 0;
  --un-pan-x: ;
  --un-pan-y: ;
  --un-pinch-zoom: ;
  --un-scroll-snap-strictness: proximity;
  --un-ordinal: ;
  --un-slashed-zero: ;
  --un-numeric-figure: ;
  --un-numeric-spacing: ;
  --un-numeric-fraction: ;
  --un-border-spacing-x: 0;
  --un-border-spacing-y: 0;
  --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
  --un-shadow-inset: ;
  --un-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-inset: ;
  --un-ring-offset-width: 0px;
  --un-ring-offset-color: #fff;
  --un-ring-width: 0px;
  --un-ring-color: rgb(147 197 253 / 0.5);
  --un-blur: ;
  --un-brightness: ;
  --un-contrast: ;
  --un-drop-shadow: ;
  --un-grayscale: ;
  --un-hue-rotate: ;
  --un-invert: ;
  --un-saturate: ;
  --un-sepia: ;
  --un-backdrop-blur: ;
  --un-backdrop-brightness: ;
  --un-backdrop-contrast: ;
  --un-backdrop-grayscale: ;
  --un-backdrop-hue-rotate: ;
  --un-backdrop-invert: ;
  --un-backdrop-opacity: ;
  --un-backdrop-saturate: ;
  --un-backdrop-sepia: ;
}
.navigation-wrapper {
  position: absolute;
  top: -5px;
  width: 156px;
  --un-translate-x: 18px;
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
  animation: ease 0.2s;
  border-width: 1px;
  border-radius: 12px;
  padding: 8px;
  --un-shadow: 0px 8px 24px 0px var(--un-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
  border-color: var(--border-primary);
  -webkit-backdrop-filter: blur(16.32px);
  backdrop-filter: blur(16.32px);
}
.navigation-item {
  display: block;
  height: 40px;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  border-radius: 8px;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  opacity: 0.8;
  outline-offset: 0px !important;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.navigation-link {
  display: block;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  padding: 12px 24px;
  text-decoration: none;
  opacity: 0.8;
  outline-offset: 0px !important;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.text-black {
  --un-text-opacity: 1;
  color: rgb(23 23 29 / var(--un-text-opacity));
}
.navigation-item:hover,
.navigation-link:hover {
  font-weight: 500;
  opacity: 1;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.after\:absolute:after {
  position: absolute;
}
.static {
  position: static;
}
.inset-\[-20px_-24px_-20px_-20px\] {
  top: -20px;
  right: -24px;
  bottom: -20px;
  left: -20px;
}
.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.bottom--200px {
  bottom: -200px;
}
.bottom-0,
.bottom-0px {
  bottom: 0;
}
.bottom-110px {
  bottom: 110px;
}
.bottom-16px {
  bottom: 16px;
}
.bottom-200px {
  bottom: 200px;
}
.bottom-40px {
  bottom: 40px;
}
.left--290px {
  left: -290px;
}
.left-\[0\],
.left-0px,
.left-0 {
  left: 0;
}
.left-1\/2,
.left-50\% {
  left: 50%;
}
.left-110px {
  left: 110px;
}
.left-12px {
  left: 12px;
}
.left-162px {
  left: 162px;
}
.left-24px {
  left: 24px;
}
.left-30px {
  left: 30px;
}
.left-380px {
  left: 380px;
}
.left-600px {
  left: 600px;
}
.left-60px {
  left: 60px;
}
.left-630px {
  left: 630px;
}
.right--16px {
  right: -16px;
}
.right-0,
.right-0px {
  right: 0;
}
.right-12px {
  right: 12px;
}
.right-20px {
  right: 20px;
}
.right-24px {
  right: 24px;
}
.right-26px {
  right: 26px;
}
.right-35px {
  right: 35px;
}
.right-40px {
  right: 40px;
}
.right-80px {
  right: 80px;
}
.top--113px {
  top: -113px;
}
.top--125px {
  top: -125px;
}
.top--16px {
  top: -16px;
}
.top-\[10px\],
.top-10px {
  top: 10px;
}
.top-0,
.top-0px {
  top: 0;
}
.top-1\/2,
.top-50\% {
  top: 50%;
}
.top-1060px {
  top: 1060px;
}
.top-1100px {
  top: 1100px;
}
.top-116px {
  top: 116px;
}
.top-12px {
  top: 12px;
}
.top-16px {
  top: 16px;
}
.top-1753px {
  top: 1753px;
}
.top-220px {
  top: 220px;
}
.top-24px {
  top: 24px;
}
.top-26px {
  top: 26px;
}
.top-300px {
  top: 300px;
}
.top-3500px {
  top: 3500px;
}
.top-400px {
  top: 400px;
}
.top-60px {
  top: 60px;
}
.top-64px {
  top: 64px;
}
.top-80px {
  top: 80px;
}
.top-8rem {
  top: 8rem;
}
.top-full {
  top: 100%;
}
.after\:left-0:after {
  left: 0;
}
.after\:top-0:after {
  top: 0;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.z--1,
.z-\[-1\] {
  z-index: -1;
}
.z-0 {
  z-index: 0;
}
.z-1 {
  z-index: 1;
}
.z-10 {
  z-index: 10;
}
.z-100 {
  z-index: 100;
}
.z-1000 {
  z-index: 1000;
}
.z-10000 {
  z-index: 10000;
}
.z-1001 {
  z-index: 1001;
}
.z-1002 {
  z-index: 1002;
}
.z-1009 {
  z-index: 1009;
}
.z-110 {
  z-index: 110;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}
.z-4 {
  z-index: 4;
}
.after\:z--2:after {
  z-index: -2;
}
.after\:z-1:after {
  z-index: 1;
}
.float-right {
  float: right;
}
.mx-10px {
  margin-left: 10px;
  margin-right: 10px;
}
.mx-138px {
  margin-left: 138px;
  margin-right: 138px;
}
.mx-20px {
  margin-left: 20px;
  margin-right: 20px;
}
.mx-3px {
  margin-left: 3px;
  margin-right: 3px;
}
.mx-4px {
  margin-left: 4px;
  margin-right: 4px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-12px {
  margin-top: 12px;
  margin-bottom: 12px;
}
.my-24px {
  margin-top: 24px;
  margin-bottom: 24px;
}
.my-32px {
  margin-top: 32px;
  margin-bottom: 32px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.\[\&\>li\+li\]\:mt-8 > li + li,
.mt-8px {
  margin-top: 8px;
}
.mb-100px {
  margin-bottom: 100px;
}
.mb-10px {
  margin-bottom: 10px;
}
.mb-120px {
  margin-bottom: 120px;
}
.mb-12px {
  margin-bottom: 12px;
}
.mb-160px {
  margin-bottom: 160px;
}
.mb-16px {
  margin-bottom: 16px;
}
.mb-24px {
  margin-bottom: 24px;
}
.mb-28px {
  margin-bottom: 28px;
}
.mb-32px {
  margin-bottom: 32px;
}
.mb-3px {
  margin-bottom: 3px;
}
.mb-40px {
  margin-bottom: 40px;
}
.mb-50px {
  margin-bottom: 50px;
}
.mb-60px {
  margin-bottom: 60px;
}
.mb-6px {
  margin-bottom: 6px;
}
.mb-8px {
  margin-bottom: 8px;
}
.ml-10px {
  margin-left: 10px;
}
.ml-12px {
  margin-left: 12px;
}
.ml-13px {
  margin-left: 13px;
}
.ml-14px {
  margin-left: 14px;
}
.ml-3px {
  margin-left: 3px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-4px {
  margin-left: 4px;
}
.ml-50,
.ml-50px {
  margin-left: 50px;
}
.ml-5px {
  margin-left: 5px;
}
.ml-6px {
  margin-left: 6px;
}
.ml-8px {
  margin-left: 8px;
}
.mr-24px {
  margin-right: 24px;
}
.mr-32px {
  margin-right: 32px;
}
.mr-4,
.mr-4px {
  margin-right: 4px;
}
.mr-4\.75px {
  margin-right: 4.75px;
}
.mr-50px {
  margin-right: 50px;
}
.mr-5px {
  margin-right: 5px;
}
.mr-6px {
  margin-right: 6px;
}
.mr-8px {
  margin-right: 8px;
}
.mr-auto {
  margin-right: auto;
}
.mt--15px {
  margin-top: -15px;
}
.mt--20px {
  margin-top: -20px;
}
.mt--8px {
  margin-top: -8px;
}
.mt-10,
.mt-10px {
  margin-top: 10px;
}
.mt-120,
.mt-120px {
  margin-top: 120px;
}
.mt-122px {
  margin-top: 122px;
}
.mt-12px {
  margin-top: 12px;
}
.mt-130px {
  margin-top: 130px;
}
.mt-140px {
  margin-top: 140px;
}
.mt-15px {
  margin-top: 15px;
}
.mt-160px {
  margin-top: 160px;
}
.mt-16px {
  margin-top: 16px;
}
.mt-170px {
  margin-top: 170px;
}
.mt-180px {
  margin-top: 180px;
}
.mt-190px {
  margin-top: 190px;
}
.mt-200px {
  margin-top: 200px;
}
.mt-20px {
  margin-top: 20px;
}
.mt-22px {
  margin-top: 22px;
}
.mt-24,
.mt-24px {
  margin-top: 24px;
}
.mt-240px {
  margin-top: 240px;
}
.mt-26px {
  margin-top: 26px;
}
.mt-32px {
  margin-top: 32px;
}
.mt-35px {
  margin-top: 35px;
}
.mt-40px {
  margin-top: 40px;
}
.mt-44px {
  margin-top: 44px;
}
.mt-45px {
  margin-top: 45px;
}
.mt-48px {
  margin-top: 48px;
}
.mt-60px {
  margin-top: 60px;
}
.mt-64px {
  margin-top: 64px;
}
.mt-72px {
  margin-top: 72px;
}
.mt-80px {
  margin-top: 80px;
}
.box-border {
  box-sizing: border-box;
}
.box-content {
  box-sizing: content-box;
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.aspect-\[960\/540\] {
  aspect-ratio: 960/540;
}
.h-\[--radix-navigation-menu-viewport-height\] {
  height: var(--radix-navigation-menu-viewport-height);
}
.h-\[100\%\],
.h-100\%,
.h-full {
  height: 100%;
}
.h-\[calc\(90vh-110px\)\] {
  height: calc(90vh - 110px);
}
.h-0px {
  height: 0;
}
.h-100px {
  height: 100px;
}
.h-100vh,
.h-screen {
  height: 100vh;
}
.h-1121px {
  height: 1121px;
}
.h-1182px {
  height: 1182px;
}
.h-120px {
  height: 120px;
}
.h-1321px {
  height: 1321px;
}
.h-1112px {
  height: 1112px;
}
.h-136px {
  height: 136px;
}
.h-140px {
  height: 140px;
}
.h-1500px {
  height: 1500px;
}
.h-156px {
  height: 156px;
}
.h-15px {
  height: 15px;
}
.h-160px {
  height: 160px;
}
.h-168px {
  height: 168px;
}
.h-16px {
  height: 16px;
}
.h-191px {
  height: 191px;
}
.h-192px {
  height: 192px;
}
.h-20px {
  height: 20px;
}
.h-235px {
  height: 235px;
}
.h-24px {
  height: 24px;
}
.h-250px {
  height: 250px;
}
.h-260px {
  height: 260px;
}
.h-2px {
  height: 2px;
}
.h-300px {
  height: 300px;
}
.h-304px {
  height: 304px;
}
.h-30px {
  height: 30px;
}
.h-311px {
  height: 311px;
}
.h-320px {
  height: 320px;
}
.h-32px {
  height: 32px;
}
.h-354px {
  height: 354px;
}
.h-360px {
  height: 360px;
}
.h-36px {
  height: 36px;
}
.h-370px {
  height: 370px;
}
.h-378px {
  height: 378px;
}
.h-38px {
  height: 38px;
}
.h-400px {
  height: 400px;
}
.h-40px {
  height: 40px;
}
.h-420px {
  height: 420px;
}
.h-434px {
  height: 434px;
}
.h-435px {
  height: 435px;
}
.h-44px {
  height: 44px;
}
.h-453px {
  height: 453px;
}
.h-45px {
  height: 45px;
}
.h-483px {
  height: 483px;
}
.h-48px {
  height: 48px;
}
.h-500px {
  height: 500px;
}
.h-50px {
  height: 50px;
}
.h-516px {
  height: 516px;
}
.h-520px {
  height: 520px;
}
.h-56px {
  height: 56px;
}
.h-580px {
  height: 580px;
}
.h-600px {
  height: 600px;
}
.h-60px {
  height: 60px;
}
.h-628px {
  height: 628px;
}
.h-648px {
  height: 648px;
}
.h-64px {
  height: 64px;
}
.h-72px {
  height: 72px;
}
.h-80px {
  height: 80px;
}
.h-84px {
  height: 84px;
}
.h-90px {
  height: 90px;
}
.h-90vh {
  height: 90vh;
}
.h-96px {
  height: 96px;
}
.h-auto {
  height: auto;
}
.h1 {
  height: 0.25rem;
}
.h2 {
  height: 0.5rem;
}
.h3 {
  height: 0.75rem;
}
.h4 {
  height: 1rem;
}
.h5 {
  height: 1.25rem;
}
.h6 {
  height: 1.5rem;
}
.max-w-100\% {
  max-width: 100%;
}
.max-w-1200px {
  max-width: 1200px;
}
.min-h-\[calc\(100vh-286px\)\] {
  min-height: calc(100vh - 286px);
}
.min-h-1080px {
  min-height: 1080px;
}
.min-w-1200px {
  min-width: 1200px;
}
.min-w-1392px {
  min-width: 1392px;
}
.min-w-960px {
  min-width: 960px;
}
.w-\[100\%\],
.w-100\%,
.w-full {
  width: 100%;
}
.w-100px {
  width: 100px;
}
.w-1048px {
  width: 1048px;
}
.w-104px {
  width: 104px;
}
.w-106px {
  width: 106px;
}
.w-110px {
  width: 110px;
}
.w-1120px {
  width: 1120px;
}
.w-114px {
  width: 114px;
}
.w-1200px {
  width: 1200px;
}
.w-120px {
  width: 120px;
}
.w-1300px {
  width: 1300px;
}
.w-130px {
  width: 130px;
}
.w-135px {
  width: 135px;
}
.w-136px {
  width: 136px;
}
.w-1400px {
  width: 1400px;
}
.w-140px {
  width: 140px;
}
.w-148px {
  width: 148px;
}
.w-156px {
  width: 156px;
}
.w-15px {
  width: 15px;
}
.w-160px {
  width: 160px;
}
.w-16px {
  width: 16px;
}
.w-172px {
  width: 172px;
}
.w-176px {
  width: 176px;
}
.w-180px {
  width: 180px;
}
.w-1px {
  width: 1px;
}
.w-200px {
  width: 200px;
}
.w-20px {
  width: 20px;
}
.w-225px {
  width: 225px;
}
.w-232px {
  width: 232px;
}
.w-240px {
  width: 240px;
}
.w-243px {
  width: 243px;
}
.w-24px {
  width: 24px;
}
.w-272px {
  width: 272px;
}
.w-282px {
  width: 282px;
}
.w-292px {
  width: 292px;
}
.w-30px {
  width: 30px;
}
.w-316px {
  width: 316px;
}
.w-320px {
  width: 320px;
}
.w-32px {
  width: 32px;
}
.w-344px {
  width: 344px;
}
.w-350px {
  width: 350px;
}
.w-4\/5 {
  width: 80%;
}
.w-400px {
  width: 400px;
}
.w-40px {
  width: 40px;
}
.w-420px {
  width: 420px;
}
.w-472px {
  width: 472px;
}
.w-480px {
  width: 480px;
}
.w-48px {
  width: 48px;
}
.w-496px {
  width: 496px;
}
.w-500px {
  width: 500px;
}
.w-50px {
  width: 50px;
}
.w-511px {
  width: 511px;
}
.w-560px {
  width: 560px;
}
.w-586px {
  width: 586px;
}
.w-588px {
  width: 588px;
}
.w-600px {
  width: 600px;
}
.w-60px {
  width: 60px;
}
.w-611px {
  width: 611px;
}
.w-648px {
  width: 648px;
}
.w-64px {
  width: 64px;
}
.w-720px {
  width: 720px;
}
.w-750px {
  width: 750px;
}
.w-75px {
  width: 75px;
}
.w-780px {
  width: 780px;
}
.w-800px {
  width: 800px;
}
.w-80px {
  width: 80px;
}
.w-811px {
  width: 811px;
}
.w-820px {
  width: 820px;
}
.w-844px {
  width: 844px;
}
.w-865px {
  width: 865px;
}
.w-884px {
  width: 884px;
}
.w-88px {
  width: 88px;
}
.w-90px {
  width: 90px;
}
.w-926px {
  width: 926px;
}
.w-960px {
  width: 960px;
}
.w-96px {
  width: 96px;
}
.w-982px {
  width: 982px;
}
.w-98px {
  width: 98px;
}
.w-fit {
  width: fit-content;
}
.w-screen {
  width: 100vw;
}
.w\[u\] {
  width: u;
}
.after\:h-100vh:after {
  height: 100vh;
}
.after\:h-1080px:after {
  height: 1080px;
}
.after\:h-1150px:after {
  height: 1150px;
}
.after\:h-420px:after {
  height: 420px;
}
.after\:h-860px:after {
  height: 860px;
}
.after\:w-full:after {
  width: 100%;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.origin-top-center {
  transform-origin: top center;
}
.perspective-2000 {
  -webkit-perspective: 2000px;
  perspective: 2000px;
}
.-translate-x-1\/2,
.translate-x--1\/2,
.translate-x--50\% {
  --un-translate-x: -50%;
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.-translate-y-1\/2 {
  --un-translate-y: -50%;
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.-translate-y-100px {
  --un-translate-y: -100px;
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.rotate-90 {
  --un-rotate-x: 0;
  --un-rotate-y: 0;
  --un-rotate-z: 0;
  --un-rotate: 90deg;
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.group:hover .group-hover\:scale-110 {
  --un-scale-x: 1.1;
  --un-scale-y: 1.1;
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.group:hover .group-hover\:scale-120 {
  --un-scale-x: 1.2;
  --un-scale-y: 1.2;
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.transform {
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-16 {
  gap: 16px;
}
.gap-24px {
  gap: 24px;
}
.gap-32px {
  gap: 32px;
}
.gap-8,
.gap-8px {
  gap: 8px;
}
.gap-x-12px {
  column-gap: 12px;
}
.gap-x-16px {
  column-gap: 16px;
}
.gap-x-170px {
  column-gap: 170px;
}
.gap-x-20px {
  column-gap: 20px;
}
.gap-x-24,
.gap-x-24px {
  column-gap: 24px;
}
.gap-x-30px {
  column-gap: 30px;
}
.gap-x-32px {
  column-gap: 32px;
}
.gap-x-40px {
  column-gap: 40px;
}
.gap-x-4px {
  column-gap: 4px;
}
.gap-x-50px {
  column-gap: 50px;
}
.gap-x-6px {
  column-gap: 6px;
}
.gap-x-70px {
  column-gap: 70px;
}
.gap-x-8\.75px {
  column-gap: 8.75px;
}
.gap-x-84px {
  column-gap: 84px;
}
.gap-x-8px {
  column-gap: 8px;
}
.gap-y-13px {
  row-gap: 13px;
}
.gap-y-20px {
  row-gap: 20px;
}
.gap-y-24px {
  row-gap: 24px;
}
.gap-y-80px {
  row-gap: 80px;
}
.gap-y-8px {
  row-gap: 8px;
}
.of-hidden,
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.b-1,
.b-1px,
.border,
.border-1 {
  border-width: 1px;
}
.b-4 {
  border-width: 4px;
}
.b-b-1px {
  border-bottom-width: 1px;
}
.border-l-1 {
  border-left-width: 1px;
}
.border-l-2px {
  border-left-width: 2px;
}
.border-l-3 {
  border-left-width: 3px;
}
.border-r-1,
.border-r-1px {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.\!b-\#7B61FF {
  --un-border-opacity: 1 !important;
  border-color: rgb(123 97 255 / var(--un-border-opacity)) !important;
}
.b-\#fff,
.b-color-\#fff {
  --un-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--un-border-opacity));
}
.b-transparent,
.border-transparent {
  border-color: transparent;
}
.border-\[\#7B61FF\] {
  --un-border-opacity: 1;
  border-color: rgb(123 97 255 / var(--un-border-opacity));
}
.border-\#7B61FF\/60 {
  border-color: #7b61ff99;
}
.border-\#7B61FF1F {
  --un-border-opacity: 0.12;
  border-color: rgb(123 97 255 / var(--un-border-opacity));
}
.border-\#8D8D99\/60 {
  border-color: #8d8d9999;
}
.border-\#D7D3FF\! {
  --un-border-opacity: 1 !important;
  border-color: rgb(215 211 255 / var(--un-border-opacity)) !important;
}
.border-\#E1E1E5 {
  --un-border-opacity: 1;
  border-color: rgb(225 225 229 / var(--un-border-opacity));
}
.border-\#E1E1E566 {
  --un-border-opacity: 0.4;
  border-color: rgb(225 225 229 / var(--un-border-opacity));
}
.border-\#E1E1E599 {
  --un-border-opacity: 0.6;
  border-color: rgb(225 225 229 / var(--un-border-opacity));
}
.border-\#E1E1E5CC {
  --un-border-opacity: 0.8;
  border-color: rgb(225 225 229 / var(--un-border-opacity));
}
.border-\#FFFFFF66 {
  --un-border-opacity: 0.4;
  border-color: rgb(255 255 255 / var(--un-border-opacity));
}
.hover\:b-\#7B61FF:hover,
.hover\:border-\#7B61FF:hover {
  --un-border-opacity: 1;
  border-color: rgb(123 97 255 / var(--un-border-opacity));
}
.hover\:border-\#7B61FF\/60:hover {
  border-color: #7b61ff99;
}
.focus\:border-\#7B61FF:focus {
  --un-border-opacity: 1;
  border-color: rgb(123 97 255 / var(--un-border-opacity));
}
.border-t-\[rgba\(225\,225\,229\,0\.08\)\] {
  --un-border-opacity: 0.08;
  --un-border-top-opacity: var(--un-border-opacity);
  border-top-color: rgba(225, 225, 229, var(--un-border-top-opacity));
}
.border-t-\#626999 {
  --un-border-opacity: 1;
  --un-border-top-opacity: var(--un-border-opacity);
  border-top-color: rgb(98 105 153 / var(--un-border-top-opacity));
}
.border-op-12 {
  --un-border-opacity: 0.12;
}
.border-t-op-8 {
  --un-border-top-opacity: 0.08;
}
.b-rd-1px {
  border-radius: 1px;
}
.b-rd-50\% {
  border-radius: 50%;
}
.b-rd-6px,
.rounded-6px {
  border-radius: 6px;
}
.b-rd-8px,
.rd-8px,
.rounded-8px {
  border-radius: 8px;
}
.rd-12px,
.rounded-12px {
  border-radius: 12px;
}
.rd-12px\! {
  border-radius: 12px !important;
}
.rd-24px,
.rounded-24px {
  border-radius: 24px;
}
.rd-4px,
.rounded-4px {
  border-radius: 4px;
}
.rounded-\[0_0_12px_12px\] {
  border-radius: 0 0 12px 12px;
}
.rounded-\[12px_12px_0_0\] {
  border-radius: 12px 12px 0 0;
}
.rounded-10px {
  border-radius: 10px;
}
.rounded-13px {
  border-radius: 13px;
}
.rounded-14px {
  border-radius: 14px;
}
.rounded-16px {
  border-radius: 16px;
}
.rounded-18px {
  border-radius: 18px;
}
.rounded-20px {
  border-radius: 20px;
}
.rounded-40px {
  border-radius: 40px;
}
.rounded-full {
  border-radius: 9999px;
}
.rd-t-2px {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.rounded-t-8px {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-bl-8px {
  border-bottom-left-radius: 8px;
}
.rounded-br-8px {
  border-bottom-right-radius: 8px;
}
.border-solid {
  border-style: solid;
}
.bg-\[rgba\(0\,0\,0\,0\.2\)\] {
  --un-bg-opacity: 0.2;
  background-color: rgba(0, 0, 0, var(--un-bg-opacity));
}
.bg-\[rgba\(255\,255\,255\,0\.2\)\] {
  --un-bg-opacity: 0.2;
  background-color: rgba(255, 255, 255, var(--un-bg-opacity));
}
.bg-\[rgba\(28\,0\,185\,0\.16\)\] {
  --un-bg-opacity: 0.16;
  background-color: rgba(28, 0, 185, var(--un-bg-opacity));
}
.bg-\#000\/40 {
  background-color: #0006;
}
.bg-\#00000033 {
  --un-bg-opacity: 0.2;
  background-color: rgb(0 0 0 / var(--un-bg-opacity));
}
.bg-\#10002F {
  --un-bg-opacity: 1;
  background-color: rgb(16 0 47 / var(--un-bg-opacity));
}
.bg-\#121024 {
  --un-bg-opacity: 1;
  background-color: rgb(18 16 36 / var(--un-bg-opacity));
}
.bg-\#26233b {
  --un-bg-opacity: 1;
  background-color: rgb(38 35 59 / var(--un-bg-opacity));
}
.bg-\#299FFF\/70 {
  background-color: #299fffb3;
}
.bg-\#f6f6f9 {
  background-color: #f6f6f9;
}
.bg-\#3860FF {
  --un-bg-opacity: 1;
  background-color: rgb(56 96 255 / var(--un-bg-opacity));
}
.bg-\#3F3F44 {
  --un-bg-opacity: 1;
  background-color: rgb(63 63 68 / var(--un-bg-opacity));
}
.bg-\#6269990F {
  --un-bg-opacity: 0.06;
  background-color: rgb(98 105 153 / var(--un-bg-opacity));
}
.bg-\#6971FF26 {
  --un-bg-opacity: 0.15;
  background-color: rgb(105 113 255 / var(--un-bg-opacity));
}
.bg-\#7b61ff,
.bg-\#7B61FF,
.bg-primary {
  --un-bg-opacity: 1;
  background-color: rgb(123 97 255 / var(--un-bg-opacity));
}
.bg-\#7B61FF14 {
  --un-bg-opacity: 0.08;
  background-color: rgb(123 97 255 / var(--un-bg-opacity));
}
.bg-\#8969FF4D {
  --un-bg-opacity: 0.3;
  background-color: rgb(137 105 255 / var(--un-bg-opacity));
}
.bg-\#9369FF26 {
  --un-bg-opacity: 0.15;
  background-color: rgb(147 105 255 / var(--un-bg-opacity));
}
.bg-\#cac0ff {
  --un-bg-opacity: 1;
  background-color: rgb(202 192 255 / var(--un-bg-opacity));
}
.bg-\#E9E9F399 {
  --un-bg-opacity: 0.6;
  background-color: rgb(233 233 243 / var(--un-bg-opacity));
}
.bg-\#F6F6F9 {
  --un-bg-opacity: 1;
  background-color: rgb(246 246 249 / var(--un-bg-opacity));
}
.bg-\#F7F7FA {
  --un-bg-opacity: 1;
  background-color: rgb(247 247 250 / var(--un-bg-opacity));
}
.bg-\#F7F7FA99 {
  --un-bg-opacity: 0.6;
  background-color: rgb(247 247 250 / var(--un-bg-opacity));
}
.bg-\#F7F8FF {
  --un-bg-opacity: 1;
  background-color: rgb(247 248 255 / var(--un-bg-opacity));
}
.bg-\#fff,
.bg-white,
.bg-\#FFF,
.bg-\#FFFFFF {
  --un-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--un-bg-opacity));
}
.bg-\#FFFFFFCC {
  --un-bg-opacity: 0.8;
  background-color: rgb(255 255 255 / var(--un-bg-opacity));
}
.bg-transparent,
.data-\[state\=off\]\:bg-transparent[data-state="off"] {
  background-color: transparent;
}
.data-\[state\=on\]\:bg-\#ffffff[data-state="on"] {
  --un-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--un-bg-opacity));
}
.hover\:bg-\[rgba\(255\,255\,255\,0\.06\)\]:hover {
  --un-bg-opacity: 0.06;
  background-color: rgba(255, 255, 255, var(--un-bg-opacity));
}
.hover\:bg-\[rgba\(98\,105\,153\,0\.08\)\]:hover {
  --un-bg-opacity: 0.08;
  background-color: rgba(98, 105, 153, var(--un-bg-opacity));
}
.hover\:bg-\#62659914:hover {
  --un-bg-opacity: 0.08;
  background-color: rgb(98 101 153 / var(--un-bg-opacity));
}
.hover\:bg-\#626999:hover {
  --un-bg-opacity: 1;
  background-color: rgb(98 105 153 / var(--un-bg-opacity));
}
.hover\:bg-\#626999\/12:hover {
  background-color: #6269991f;
}
.hover\:bg-\#62699914:hover {
  --un-bg-opacity: 0.08;
  background-color: rgb(98 105 153 / var(--un-bg-opacity));
}
.hover\:bg-\#7B61FF:hover {
  --un-bg-opacity: 1;
  background-color: rgb(123 97 255 / var(--un-bg-opacity));
}
.hover\:bg-\#7B61FFCC:hover {
  --un-bg-opacity: 0.8;
  background-color: rgb(123 97 255 / var(--un-bg-opacity));
}
.hover\:bg-\#9580ff:hover {
  --un-bg-opacity: 1;
  background-color: rgb(149 128 255 / var(--un-bg-opacity));
}
.hover\:bg-\#9581ff:hover {
  --un-bg-opacity: 1;
  background-color: rgb(149 129 255 / var(--un-bg-opacity));
}
.hover\:bg-\#E1E1E5CC:hover {
  --un-bg-opacity: 0.8;
  background-color: rgb(225 225 229 / var(--un-bg-opacity));
}
.bg-op-40 {
  --un-bg-opacity: 0.4;
}
.bg-op-80 {
  --un-bg-opacity: 0.8;
}
.hover\:bg-op-08:hover {
  --un-bg-opacity: 0.08;
}
.hover\:bg-op-12:hover {
  --un-bg-opacity: 0.12;
}
.hover\:bg-op-64:hover {
  --un-bg-opacity: 0.64;
}
.from-\[rgba\(235\,241\,255\,0\.5\)\] {
  --un-gradient-from-position: 0%;
  --un-gradient-from: rgba(235, 241, 255, var(--un-from-opacity, 0.5))
    var(--un-gradient-from-position);
  --un-gradient-to-position: 100%;
  --un-gradient-to: rgba(235, 241, 255, 0) var(--un-gradient-to-position);
  --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to);
}
.hover\:from-\#fff\/20:hover {
  --un-gradient-from-position: 0%;
  --un-gradient-from: rgb(255 255 255 / 0.2) var(--un-gradient-from-position);
  --un-gradient-to-position: 100%;
  --un-gradient-to: rgb(255 255 255 / 0) var(--un-gradient-to-position);
  --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to);
}
.to-\[rgba\(242\,238\,255\,0\.5\)\] {
  --un-gradient-to-position: 100%;
  --un-gradient-to: rgba(242, 238, 255, var(--un-to-opacity, 0.5))
    var(--un-gradient-to-position);
}
.hover\:to-\#fff\/20:hover {
  --un-gradient-to-position: 100%;
  --un-gradient-to: rgb(255 255 255 / 0.2) var(--un-gradient-to-position);
}
.bg-gradient-to-br {
  --un-gradient-shape: to bottom right;
  --un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
  background-image: linear-gradient(var(--un-gradient));
}
.hover\:bg-gradient-to-r:hover {
  --un-gradient-shape: to right;
  --un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
  background-image: linear-gradient(var(--un-gradient));
}
.bg-contain {
  background-size: contain;
}
.bg-clip-padding {
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.\!bg-clip-text {
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-origin-border {
  background-origin: border-box;
}
.fill-\#17171D {
  --un-fill-opacity: 1;
  fill: rgb(23 23 29 / var(--un-fill-opacity));
}
.fill-\#3F3F44 {
  --un-fill-opacity: 1;
  fill: rgb(63 63 68 / var(--un-fill-opacity));
}
.fill-\#626999 {
  --un-fill-opacity: 1;
  fill: rgb(98 105 153 / var(--un-fill-opacity));
}
.fill-\#62699999 {
  --un-fill-opacity: 0.6;
  fill: rgb(98 105 153 / var(--un-fill-opacity));
}
.fill-\#7B61FF,
.group:hover .group-hover\:fill-\#7B61FF {
  --un-fill-opacity: 1;
  fill: rgb(123 97 255 / var(--un-fill-opacity));
}
.fill-\#F7F7FFCC {
  --un-fill-opacity: 0.8;
  fill: rgb(247 247 255 / var(--un-fill-opacity));
}
.fill-current {
  fill: currentColor;
}
.hover\:fill-\#7B61FF:hover {
  --un-fill-opacity: 1;
  fill: rgb(123 97 255 / var(--un-fill-opacity));
}
.object-cover {
  object-fit: cover;
}
.object-contain {
  object-fit: contain;
}
.p-0 {
  padding: 0;
}
.p-12px {
  padding: 12px;
}
.p-16px {
  padding: 16px;
}
.p-1px {
  padding: 1px;
}
.p-20px {
  padding: 20px;
}
.p-24px {
  padding: 24px;
}
.p-2px {
  padding: 2px;
}
.p-36px {
  padding: 36px;
}
.p-40px {
  padding: 40px;
}
.p-4px {
  padding: 4px;
}
.p-8px {
  padding: 8px;
}
.px {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-120px {
  padding-left: 120px;
  padding-right: 120px;
}
.px-12px {
  padding-left: 12px;
  padding-right: 12px;
}
.px-16px {
  padding-left: 16px;
  padding-right: 16px;
}
.px-20px {
  padding-left: 20px;
  padding-right: 20px;
}
.px-24,
.px-24px {
  padding-left: 24px;
  padding-right: 24px;
}
.px-28px {
  padding-left: 28px;
  padding-right: 28px;
}
.px-30px {
  padding-left: 30px;
  padding-right: 30px;
}
.px-32px {
  padding-left: 32px;
  padding-right: 32px;
}
.px-36px {
  padding-left: 36px;
  padding-right: 36px;
}
.px-40,
.px-40px {
  padding-left: 40px;
  padding-right: 40px;
}

.px-6px {
  padding-left: 6px;
  padding-right: 6px;
}
.px-8px {
  padding-left: 8px;
  padding-right: 8px;
}
.px-9px {
  padding-left: 9px;
  padding-right: 9px;
}
.py-100px {
  padding-top: 100px;
  padding-bottom: 100px;
}
.py-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-11px {
  padding-top: 11px;
  padding-bottom: 11px;
}
.py-12,
.py-12px {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-15px {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-16px {
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-20px {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-24,
.py-24px {
  padding-top: 24px;
  padding-bottom: 24px;
}
.py-32px {
  padding-top: 32px;
  padding-bottom: 32px;
}
.py-3px {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-40px {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-48px {
  padding-top: 48px;
  padding-bottom: 48px;
}
.py-4px {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-6px {
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-8px {
  padding-top: 8px;
  padding-bottom: 8px;
}
.market-introduce .\[\.market-introduce_\&\]\:pr-32px,
.pr-32px {
  padding-right: 32px;
}
.pb-106px {
  padding-bottom: 106px;
}
.pb-120px {
  padding-bottom: 120px;
}
.pb-12px {
  padding-bottom: 12px;
}
.pb-20px {
  padding-bottom: 20px;
}
.pb-24px {
  padding-bottom: 24px;
}
.pb-2px {
  padding-bottom: 2px;
}
.pb-32px {
  padding-bottom: 32px;
}
.pb-40px {
  padding-bottom: 40px;
}
.pb-4px {
  padding-bottom: 4px;
}
.pb-60px {
  padding-bottom: 60px;
}
.pb-6px {
  padding-bottom: 6px;
}
.pb-74px {
  padding-bottom: 74px;
}
.pb-80px {
  padding-bottom: 80px;
}
.pl-0\.75rem {
  padding-left: 0.75rem;
}
.pl-12px {
  padding-left: 12px;
}
.pl-16px {
  padding-left: 16px;
}
.pl-20px {
  padding-left: 20px;
}
.pl-24px {
  padding-left: 24px;
}
.pl-27px {
  padding-left: 27px;
}
.pl-32px {
  padding-left: 32px;
}
.pl-40px {
  padding-left: 40px;
}
.pl-60px {
  padding-left: 60px;
}
.pl-6px {
  padding-left: 6px;
}
.pl-80px {
  padding-left: 80px;
}
.pr-130px {
  padding-right: 130px;
}
.pr-16px {
  padding-right: 16px;
}
.pr-26px {
  padding-right: 26px;
}
.pr-2px {
  padding-right: 2px;
}
.pr-30px {
  padding-right: 30px;
}
.pr-40px {
  padding-right: 40px;
}
.pr-6px {
  padding-right: 6px;
}
.pt-120px {
  padding-top: 120px;
}
.pt-128px {
  padding-top: 128px;
}
.pt-12px {
  padding-top: 12px;
}
.pt-14px {
  padding-top: 14px;
}
.pt-150 {
  padding-top: 150px;
}
.pt-160px {
  padding-top: 160px;
}
.pt-172px {
  padding-top: 172px;
}
.pt-180px {
  padding-top: 180px;
}
.pt-184px {
  padding-top: 184px;
}
.pt-200px {
  padding-top: 200px;
}
.pt-20px {
  padding-top: 20px;
}
.pt-220 {
  padding-top: 220px;
}
.pt-24px {
  padding-top: 24px;
}
.pt-34px {
  padding-top: 34px;
}
.pt-46px {
  padding-top: 46px;
}
.pt-4px {
  padding-top: 4px;
}
.pt-64px {
  padding-top: 64px;
}
.pt-6px {
  padding-top: 6px;
}
.pt-80,
.pt-80px {
  padding-top: 80px;
}
.pt-84px {
  padding-top: 84px;
}
.pt-86 {
  padding-top: 86px;
}
.pt-8px {
  padding-top: 8px;
}
.pt-94px {
  padding-top: 94px;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-10px {
  font-size: 10px;
}
.text-10px\/12px {
  font-size: 10px;
  line-height: 12px;
}
.text-12px {
  font-size: 12px;
}
.text-12px\/12px {
  font-size: 12px;
  line-height: 12px;
}
.text-12px\/14px {
  font-size: 12px;
  line-height: 14px;
}
.text-12px\/16px {
  font-size: 12px;
  line-height: 16px;
}
.text-12px\/18px {
  font-size: 12px;
  line-height: 18px;
}
.text-12px\/20px {
  font-size: 12px;
  line-height: 20px;
}
.text-12px\/24px {
  font-size: 12px;
  line-height: 24px;
}
.text-13px\/22px {
  font-size: 13px;
  line-height: 22px;
}
.text-13px\/26px {
  font-size: 13px;
  line-height: 26px;
}
.text-14px {
  font-size: 14px;
}
.text-14px\/14px {
  font-size: 14px;
  line-height: 14px;
}
.text-14px\/16px {
  font-size: 14px;
  line-height: 16px;
}
.text-14px\/20px {
  font-size: 14px;
  line-height: 20px;
}
.text-14px\/22px {
  font-size: 14px;
  line-height: 22px;
}
.text-14px\/24px {
  font-size: 14px;
  line-height: 24px;
}
.text-14px\/26px {
  font-size: 14px;
  line-height: 26px;
}
.text-14px\/36px {
  font-size: 14px;
  line-height: 36px;
}
.text-14px\/40px {
  font-size: 14px;
  line-height: 40px;
}
.text-16px {
  font-size: 16px;
}
.text-16px\/16px {
  font-size: 16px;
  line-height: 16px;
}
.text-16px\/20px {
  font-size: 16px;
  line-height: 20px;
}
.text-16px\/22px {
  font-size: 16px;
  line-height: 22px;
}
.text-16px\/24px {
  font-size: 16px;
  line-height: 24px;
}
.text-16px\/28px {
  font-size: 16px;
  line-height: 28px;
}
.text-16px\/32px {
  font-size: 16px;
  line-height: 32px;
}
.text-16px\/40px {
  font-size: 16px;
  line-height: 40px;
}
.text-16px\/56px {
  font-size: 16px;
  line-height: 56px;
}
.text-17px {
  font-size: 17px;
}
.text-18px\/24px {
  font-size: 18px;
  line-height: 24px;
}
.text-18px\/28px {
  font-size: 18px;
  line-height: 28px;
}
.text-18px\/30px {
  font-size: 18px;
  line-height: 30px;
}
.text-20px {
  font-size: 20px;
}
.text-20px\/20px {
  font-size: 20px;
  line-height: 20px;
}
.text-20px\/24px {
  font-size: 20px;
  line-height: 24px;
}
.text-20px\/30px {
  font-size: 20px;
  line-height: 30px;
}
.text-20px\/32px {
  font-size: 20px;
  line-height: 32px;
}
.text-24px {
  font-size: 24px;
}
.text-24px\/28px {
  font-size: 24px;
  line-height: 28px;
}
.text-24px\/32px {
  font-size: 24px;
  line-height: 32px;
}
.text-28px\/28px {
  font-size: 28px;
  line-height: 28px;
}
.text-28px\/36px {
  font-size: 28px;
  line-height: 36px;
}
.text-30px {
  font-size: 30px;
}
.text-32px {
  font-size: 32px;
}
.text-32px\/44px {
  font-size: 32px;
  line-height: 44px;
}
.text-32px\/48px {
  font-size: 32px;
  line-height: 48px;
}
.text-36px\/54px {
  font-size: 36px;
  line-height: 54px;
}
.text-36px\/56px {
  font-size: 36px;
  line-height: 56px;
}
.text-48px {
  font-size: 48px;
}
.text-48px\/68px {
  font-size: 48px;
  line-height: 68px;
}
.text-56px\/72px {
  font-size: 56px;
  line-height: 72px;
}
.text-56px\/84px {
  font-size: 56px;
  line-height: 84px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.c-\#8D8D99,
.color-\#8D8D99,
.data-\[state\=off\]\:text-\#8D8D99[data-state="off"] {
  --un-text-opacity: 1;
  color: rgb(141 141 153 / var(--un-text-opacity));
}
.c-\#17171D,
.color-\#17171D,
.data-\[state\=on\]\:text-\#17171D[data-state="on"],
.text-\#17171D,
.group:hover .group-hover\:color-\#17171D {
  --un-text-opacity: 1;
  color: rgb(23 23 29 / var(--un-text-opacity));
}
.text-\[rgba\(247\,247\,255\,0\.4\)\] {
  --un-text-opacity: 0.4;
  color: rgba(247, 247, 255, var(--un-text-opacity));
}
.text-\[rgba\(247\,247\,255\,0\.6\)\] {
  --un-text-opacity: 0.6;
  color: rgba(247, 247, 255, var(--un-text-opacity));
}
.text-\#17171d,
.text-font {
  --un-text-opacity: 1;
  color: rgb(23 23 29 / var(--un-text-opacity));
}
.c-\#7B61FF,
.color-\#7B61FF,
.text-\#7B61FF,
.group:hover .group-hover\:c-\#7B61FF {
  --un-text-opacity: 1;
  color: rgb(123 97 255 / var(--un-text-opacity));
}
.text-\#f7f7ff {
  --un-text-opacity: 1;
  color: rgb(247 247 255 / var(--un-text-opacity));
}
.text-\#FF5219 {
  --un-text-opacity: 1;
  color: rgb(255 82 25 / var(--un-text-opacity));
}
.c-\#fff,
.color-\#fff,
.text-\#fff,
.text-white {
  --un-text-opacity: 1;
  color: rgb(255 255 255 / var(--un-text-opacity));
}
.c-\#00BD68 {
  --un-text-opacity: 1;
  color: rgb(0 189 104 / var(--un-text-opacity));
}
.c-\#17171d\/80 {
  color: #17171dcc;
}
.c-\#17171dcc,
.c-\#17171DCC,
.color-\#17171DCC {
  --un-text-opacity: 0.8;
  color: rgb(23 23 29 / var(--un-text-opacity));
}
.c-\#1FCDB0 {
  --un-text-opacity: 1;
  color: rgb(31 205 176 / var(--un-text-opacity));
}
.c-\#37A6FF {
  --un-text-opacity: 1;
  color: rgb(55 166 255 / var(--un-text-opacity));
}
.c-\#3D3D3D {
  --un-text-opacity: 1;
  color: rgb(61 61 61 / var(--un-text-opacity));
}
.c-\#626999\/47 {
  color: #62699978;
}
.c-\#6269997A {
  --un-text-opacity: 0.48;
  color: rgb(98 105 153 / var(--un-text-opacity));
}
.c-\#62699999 {
  --un-text-opacity: 0.6;
  color: rgb(98 105 153 / var(--un-text-opacity));
}
.c-\#7B61FF\/40 {
  color: #7b61ff66;
}
.c-\#7B61FF99 {
  --un-text-opacity: 0.6;
  color: rgb(123 97 255 / var(--un-text-opacity));
}
.c-\#833CFF {
  --un-text-opacity: 1;
  color: rgb(131 60 255 / var(--un-text-opacity));
}
.c-\#8d8d99 {
  --un-text-opacity: 1;
  color: rgb(141 141 153 / var(--un-text-opacity));
}
.c-\#8D8D99\/60 {
  color: #8d8d9999;
}
.c-\#8D8D9999 {
  --un-text-opacity: 0.6;
  color: rgb(141 141 153 / var(--un-text-opacity));
}
.c-\#8D8D99CC,
.color-\#8D8D99CC {
  --un-text-opacity: 0.8;
  color: rgb(141 141 153 / var(--un-text-opacity));
}
.c-\#E1E1E999 {
  --un-text-opacity: 0.6;
  color: rgb(225 225 233 / var(--un-text-opacity));
}
.c-\#FF512B {
  --un-text-opacity: 1;
  color: rgb(255 81 43 / var(--un-text-opacity));
}
.c-\#FF63A9 {
  --un-text-opacity: 1;
  color: rgb(255 99 169 / var(--un-text-opacity));
}
.c-\#FFFFFF,
.color-\#FFFFFF {
  --un-text-opacity: 1;
  color: rgb(255 255 255 / var(--un-text-opacity));
}
.c-\#FFFFFF99 {
  --un-text-opacity: 0.6;
  color: rgb(255 255 255 / var(--un-text-opacity));
}
.c-black {
  --un-text-opacity: 1;
  color: rgb(0 0 0 / var(--un-text-opacity));
}
.color-\#7b61ff {
  --un-text-opacity: 1;
  color: rgb(123 97 255 / var(--un-text-opacity));
}
.color-\#F7F7FF {
  --un-text-opacity: 1;
  color: rgb(247 247 255 / var(--un-text-opacity));
}
.hover\:c-\#17171DCC:hover {
  --un-text-opacity: 0.8;
  color: rgb(23 23 29 / var(--un-text-opacity));
}
.hover\:c-\#7b61ff:hover,
.hover\:c-\#7B61FF:hover {
  --un-text-opacity: 1;
  color: rgb(123 97 255 / var(--un-text-opacity));
}
.c-op-40 {
  --un-text-opacity: 0.4;
}
.c-op-80,
.color-op-80 {
  --un-text-opacity: 0.8;
}
.color-op-60 {
  --un-text-opacity: 0.6;
}
.\!font-400,
.\!font-normal {
  font-weight: 400 !important;
}
.\!font-medium {
  font-weight: 500 !important;
}
.font-300 {
  font-weight: 300;
}
.font-400 {
  font-weight: 400;
}
.font-500,
.font-medium {
  font-weight: 500;
}
.font-600,
.font-semibold {
  font-weight: 600;
}
.font-700,
.font-bold {
  font-weight: 700;
}
.font-800 {
  font-weight: 800;
}
.font-900 {
  font-weight: 900;
}
.hover\:font-medium:hover {
  font-weight: 500;
}
.leading-36px,
.line-height-36px {
  line-height: 36px;
}
.leading-40px {
  line-height: 40px;
}
.leading-68px {
  line-height: 68px;
}
.line-height-16px {
  line-height: 16px;
}
.line-height-20px {
  line-height: 20px;
}
.line-height-24px {
  line-height: 24px;
}
.tracking-\[-1px\] {
  letter-spacing: -1px;
}
.font-\[Alibaba-PuHuiTi\] {
  font-family: Alibaba-PuHuiTi;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.line-through {
  text-decoration-line: line-through;
}
.\!opacity-100 {
  opacity: 1 !important;
}
.opacity-100 {
  opacity: 1;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-80 {
  opacity: 0.8;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.data-\[state\=on\]\:shadow-\[0px_6px_12px_0px_rgba\(24\,15\,61\,0\.08\)\][data-state="on"] {
  --un-shadow: 0px 6px 12px 0px var(--un-shadow-color, rgba(24, 15, 61, 0.08));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0_10px_20px_rgba\(0\,0\,0\,0\.1\)\] {
  --un-shadow: 0 10px 20px var(--un-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0_10px_32px_0px_rgba\(0\,0\,0\,0\.24\)\] {
  --un-shadow: 0 10px 32px 0px var(--un-shadow-color, rgba(0, 0, 0, 0.24));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0_2px_14px_0px_rgba\(0\,0\,0\,0\.04\)\] {
  --un-shadow: 0 2px 14px 0px var(--un-shadow-color, rgba(0, 0, 0, 0.04));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0_2px_16px_0px_rgba\(0\,0\,0\,0\.06\)\] {
  --un-shadow: 0 2px 16px 0px var(--un-shadow-color, rgba(0, 0, 0, 0.06));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0_4px_12px_0px_rgba\(23\,23\,29\,0\.02\)\] {
  --un-shadow: 0 4px 12px 0px var(--un-shadow-color, rgba(23, 23, 29, 0.02));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0_4px_16px_12px_rgba\(49\,0\,196\,0\.04\)\] {
  --un-shadow: 0 4px 16px 12px var(--un-shadow-color, rgba(49, 0, 196, 0.04));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0_4px_16px_12px_rgba\(49\,0\,196\,0\.1\)\] {
  --un-shadow: 0 4px 16px 12px var(--un-shadow-color, rgba(49, 0, 196, 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0_4px_24px_12px_rgba\(49\,0\,196\,0\.1\)\] {
  --un-shadow: 0 4px 24px 12px var(--un-shadow-color, rgba(49, 0, 196, 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0_8px_24px_0px_rgba\(0\,0\,0\,0\.1\)\] {
  --un-shadow: 0 8px 24px 0px var(--un-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0_8px_24px_0px_rgba\(0\,0\,0\,0\.20\)\] {
  --un-shadow: 0 8px 24px 0px var(--un-shadow-color, rgba(0, 0, 0, 0.2));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0_8px_40px_0px_rgba\(45\,26\,94\,0\.1\)\] {
  --un-shadow: 0 8px 40px 0px var(--un-shadow-color, rgba(45, 26, 94, 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0px_0px_24px_0px_rgba\(23\,23\,29\,0\.12\)\] {
  --un-shadow: 0px 0px 24px 0px var(--un-shadow-color, rgba(23, 23, 29, 0.12));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0px_0px_24px_0px_rgba\(34\,0\,120\,0\.12\)\] {
  --un-shadow: 0px 0px 24px 0px var(--un-shadow-color, rgba(34, 0, 120, 0.12));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0px_8px_24px_0px_rgba\(0\,0\,0\,0\.1\)\] {
  --un-shadow: 0px 8px 24px 0px var(--un-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-\[0px_8px_40px_0px_rgba\(45\,26\,94\,0\.1\)\] {
  --un-shadow: 0px 8px 40px 0px var(--un-shadow-color, rgba(45, 26, 94, 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.hover\:shadow-\[0_8px_24px_0px_rgba\(23\,23\,29\,0\.12\)\]:hover {
  --un-shadow: 0 8px 24px 0px var(--un-shadow-color, rgba(23, 23, 29, 0.12));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.hover\:shadow-\[0_8px_30px_0px_rgba\(23\,23\,29\,0\.12\)\]:hover {
  --un-shadow: 0 8px 30px 0px var(--un-shadow-color, rgba(23, 23, 29, 0.12));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.\!outline-offset-0 {
  outline-offset: 0px !important;
}
.outline {
  outline-style: solid;
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.backdrop-blur-122 {
  --un-backdrop-blur: blur(122px);
  -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness)
    var(--un-backdrop-contrast) var(--un-backdrop-grayscale)
    var(--un-backdrop-hue-rotate) var(--un-backdrop-invert)
    var(--un-backdrop-opacity) var(--un-backdrop-saturate)
    var(--un-backdrop-sepia);
  backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness)
    var(--un-backdrop-contrast) var(--un-backdrop-grayscale)
    var(--un-backdrop-hue-rotate) var(--un-backdrop-invert)
    var(--un-backdrop-opacity) var(--un-backdrop-saturate)
    var(--un-backdrop-sepia);
}
.backdrop-blur-16px {
  --un-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness)
    var(--un-backdrop-contrast) var(--un-backdrop-grayscale)
    var(--un-backdrop-hue-rotate) var(--un-backdrop-invert)
    var(--un-backdrop-opacity) var(--un-backdrop-saturate)
    var(--un-backdrop-sepia);
  backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness)
    var(--un-backdrop-contrast) var(--un-backdrop-grayscale)
    var(--un-backdrop-hue-rotate) var(--un-backdrop-invert)
    var(--un-backdrop-opacity) var(--un-backdrop-saturate)
    var(--un-backdrop-sepia);
}
.backdrop-blur-20px {
  --un-backdrop-blur: blur(20px);
  -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness)
    var(--un-backdrop-contrast) var(--un-backdrop-grayscale)
    var(--un-backdrop-hue-rotate) var(--un-backdrop-invert)
    var(--un-backdrop-opacity) var(--un-backdrop-saturate)
    var(--un-backdrop-sepia);
  backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness)
    var(--un-backdrop-contrast) var(--un-backdrop-grayscale)
    var(--un-backdrop-hue-rotate) var(--un-backdrop-invert)
    var(--un-backdrop-opacity) var(--un-backdrop-saturate)
    var(--un-backdrop-sepia);
}
.backdrop-blur-24px {
  --un-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness)
    var(--un-backdrop-contrast) var(--un-backdrop-grayscale)
    var(--un-backdrop-hue-rotate) var(--un-backdrop-invert)
    var(--un-backdrop-opacity) var(--un-backdrop-saturate)
    var(--un-backdrop-sepia);
  backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness)
    var(--un-backdrop-contrast) var(--un-backdrop-grayscale)
    var(--un-backdrop-hue-rotate) var(--un-backdrop-invert)
    var(--un-backdrop-opacity) var(--un-backdrop-saturate)
    var(--un-backdrop-sepia);
}
.backdrop-blur-40px {
  --un-backdrop-blur: blur(40px);
  -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness)
    var(--un-backdrop-contrast) var(--un-backdrop-grayscale)
    var(--un-backdrop-hue-rotate) var(--un-backdrop-invert)
    var(--un-backdrop-opacity) var(--un-backdrop-saturate)
    var(--un-backdrop-sepia);
  backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness)
    var(--un-backdrop-contrast) var(--un-backdrop-grayscale)
    var(--un-backdrop-hue-rotate) var(--un-backdrop-invert)
    var(--un-backdrop-opacity) var(--un-backdrop-saturate)
    var(--un-backdrop-sepia);
}
.backdrop-blur-60px {
  --un-backdrop-blur: blur(60px);
  -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness)
    var(--un-backdrop-contrast) var(--un-backdrop-grayscale)
    var(--un-backdrop-hue-rotate) var(--un-backdrop-invert)
    var(--un-backdrop-opacity) var(--un-backdrop-saturate)
    var(--un-backdrop-sepia);
  backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness)
    var(--un-backdrop-contrast) var(--un-backdrop-grayscale)
    var(--un-backdrop-hue-rotate) var(--un-backdrop-invert)
    var(--un-backdrop-opacity) var(--un-backdrop-saturate)
    var(--un-backdrop-sepia);
}
.backdrop-blur-61px {
  --un-backdrop-blur: blur(61px);
  -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness)
    var(--un-backdrop-contrast) var(--un-backdrop-grayscale)
    var(--un-backdrop-hue-rotate) var(--un-backdrop-invert)
    var(--un-backdrop-opacity) var(--un-backdrop-saturate)
    var(--un-backdrop-sepia);
  backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness)
    var(--un-backdrop-contrast) var(--un-backdrop-grayscale)
    var(--un-backdrop-hue-rotate) var(--un-backdrop-invert)
    var(--un-backdrop-opacity) var(--un-backdrop-saturate)
    var(--un-backdrop-sepia);
}
.blur-\[45px\] {
  --un-blur: blur(45px);
  filter: var(--un-blur) var(--un-brightness) var(--un-contrast)
    var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate)
    var(--un-invert) var(--un-saturate) var(--un-sepia);
}
.blur-157px {
  --un-blur: blur(157px);
  filter: var(--un-blur) var(--un-brightness) var(--un-contrast)
    var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate)
    var(--un-invert) var(--un-saturate) var(--un-sepia);
}
.filter {
  filter: var(--un-blur) var(--un-brightness) var(--un-contrast)
    var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate)
    var(--un-invert) var(--un-saturate) var(--un-sepia);
}
.transition {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.duration-200 {
  transition-duration: 0.2s;
}
.duration-300,
.transition-duration-300 {
  transition-duration: 0.3s;
}
.duration-500 {
  transition-duration: 0.5s;
}
.duration-600 {
  transition-duration: 0.6s;
}
.ease-in-out,
.transition-ease {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.transition-property-\[width\,height\] {
  transition-property: width, height;
}
.after\:content-\[\'\'\]:after {
  content: "";
}
.after\:content-\[\\\'\\\'\]:after {
  content: \'\';
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-primary,
.hover\:text-primary:hover {
  color: var(--text-primary);
}
.bg-linear-17 {
  background: var(--linear-17);
}
.bg-linear-18 {
  background: var(--linear-18);
}
.bg-linear-19 {
  background: var(--linear-19);
}
.bg-linear-23 {
  background: var(--linear-23);
}
.bg-linear-24 {
  background: var(--linear-24);
}
.bg-linear-25 {
  background: var(--linear-25);
}
.bg-linear-26 {
  background: var(--linear-26);
}
.bg-linear-27 {
  background: var(--linear-27);
}
.bg-linear-28 {
  background: var(--linear-28);
}
.bg-client-gradient {
  background: linear-gradient(104deg, #5950ff 1%, #8e38ff 99%);
}
.bg-home-linear-2 {
  background-image: var(--bg-linear-2);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.after\:bg-market-bg:after {
  background-image: url(../images/bg-market-background.png);
  /* background-image: url(../images/login_bg.jpg); */
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-market-linear {
  background-image: url(../images/market_linear.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-product-side {
  background-image: url(../images/bg_product_side.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-market-parttern-left {
  background-image: url(../images/left_parttern.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-market-parttern-right {
  background-image: url(../images/right_parttern.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-home-agent {
  background-image: url(../picture/ASL-models.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-home-flow {
  background-image: url(../picture/ASL-flowapp.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-home-datastore {
  background-image: url(../picture/ASL-database.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.after\:bg-home-image:after {
  /* background-image: url(../images/header_new.png); */
   background-image: url(../images/login_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.after\:bg-download-image:after {
  background-image: url(../images/bg-download-image-0929.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.bg-blogs-bar {
  background-image: url(../images/blog_boot_bar.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-blogs-arrow {
  background-image: url(../images/blog_arrow.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-blogs-star {
  background-image: url(../images/blog_star.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-solution-page {
  background-image: url(../images/bg_product_agent.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.after\:bg-solution-page:after {
  background-image: url(../images/bg_product_agent.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-about-bottom {
  background-image: url(../images/about_bottom_linear.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-home-end-page {
  background-image: url(../images/bg-home-end.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-market-bottom {
  background: linear-gradient(277deg, #8b3eff 8%, #744eff 58%, #7d97ff 99%);
}
.bg-top-banner-img {
  background: linear-gradient(270deg, #10002f 0%, #2d1487 51%, #10002f 100%);
}
.bg-top-banner-button {
  background: linear-gradient(285deg, #338fff 17%, #36deff 100%);
}
.blur-16,
.tooltip-filter {
  -webkit-backdrop-filter: blur(16.32px);
  backdrop-filter: blur(16.32px);
}
.tooltip-border {
  border: 1px solid rgba(215, 211, 255, 0.12);
}
.bg-store-border {
  background: linear-gradient(
    128deg,
    rgba(104, 202, 255, 0.4) 0%,
    rgba(133, 108, 255, 0.4) 62%,
    rgba(168, 91, 255, 0.4) 99%
  );
}
.bg-home-custom {
  background: linear-gradient(180deg, #f6f5ff 0%, rgba(246, 245, 255, 0) 100%);
}
.wechat-shadow {
  box-shadow: 0 10px 20px #00000019;
}
.bg-product-feature {
  background: linear-gradient(0deg, #f7f5ff, #f7f5ff),
    linear-gradient(114deg, #f7f7fa 3%, rgba(247, 247, 250, 0) 93%);
}
.home-bg-btn-shadow {
  box-shadow: 0 4px 16px 12px #3100c40a;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
}
:where(html) {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
:where(h1) {
  font-size: 2em;
  margin-block-end: 0.67em;
  margin-block-start: 0.67em;
}
:where(dl, ol, ul) :where(dl, ol, ul) {
  margin-block-end: 0;
  margin-block-start: 0;
}
:where(hr) {
  box-sizing: content-box;
  color: inherit;
  height: 0;
}
:where(abbr[title]) {
  text-decoration: underline;
  text-decoration: underline dotted;
}
:where(b, strong) {
  font-weight: bolder;
}
:where(code, kbd, pre, samp) {
  font-family: monospace, monospace;
  font-size: 1em;
}
:where(small) {
  font-size: 80%;
}
:where(table) {
  border-color: currentColor;
  text-indent: 0;
}
:where(button, input, select) {
  margin: 0;
}
:where(button) {
  text-transform: none;
}
:where(
    button,
    input:is([type="button" i], [type="reset" i], [type="submit" i])
  ) {
  -webkit-appearance: button;
}
:where(progress) {
  vertical-align: baseline;
}
:where(select) {
  text-transform: none;
}
:where(textarea) {
  margin: 0;
}
:where(input[type="search" i]) {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
:where(
    button,
    input:is(
        [type="button" i],
        [type="color" i],
        [type="reset" i],
        [type="submit" i]
      )
  )::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
:where(
    button,
    input:is(
        [type="button" i],
        [type="color" i],
        [type="reset" i],
        [type="submit" i]
      )
  )::-moz-focusring {
  outline: 1px dotted ButtonText;
}
:where(:-moz-ui-invalid) {
  box-shadow: none;
}
:where(dialog) {
  background-color: #fff;
  border: solid;
  color: #000;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}
:where(dialog:not([open])) {
  display: none;
}
:where(summary) {
  display: list-item;
}
*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: var(--un-default-border-color, #e5e7eb);
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role="button"] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none;
}
:root {
  --text-primary: #f7f7ff;
  --text-primary-40: rgba(247, 247, 255, 0.4);
  --text-primary-60: rgba(247, 247, 255, 0.6);
  --text-primary-80: rgba(247, 247, 255, 0.8);
  --text-black: #17171d;
  --shadow-1: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  --linear-1: linear-gradient(
    180deg,
    rgba(41, 26, 88, 0.6) 0%,
    rgba(20, 14, 39, 0.18) 46%
  );
  --linear-2: linear-gradient(180deg, #39327c 0%, #39327c 100%);
  --linear-3: linear-gradient(102deg, #784dff 2%, #6246ff 29%, #35ebff 100%);
  --linear-4: linear-gradient(105deg, #38e0ff 2%, #5d5fff 53%, #774aff 83%);
  --linear-5: linear-gradient(0deg, #7b61ff, #7b61ff),
    linear-gradient(99deg, #784dff 2%, #6246ff 29%, #35ebff 100%);
  --linear-6: linear-gradient(
    180deg,
    rgba(159, 126, 255, 0.12) 0%,
    rgba(68, 15, 159, 0.12) 100%
  );
  --linear-7: linear-gradient(
    180deg,
    rgba(159, 238, 255, 0.16) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
  --linear-8: linear-gradient(
    140deg,
    #f7f7ff 17%,
    rgba(247, 247, 255, 0.2) 83%
  );
  --linear-9: linear-gradient(
    180deg,
    rgba(238, 235, 255, 0.06) 0%,
    rgba(238, 235, 255, 0.02) 46%
  );
  --linear-10: linear-gradient(109deg, #38e0ff 3%, #5d5fff 53%, #774aff 83%);
  --linear-11: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    rgba(247, 247, 255, 0.12);
  --linear-12: linear-gradient(
    180deg,
    rgba(238, 235, 255, 0.04) 0%,
    rgba(238, 235, 255, 0) 46%
  );
  --linear-13: linear-gradient(180deg, #60cdff 0%, rgba(0, 123, 255, 0) 100%);
  --linear-14: linear-gradient(124deg, #39c3f1 3%, #2688ff 48%, #5526ff 78%);
  --linear-15: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0) 18%,
    rgba(0, 0, 0, 0.8) 99%
  );
  --linear-16: linear-gradient(
    101deg,
    #f5fdff 1%,
    #70c3ff 18%,
    #637eff 51%,
    #8d68ff 82%
  );
  --linear-17: linear-gradient(
    180deg,
    #f7f7ff 0%,
    rgba(247, 247, 255, 0.8) 100%
  );
  --linear-18: linear-gradient(105deg, #4f84ff 1%, #6f47ff 70%, #a947ff 100%);
  --linear-19: linear-gradient(
    180deg,
    rgba(238, 235, 255, 0.072) 0%,
    rgba(238, 235, 255, 0.012) 45%
  );
  --linear-20: linear-gradient(
    180deg,
    rgba(238, 235, 255, 0.064) 0%,
    rgba(238, 235, 255, 0.016) 46%
  );
  --linear-21: linear-gradient(101deg, #35ebff 2%, #465fff 58%, #784dff 94%);
  --linear-23: linear-gradient(104deg, #689fff 0%, #9e5eff 99%);
  --linear-24: linear-gradient(99deg, #4f84ff 2%, #6f47ff 70%, #a947ff 99%);
  --linear-25: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.24) 100%
  );
  --linear-26: linear-gradient(
    180deg,
    rgba(123, 97, 255, 0.06) 0%,
    rgba(123, 97, 255, 0) 100%
  );
  --linear-27: linear-gradient(97deg, #4f84ff 1%, #6f47ff 70%, #a947ff 100%);
  --linear-28: linear-gradient(108deg, #5950ff 1%, #8e38ff 100%);
  --bg-primary-image: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/bg.png);
  --bg-home-1: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/feature_01.png);
  --bg-home-2: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/feature_02.png);
  --bg-home-3: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/feature_03.png);
  --bg-home-4: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/feature_04.png);
  --bg-home-5: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/llm.png);
  --bg-home-end: url(../images/blog_boot_bar.png);
  --bg-why: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/why-bg.png);
  --bg-why-1: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/why1.png);
  --bg-why-2: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/why2.png);
  --bg-about: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/bg-about.png);
  --bg-linear-1: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/bg-linear1.png);
  --bg-linear-2: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/bg-linear2.png);
  --bg-linear-3: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/bg-linear3.png);
  --bg-linear-4: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/bg-linear4.png);
  --bg-case-end: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/bg-case-end.png);
  --bg-case-eqb: url(https://resource.bantouyan.com/battleyeah-ai/ai-website/public/eqb.png);
  --border-primary: rgba(215, 211, 255, 0.12);
}
html,
body {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Open Sans, Helvetica Neue, Icons16, sans-serif;
  font-size: 16px;
  font-weight: 400;
  overscroll-behavior: none;
}
html {
  height: 100%;
}
body {
  min-height: 100%;
  background-color: #fff;
}
#app {
  color: var(--text-primary);
}
* {
  line-height: 1em;
}
@keyframes slideDownAndFade {
  0% {
    opacity: 0;
    transform: translateY(-2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}