* {
  margin: 0;
  -webkit-tap-highlight-color: transparent
}

html,
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%
}

body {
  overflow-x: hidden;
  font-size: 16px
}

uni-app,
uni-page,
uni-page-wrapper,
uni-page-body {
  display: block;
  box-sizing: border-box;
  width: 100%
}

uni-page-wrapper {
  position: relative
}

#app,
uni-app,
uni-page,
uni-page-wrapper {
  height: 100%
}

.uni-mask {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .5)
}

.uni-fade-enter-active,
.uni-fade-leave-active {
  transition-duration: .25s;
  transition-property: opacity;
  transition-timing-function: ease
}

.uni-fade-enter-from,
.uni-fade-leave-active {
  opacity: 0
}

.uni-loading,
uni-button[loading]:before {
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=);
  background-repeat: no-repeat
}

.uni-loading {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  animation: uni-loading 1s steps(12, end) infinite;
  background-size: 100%
}

@keyframes uni-loading {
  0% {
    transform: rotate3d(0, 0, 1, 0)
  }

  to {
    transform: rotate3d(0, 0, 1, 360deg)
  }
}

html {
  --primary-color: #007aff;
  --UI-BG: #fff;
  --UI-BG-1: #f7f7f7;
  --UI-BG-2: #fff;
  --UI-BG-3: #f7f7f7;
  --UI-BG-4: #4c4c4c;
  --UI-BG-5: #fff;
  --UI-FG: #000;
  --UI-FG-0: rgba(0, 0, 0, .9);
  --UI-FG-HALF: rgba(0, 0, 0, .9);
  --UI-FG-1: rgba(0, 0, 0, .5);
  --UI-FG-2: rgba(0, 0, 0, .3);
  --UI-FG-3: rgba(0, 0, 0, .1)
}

body:after {
  position: fixed;
  content: "";
  left: -1000px;
  top: -1000px;
  animation: shadow-preload .1s;
  animation-delay: 3s
}

@keyframes shadow-preload {
  0% {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
  }

  to {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
  }
}

.uni-async-error {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #999;
  padding: 100px 10px;
  text-align: center
}

.uni-async-loading {
  box-sizing: border-box;
  width: 100%;
  padding: 50px;
  text-align: center
}

.uni-async-loading .uni-loading {
  width: 30px;
  height: 30px
}

uni-page-head {
  display: block;
  box-sizing: border-box
}

.uni-page-head {
  position: fixed;
  left: var(--window-left);
  right: var(--window-right);
  height: 44px;
  height: calc(44px + constant(safe-area-inset-top));
  height: calc(44px + env(safe-area-inset-top));
  padding: 7px 3px;
  padding-top: calc(7px + constant(safe-area-inset-top));
  padding-top: calc(7px + env(safe-area-inset-top));
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  box-sizing: border-box;
  z-index: 998;
  color: #fff;
  background-color: #000;
  transition-property: all
}

.uni-page-head * {
  box-sizing: border-box
}

.uni-page-head .uni-btn-icon {
  overflow: hidden;
  min-width: 1em;
  font-style: normal
}

.uni-page-head-titlePenetrate,
.uni-page-head-titlePenetrate .uni-page-head-bd,
.uni-page-head-titlePenetrate .uni-page-head-bd * {
  pointer-events: none
}

.uni-page-head-titlePenetrate * {
  pointer-events: auto
}

.uni-page-head.uni-page-head-transparent .uni-page-head-ft>div {
  justify-content: center
}

.uni-page-head~.uni-placeholder {
  width: 100%;
  height: 44px;
  height: calc(44px + constant(safe-area-inset-top));
  height: calc(44px + env(safe-area-inset-top))
}

.uni-placeholder-titlePenetrate {
  pointer-events: none
}

.uni-page-head-hd {
  display: flex;
  align-items: center;
  font-size: 16px
}

.uni-page-head-bd {
  position: absolute;
  left: 70px;
  right: 70px;
  min-width: 0;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto
}

.uni-page-head-btn {
  position: relative;
  width: auto;
  margin: 0 2px;
  word-break: keep-all;
  white-space: pre;
  cursor: pointer;
  font-size: 0px
}

.uni-page-head-transparent .uni-page-head-btn {
  display: flex;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .5)
}

.uni-page-head-btn-red-dot:after {
  content: attr(badge-text);
  position: absolute;
  right: 0;
  top: 0;
  background-color: red;
  color: #fff;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 18px;
  overflow: hidden;
  transform: scale(.5) translate(40%, -40%);
  transform-origin: 100% 0
}

.uni-page-head-btn-red-dot[badge-text]:after {
  font-size: 12px;
  width: auto;
  min-width: 18px;
  max-width: 42px;
  text-align: center;
  padding: 0 3px;
  transform: scale(.7) translate(40%, -40%)
}

.uni-page-head-btn-select svg {
  vertical-align: middle;
  margin-left: 2px;
  transform: rotate(270deg) scale(.8)
}

.uni-page-head-search {
  position: relative;
  display: flex;
  flex: 1;
  margin: 0 2px;
  line-height: 30px;
  font-size: 15px
}

.uni-page-head-search-input {
  width: 100%;
  height: 100%;
  padding-left: 34px;
  text-align: left
}

.uni-page-head-search-placeholder {
  position: absolute;
  max-width: 100%;
  height: 100%;
  padding-left: 34px;
  overflow: hidden;
  word-break: keep-all;
  white-space: pre
}

.uni-page-head-search-placeholder-right {
  right: 0
}

.uni-page-head-search-placeholder-center {
  left: 50%;
  transform: translate(-50%)
}

.uni-page-head-search-icon {
  position: absolute;
  top: 0;
  left: 2px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center
}

.uni-page-head-ft {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  font-size: 13px
}

.uni-page-head__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.uni-page-head__title .uni-loading {
  width: 16px;
  height: 16px;
  margin-top: -3px
}

.uni-page-head__title .uni-page-head__title_image {
  width: auto;
  height: 26px;
  vertical-align: middle
}

.uni-page-head-shadow {
  overflow: visible
}

.uni-page-head-shadow:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 5px;
  background-size: 100% 100%
}

.uni-page-head-shadow-grey:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
}

.uni-page-head-shadow-blue:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-blue.png)
}

.uni-page-head-shadow-green:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-green.png)
}

.uni-page-head-shadow-orange:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-orange.png)
}

.uni-page-head-shadow-red:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-red.png)
}

.uni-page-head-shadow-yellow:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-yellow.png)
}

uni-page-head[uni-page-head-type=default]~uni-page-wrapper {
  height: calc(100% - 44px);
  height: calc(100% - 44px - constant(safe-area-inset-top));
  height: calc(100% - 44px - env(safe-area-inset-top))
}

uni-tabbar {
  display: block;
  box-sizing: border-box;
  width: 100%;
  z-index: 998
}

.uni-tabbar {
  display: flex;
  z-index: 998;
  box-sizing: border-box
}

.uni-tabbar-top,
.uni-tabbar-bottom,
.uni-tabbar-top .uni-tabbar,
.uni-tabbar-bottom .uni-tabbar {
  position: fixed;
  left: var(--window-left);
  right: var(--window-right)
}

.uni-app--showlayout+.uni-tabbar-top,
.uni-app--showlayout+.uni-tabbar-bottom,
.uni-app--showlayout+.uni-tabbar-top .uni-tabbar,
.uni-app--showlayout+.uni-tabbar-bottom .uni-tabbar {
  left: var(--window-margin);
  right: var(--window-margin)
}

.uni-tabbar-bottom .uni-tabbar {
  bottom: 0;
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom)
}

.uni-tabbar~.uni-placeholder {
  width: 100%;
  margin-bottom: 0;
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom)
}

.uni-tabbar * {
  box-sizing: border-box
}

.uni-tabbar__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
  font-size: 0;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.uni-tabbar__bd {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.uni-tabbar__icon {
  position: relative;
  display: inline-block;
  margin-top: 5px
}

.uni-tabbar__icon.uni-tabbar__icon__diff {
  margin-top: 0;
  width: 34px;
  height: 34px
}

.uni-tabbar__icon img {
  width: 100%;
  height: 100%
}

.uni-tabbar__iconfont {
  font-family: UniTabbarIconFont
}

.uni-tabbar__label {
  position: relative;
  text-align: center;
  font-size: 10px
}

.uni-tabbar-border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  transform: scaleY(.5)
}

.uni-tabbar__reddot {
  position: absolute;
  top: 2px;
  right: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f43530;
  color: #fff;
  transform: translate(40%)
}

.uni-tabbar__badge {
  width: auto;
  height: 16px;
  line-height: 16px;
  border-radius: 16px;
  min-width: 16px;
  padding: 0 2px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap
}

.uni-tabbar__mid {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  background-size: 100% 100%
}

.uni-app--showtabbar uni-page-wrapper {
  display: block;
  height: calc(100% - var(--tab-bar-height));
  height: calc(100% - var(--tab-bar-height) - constant(safe-area-inset-bottom));
  height: calc(100% - var(--tab-bar-height) - env(safe-area-inset-bottom))
}

.uni-app--showtabbar uni-page-wrapper:after {
  content: "";
  display: block;
  width: 100%;
  height: var(--tab-bar-height);
  height: calc(var(--tab-bar-height) + constant(safe-area-inset-bottom));
  height: calc(var(--tab-bar-height) + env(safe-area-inset-bottom))
}

.uni-app--showtabbar uni-page-head[uni-page-head-type=default]~uni-page-wrapper {
  height: calc(100% - 44px - var(--tab-bar-height));
  height: calc(100% - 44px - constant(safe-area-inset-top) - var(--tab-bar-height) - constant(safe-area-inset-bottom));
  height: calc(100% - 44px - env(safe-area-inset-top) - var(--tab-bar-height) - env(safe-area-inset-bottom))
}

*,
: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 / .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 / .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:
}

.i-carbon\:caret-down {
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m24 12l-8 10l-8-10z'/%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1.2em;
  height: 1.2em
}

.i-material-symbols\:arrow-back-ios-new-rounded {
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m9.55 12l7.35 7.35q.375.375.363.875t-.388.875t-.875.375t-.875-.375l-7.7-7.675q-.3-.3-.45-.675t-.15-.75t.15-.75t.45-.675l7.7-7.7q.375-.375.888-.363t.887.388t.375.875t-.375.875z'/%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1.2em;
  height: 1.2em
}

.i-material-symbols\:arrow-drop-down-rounded {
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11.475 14.475L7.85 10.85q-.075-.075-.112-.162T7.7 10.5q0-.2.138-.35T8.2 10h7.6q.225 0 .363.15t.137.35q0 .05-.15.35l-3.625 3.625q-.125.125-.25.175T12 14.7t-.275-.05t-.25-.175'/%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1.2em;
  height: 1.2em
}

.i-material-symbols\:arrow-drop-up-rounded {
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M8.2 14q-.225 0-.362-.15T7.7 13.5q0-.05.15-.35l3.625-3.625q.125-.125.25-.175T12 9.3t.275.05t.25.175l3.625 3.625q.075.075.113.163t.037.187q0 .2-.137.35T15.8 14z'/%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1.2em;
  height: 1.2em
}

.i-material-symbols\:arrow-right-alt-rounded {
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16.15 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.15L13.3 8.15q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L19.3 11.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.575 4.575q-.3.3-.712.288t-.713-.313q-.275-.3-.288-.7t.288-.7z'/%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1.2em;
  height: 1.2em
}

.i-material-symbols\:arrow-right-rounded {
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M10.5 16.3q-.2 0-.35-.137T10 15.8V8.2q0-.225.15-.362t.35-.138q.05 0 .35.15l3.625 3.625q.125.125.175.25t.05.275t-.05.275t-.175.25L10.85 16.15q-.075.075-.162.113t-.188.037'/%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1.2em;
  height: 1.2em
}

.i-material-symbols\:featured-play-list {
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M6 13h9v-2H6zm0-3h9V8H6zM4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20z'/%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1.2em;
  height: 1.2em
}

.i-material-symbols\:kid-star {
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m7.625 6.4l2.8-3.625q.3-.4.713-.587T12 2t.863.188t.712.587l2.8 3.625l4.25 1.425q.65.2 1.025.738t.375 1.187q0 .3-.088.6t-.287.575l-2.75 3.9l.1 4.1q.025.875-.575 1.475t-1.4.6q-.05 0-.55-.075L12 19.675l-4.475 1.25q-.125.05-.275.063T6.975 21q-.8 0-1.4-.6T5 18.925l.1-4.125l-2.725-3.875q-.2-.275-.288-.575T2 9.75q0-.625.363-1.162t1.012-.763z'/%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 1.2em;
  height: 1.2em
}

.center {
  display: flex;
  align-items: center;
  justify-content: center
}

.visible {
  visibility: visible
}

.absolute {
  position: absolute
}

.fixed {
  position: fixed
}

.relative {
  position: relative
}

.bottom-0 {
  bottom: 0
}

.bottom-50 {
  bottom: 3.125rem
}

.left--30 {
  left: -1.875rem
}

.left-0 {
  left: 0
}

.right-0 {
  right: 0
}

.top--340 {
  top: -21.25rem
}

.top-0 {
  top: 0
}

.top-25 {
  top: 1.5625rem
}

.top-40 {
  top: 2.5rem
}

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

.z-99 {
  z-index: 99
}

.z-999 {
  z-index: 999
}

.grid {
  display: grid
}

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

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

.float-right {
  float: right
}

.m-15 {
  margin: .9375rem
}

.m-auto {
  margin: auto
}

.mx-12 {
  margin-left: .75rem;
  margin-right: .75rem
}

.mx-13 {
  margin-left: .8125rem;
  margin-right: .8125rem
}

.mx-16 {
  margin-left: 1rem;
  margin-right: 1rem
}

.mx-17 {
  margin-left: 1.0625rem;
  margin-right: 1.0625rem
}

.mx-20 {
  margin-left: 1.25rem;
  margin-right: 1.25rem
}

.mx-24\.5 {
  margin-left: 1.53125rem;
  margin-right: 1.53125rem
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.my-10 {
  margin-top: .625rem;
  margin-bottom: .625rem
}

.my-15 {
  margin-top: .9375rem;
  margin-bottom: .9375rem
}

.my-16 {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.my-20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem
}

.my-30 {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem
}

.my-5 {
  margin-top: .3125rem;
  margin-bottom: .3125rem
}

.my-7 {
  margin-top: .4375rem;
  margin-bottom: .4375rem
}

.mb-10 {
  margin-bottom: .625rem
}

.mb-15 {
  margin-bottom: .9375rem
}

.mb-20 {
  margin-bottom: 1.25rem
}

.mb-5 {
  margin-bottom: .3125rem
}

.mb-7 {
  margin-bottom: .4375rem
}

.ml--2 {
  margin-left: -.125rem
}

.ml-10 {
  margin-left: .625rem
}

.ml-12 {
  margin-left: .75rem
}

.ml-13 {
  margin-left: .8125rem
}

.ml-15 {
  margin-left: .9375rem
}

.ml-16 {
  margin-left: 1rem
}

.ml-20 {
  margin-left: 1.25rem
}

.ml-30 {
  margin-left: 1.875rem
}

.ml-4 {
  margin-left: .25rem
}

.ml-5 {
  margin-left: .3125rem
}

.ml-6 {
  margin-left: .375rem
}

.ml-8 {
  margin-left: .5rem
}

.ml-9 {
  margin-left: .5625rem
}

.ml-90 {
  margin-left: 5.625rem
}

.mr-10 {
  margin-right: .625rem
}

.mr-13 {
  margin-right: .8125rem
}

.mr-25 {
  margin-right: 1.5625rem
}

.mr-5 {
  margin-right: .3125rem
}

.mt--2 {
  margin-top: -.125rem
}

.mt--220 {
  margin-top: -13.75rem
}

.mt-10 {
  margin-top: .625rem
}

.mt-100 {
  margin-top: 6.25rem
}

.mt-12 {
  margin-top: .75rem
}

.mt-120 {
  margin-top: 7.5rem
}

.mt-15 {
  margin-top: .9375rem
}

.mt-150 {
  margin-top: 9.375rem
}

.mt-16 {
  margin-top: 1rem
}

.mt-20 {
  margin-top: 1.25rem
}

.mt-24 {
  margin-top: 1.5rem
}

.mt-30 {
  margin-top: 1.875rem
}

.mt-4 {
  margin-top: .25rem
}

.mt-40 {
  margin-top: 2.5rem
}

.mt-43 {
  margin-top: 2.6875rem
}

.mt-5 {
  margin-top: .3125rem
}

.mt-50 {
  margin-top: 3.125rem
}

.mt-60 {
  margin-top: 3.75rem
}

.mt-70 {
  margin-top: 4.375rem
}

.mt-8 {
  margin-top: .5rem
}

.mt-80 {
  margin-top: 5rem
}

.box-border {
  box-sizing: border-box
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.hidden {
  display: none
}

.h-0\.5 {
  height: .03125rem
}

.h-10 {
  height: .625rem
}

.h-100 {
  height: 6.25rem
}

.h-100vh {
  height: 100vh
}

.h-105 {
  height: 6.5625rem
}

.h-113 {
  height: 7.0625rem
}

.h-12 {
  height: .75rem
}

.h-120 {
  height: 7.5rem
}

.h-129 {
  height: 8.0625rem
}

.h-13 {
  height: .8125rem
}

.h-130 {
  height: 8.125rem
}

.h-133 {
  height: 8.3125rem
}

.h-14 {
  height: .875rem
}

.h-143 {
  height: 8.9375rem
}

.h-15 {
  height: .9375rem
}

.h-150 {
  height: 9.375rem
}

.h-16 {
  height: 1rem
}

.h-160 {
  height: 10rem
}

.h-17 {
  height: 1.0625rem
}

.h-170 {
  height: 10.625rem
}

.h-172 {
  height: 10.75rem
}

.h-18 {
  height: 1.125rem
}

.h-180 {
  height: 11.25rem
}

.h-182 {
  height: 11.375rem
}

.h-19 {
  height: 1.1875rem
}

.h-20 {
  height: 1.25rem
}

.h-200 {
  height: 12.5rem
}

.h-21 {
  height: 1.3125rem
}

.h-22 {
  height: 1.375rem
}

.h-23 {
  height: 1.4375rem
}

.h-24 {
  height: 1.5rem
}

.h-25 {
  height: 1.5625rem
}

.h-250 {
  height: 15.625rem
}

.h-26 {
  height: 1.625rem
}

.h-27 {
  height: 1.6875rem
}

.h-270 {
  height: 16.875rem
}

.h-30 {
  height: 1.875rem
}

.h-300 {
  height: 18.75rem
}

.h-32 {
  height: 2rem
}

.h-33 {
  height: 2.0625rem
}

.h-34 {
  height: 2.125rem
}

.h-35 {
  height: 2.1875rem
}

.h-375 {
  height: 23.4375rem
}

.h-40 {
  height: 2.5rem
}

.h-400 {
  height: 25rem
}

.h-400px {
  height: 400px
}

.h-42 {
  height: 2.625rem
}

.h-420px {
  height: 420px
}

.h-43 {
  height: 2.6875rem
}

.h-44 {
  height: 2.75rem
}

.h-45 {
  height: 2.8125rem
}

.h-48 {
  height: 3rem
}

.h-50 {
  height: 3.125rem
}

.h-500 {
  height: 31.25rem
}

.h-54 {
  height: 3.375rem
}

.h-55 {
  height: 3.4375rem
}

.h-57 {
  height: 3.5625rem
}

.h-6 {
  height: .375rem
}

.h-60 {
  height: 3.75rem
}

.h-65 {
  height: 4.0625rem
}

.h-70 {
  height: 4.375rem
}

.h-77 {
  height: 4.8125rem
}

.h-8 {
  height: .5rem
}

.h-80 {
  height: 5rem
}

.h-85 {
  height: 5.3125rem
}

.h-89 {
  height: 5.5625rem
}

.h-9 {
  height: .5625rem
}

.h-full {
  height: 100%
}

.h5 {
  height: .3125rem
}

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

.min-w-100 {
  min-width: 6.25rem
}

.w-10 {
  width: .625rem
}

.w-100 {
  width: 6.25rem
}

.w-110 {
  width: 6.875rem
}

.w-12 {
  width: .75rem
}

.w-121 {
  width: 7.5625rem
}

.w-13 {
  width: .8125rem
}

.w-14 {
  width: .875rem
}

.w-140 {
  width: 8.75rem
}

.w-15 {
  width: .9375rem
}

.w-150 {
  width: 9.375rem
}

.w-16 {
  width: 1rem
}

.w-168 {
  width: 10.5rem
}

.w-17 {
  width: 1.0625rem
}

.w-170 {
  width: 10.625rem
}

.w-173 {
  width: 10.8125rem
}

.w-18 {
  width: 1.125rem
}

.w-183 {
  width: 11.4375rem
}

.w-19 {
  width: 1.1875rem
}

.w-20 {
  width: 1.25rem
}

.w-20\% {
  width: 20%
}

.w-22 {
  width: 1.375rem
}

.w-24 {
  width: 1.5rem
}

.w-25 {
  width: 1.5625rem
}

.w-256 {
  width: 16rem
}

.w-26 {
  width: 1.625rem
}

.w-27 {
  width: 1.6875rem
}

.w-275 {
  width: 17.1875rem
}

.w-276 {
  width: 17.25rem
}

.w-280 {
  width: 17.5rem
}

.w-30 {
  width: 1.875rem
}

.w-300 {
  width: 18.75rem
}

.w-316 {
  width: 19.75rem
}

.w-32 {
  width: 2rem
}

.w-320 {
  width: 20rem
}

.w-33 {
  width: 2.0625rem
}

.w-35 {
  width: 2.1875rem
}

.w-38 {
  width: 2.375rem
}

.w-40 {
  width: 2.5rem
}

.w-42 {
  width: 2.625rem
}

.w-43 {
  width: 2.6875rem
}

.w-45 {
  width: 2.8125rem
}

.w-48 {
  width: 3rem
}

.w-50 {
  width: 3.125rem
}

.w-6 {
  width: .375rem
}

.w-60 {
  width: 3.75rem
}

.w-64 {
  width: 4rem
}

.w-65 {
  width: 4.0625rem
}

.w-70 {
  width: 4.375rem
}

.w-8 {
  width: .5rem
}

.w-80 {
  width: 5rem
}

.w-84\.5 {
  width: 5.28125rem
}

.w-9 {
  width: .5625rem
}

.w-90 {
  width: 5.625rem
}

.w-full {
  width: 100%
}

.flex {
  display: flex
}

.flex-1 {
  flex: 1 1 0%
}

.flex-none {
  flex: none
}

.flex-col {
  flex-direction: column
}

.rotate-180 {
  --un-rotate-x: 0;
  --un-rotate-y: 0;
  --un-rotate-z: 0;
  --un-rotate: 180deg;
  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))
}

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

.resize {
  resize: both
}

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

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

.gap-10 {
  gap: .625rem
}

.gap-y-5 {
  row-gap: .3125rem
}

.overflow-hidden {
  overflow: hidden
}

.overflow-x-auto {
  overflow-x: auto
}

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

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

.border,
.border-1 {
  border-width: 1px
}

.border-y-1 {
  border-top-width: 1px;
  border-bottom-width: 1px
}

.border-b-1 {
  border-bottom-width: 1px
}

.border-\#22A3B6 {
  --un-border-opacity: 1;
  border-color: rgb(34 163 182 / var(--un-border-opacity))
}

.border-\#3348F6 {
  --un-border-opacity: 1;
  border-color: rgb(51 72 246 / var(--un-border-opacity))
}

.border-\#ccc {
  --un-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--un-border-opacity))
}

.border-\#DDE0E4 {
  --un-border-opacity: 1;
  border-color: rgb(221 224 228 / var(--un-border-opacity))
}

.border-gray-400 {
  --un-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--un-border-opacity))
}

.rounded-10 {
  border-radius: .625rem
}

.rounded-11 {
  border-radius: .6875rem
}

.rounded-12 {
  border-radius: .75rem
}

.rounded-14 {
  border-radius: .875rem
}

.rounded-15 {
  border-radius: .9375rem
}

.rounded-18 {
  border-radius: 1.125rem
}

.rounded-2 {
  border-radius: .125rem
}

.rounded-20 {
  border-radius: 1.25rem
}

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

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

.rounded-5 {
  border-radius: .3125rem
}

.rounded-7 {
  border-radius: .4375rem
}

.rounded-8 {
  border-radius: .5rem
}

.rounded-full {
  border-radius: 9999px
}

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

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

.rounded-t-12 {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem
}

.rounded-t-20 {
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem
}

.border-dashed {
  border-style: dashed
}

.border-solid {
  border-style: solid
}

.border-y-solid {
  border-top-style: solid;
  border-bottom-style: solid
}

.border-b-dashed {
  border-bottom-style: dashed
}

.bg-\#00CE73 {
  --un-bg-opacity: 1;
  background-color: rgb(0 206 115 / var(--un-bg-opacity))
}

.bg-\#22A3B6 {
  --un-bg-opacity: 1;
  background-color: rgb(34 163 182 / var(--un-bg-opacity))
}

.bg-\#333 {
  --un-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--un-bg-opacity))
}

.bg-\#3640f0 {
  --un-bg-opacity: 1;
  background-color: rgb(54 64 240 / var(--un-bg-opacity))
}

.bg-\#3a7ff6 {
  --un-bg-opacity: 1;
  background-color: rgb(58 127 246 / var(--un-bg-opacity))
}

.bg-\#8581f6 {
  --un-bg-opacity: 1;
  background-color: rgb(133 129 246 / var(--un-bg-opacity))
}

.bg-\#99A3AD {
  --un-bg-opacity: 1;
  background-color: rgb(153 163 173 / var(--un-bg-opacity))
}

.bg-\#9f9cff {
  --un-bg-opacity: 1;
  background-color: rgb(159 156 255 / var(--un-bg-opacity))
}

.bg-\#c3e6ff {
  --un-bg-opacity: 1;
  background-color: rgb(195 230 255 / var(--un-bg-opacity))
}

.bg-\#d8f0dd {
  --un-bg-opacity: 1;
  background-color: rgb(216 240 221 / var(--un-bg-opacity))
}

.bg-\#dcdfe6 {
  --un-bg-opacity: 1;
  background-color: rgb(220 223 230 / var(--un-bg-opacity))
}

.bg-\#de5d56 {
  --un-bg-opacity: 1;
  background-color: rgb(222 93 86 / var(--un-bg-opacity))
}

.bg-\#e9582b {
  --un-bg-opacity: 1;
  background-color: rgb(233 88 43 / var(--un-bg-opacity))
}

.bg-\#EEE {
  --un-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--un-bg-opacity))
}

.bg-\#F3F5FA {
  --un-bg-opacity: 1;
  background-color: rgb(243 245 250 / var(--un-bg-opacity))
}

.bg-\#F5F6F7 {
  --un-bg-opacity: 1;
  background-color: rgb(245 246 247 / var(--un-bg-opacity))
}

.bg-\#f5f7f9 {
  --un-bg-opacity: 1;
  background-color: rgb(245 247 249 / var(--un-bg-opacity))
}

.bg-\#F6F7FB {
  --un-bg-opacity: 1;
  background-color: rgb(246 247 251 / var(--un-bg-opacity))
}

.bg-\#FFFBDD {
  --un-bg-opacity: 1;
  background-color: rgb(255 251 221 / var(--un-bg-opacity))
}

.bg-\#FFFFFF1A {
  --un-bg-opacity: .1;
  background-color: rgb(255 255 255 / var(--un-bg-opacity))
}

.bg-black {
  --un-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--un-bg-opacity))
}

.bg-red-600 {
  --un-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--un-bg-opacity))
}

.bg-white {
  --un-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--un-bg-opacity))
}

.p-10 {
  padding: .625rem
}

.p-12 {
  padding: .75rem
}

.p-14 {
  padding: .875rem
}

.p-15 {
  padding: .9375rem
}

.p-20 {
  padding: 1.25rem
}

.p-3 {
  padding: .1875rem
}

.p-30 {
  padding: 1.875rem
}

.p-5 {
  padding: .3125rem
}

.p-6 {
  padding: .375rem
}

.px {
  padding-left: .25rem;
  padding-right: .25rem
}

.px-10 {
  padding-left: .625rem;
  padding-right: .625rem
}

.px-11 {
  padding-left: .6875rem;
  padding-right: .6875rem
}

.px-12 {
  padding-left: .75rem;
  padding-right: .75rem
}

.px-13 {
  padding-left: .8125rem;
  padding-right: .8125rem
}

.px-14 {
  padding-left: .875rem;
  padding-right: .875rem
}

.px-15 {
  padding-left: .9375rem;
  padding-right: .9375rem
}

.px-16 {
  padding-left: 1rem;
  padding-right: 1rem
}

.px-17 {
  padding-left: 1.0625rem;
  padding-right: 1.0625rem
}

.px-18 {
  padding-left: 1.125rem;
  padding-right: 1.125rem
}

.px-19 {
  padding-left: 1.1875rem;
  padding-right: 1.1875rem
}

.px-2 {
  padding-left: .125rem;
  padding-right: .125rem
}

.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.px-21 {
  padding-left: 1.3125rem;
  padding-right: 1.3125rem
}

.px-25 {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem
}

.px-26 {
  padding-left: 1.625rem;
  padding-right: 1.625rem
}

.px-30 {
  padding-left: 1.875rem;
  padding-right: 1.875rem
}

.px-6 {
  padding-left: .375rem;
  padding-right: .375rem
}

.px-8 {
  padding-left: .5rem;
  padding-right: .5rem
}

.px-80 {
  padding-left: 5rem;
  padding-right: 5rem
}

.px-9 {
  padding-left: .5625rem;
  padding-right: .5625rem
}

.py-10 {
  padding-top: .625rem;
  padding-bottom: .625rem
}

.py-100 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem
}

.py-11 {
  padding-top: .6875rem;
  padding-bottom: .6875rem
}

.py-12 {
  padding-top: .75rem;
  padding-bottom: .75rem
}

.py-14 {
  padding-top: .875rem;
  padding-bottom: .875rem
}

.py-15 {
  padding-top: .9375rem;
  padding-bottom: .9375rem
}

.py-16 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.py-17 {
  padding-top: 1.0625rem;
  padding-bottom: 1.0625rem
}

.py-18 {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem
}

.py-2 {
  padding-top: .125rem;
  padding-bottom: .125rem
}

.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}

.py-25 {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem
}

.py-3 {
  padding-top: .1875rem;
  padding-bottom: .1875rem
}

.py-30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem
}

.py-4 {
  padding-top: .25rem;
  padding-bottom: .25rem
}

.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

.py-5 {
  padding-top: .3125rem;
  padding-bottom: .3125rem
}

.py-6 {
  padding-top: .375rem;
  padding-bottom: .375rem
}

.py-7 {
  padding-top: .4375rem;
  padding-bottom: .4375rem
}

.py-9 {
  padding-top: .5625rem;
  padding-bottom: .5625rem
}

.pb-10 {
  padding-bottom: .625rem
}

.pb-100 {
  padding-bottom: 6.25rem
}

.pb-130 {
  padding-bottom: 8.125rem
}

.pb-15 {
  padding-bottom: .9375rem
}

.pb-16 {
  padding-bottom: 1rem
}

.pb-20 {
  padding-bottom: 1.25rem
}

.pb-30 {
  padding-bottom: 1.875rem
}

.pb-40 {
  padding-bottom: 2.5rem
}

.pb-50 {
  padding-bottom: 3.125rem
}

.pb-60 {
  padding-bottom: 3.75rem
}

.pb-80 {
  padding-bottom: 5rem
}

.pr-5 {
  padding-right: .3125rem
}

.pt-10 {
  padding-top: .625rem
}

.pt-16 {
  padding-top: 1rem
}

.pt-20 {
  padding-top: 1.25rem
}

.pt-23 {
  padding-top: 1.4375rem
}

.pt-24 {
  padding-top: 1.5rem
}

.pt-28 {
  padding-top: 1.75rem
}

.pt-30 {
  padding-top: 1.875rem
}

.pt-40 {
  padding-top: 2.5rem
}

.pt-50 {
  padding-top: 3.125rem
}

.pt-90 {
  padding-top: 5.625rem
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-end {
  text-align: end
}

.text-10 {
  font-size: .625rem
}

.text-11 {
  font-size: .6875rem
}

.text-12 {
  font-size: .75rem
}

.text-13 {
  font-size: .8125rem
}

.text-14 {
  font-size: .875rem
}

.text-15 {
  font-size: .9375rem
}

.text-16 {
  font-size: 1rem
}

.text-17 {
  font-size: 1.0625rem
}

.text-18 {
  font-size: 1.125rem
}

.text-19 {
  font-size: 1.1875rem
}

.text-20 {
  font-size: 1.25rem
}

.text-21 {
  font-size: 1.3125rem
}

.text-22 {
  font-size: 1.375rem
}

.text-24 {
  font-size: 1.5rem
}

.text-25 {
  font-size: 1.5625rem
}

.text-27 {
  font-size: 1.6875rem
}

.text-31 {
  font-size: 1.9375rem
}

.text-34 {
  font-size: 2.125rem
}

.text-36 {
  font-size: 2.25rem
}

.text-38 {
  font-size: 2.375rem
}

.text-40 {
  font-size: 2.5rem
}

.text-\#22A3B6 {
  --un-text-opacity: 1;
  color: rgb(34 163 182 / var(--un-text-opacity))
}

.text-\#3348F6 {
  --un-text-opacity: 1;
  color: rgb(51 72 246 / var(--un-text-opacity))
}

.text-\#33cd99,
.text-quote-green {
  --un-text-opacity: 1;
  color: rgb(51 205 153 / var(--un-text-opacity))
}

.text-\#3640f0 {
  --un-text-opacity: 1;
  color: rgb(54 64 240 / var(--un-text-opacity))
}

.text-\#3a7ff6 {
  --un-text-opacity: 1;
  color: rgb(58 127 246 / var(--un-text-opacity))
}

.text-\#465aff {
  --un-text-opacity: 1;
  color: rgb(70 90 255 / var(--un-text-opacity))
}

.text-\#818894 {
  --un-text-opacity: 1;
  color: rgb(129 136 148 / var(--un-text-opacity))
}

.text-\#8c8c8c {
  --un-text-opacity: 1;
  color: rgb(140 140 140 / var(--un-text-opacity))
}

.text-\#9c9c9c {
  --un-text-opacity: 1;
  color: rgb(156 156 156 / var(--un-text-opacity))
}

.text-\#B3B8BF {
  --un-text-opacity: 1;
  color: rgb(179 184 191 / var(--un-text-opacity))
}

.text-\#de5d56 {
  --un-text-opacity: 1;
  color: rgb(222 93 86 / var(--un-text-opacity))
}

.text-\#FFE400 {
  --un-text-opacity: 1;
  color: rgb(255 228 0 / var(--un-text-opacity))
}

.text-black {
  --un-text-opacity: 1;
  color: rgb(0 0 0 / var(--un-text-opacity))
}

.text-blue {
  --un-text-opacity: 1;
  color: rgb(96 165 250 / var(--un-text-opacity))
}

.text-blue-500 {
  --un-text-opacity: 1;
  color: rgb(59 130 246 / var(--un-text-opacity))
}

.text-blue-600 {
  --un-text-opacity: 1;
  color: rgb(37 99 235 / var(--un-text-opacity))
}

.text-gray,
.text-gray-400 {
  --un-text-opacity: 1;
  color: rgb(156 163 175 / var(--un-text-opacity))
}

.text-gray-500 {
  --un-text-opacity: 1;
  color: rgb(107 114 128 / var(--un-text-opacity))
}

.text-green {
  --un-text-opacity: 1;
  color: rgb(74 222 128 / var(--un-text-opacity))
}

.text-green-500 {
  --un-text-opacity: 1;
  color: rgb(34 197 94 / var(--un-text-opacity))
}

.text-orange {
  --un-text-opacity: 1;
  color: rgb(251 146 60 / var(--un-text-opacity))
}

.text-quote-red {
  --un-text-opacity: 1;
  color: rgb(233 88 43 / var(--un-text-opacity))
}

.text-red {
  --un-text-opacity: 1;
  color: rgb(248 113 113 / var(--un-text-opacity))
}

.text-white {
  --un-text-opacity: 1;
  color: rgb(255 255 255 / var(--un-text-opacity))
}

.font-400 {
  font-weight: 400
}

.font-500,
.font-medium {
  font-weight: 500
}

.font-700,
.font-bold {
  font-weight: 700
}

.font-semibold {
  font-weight: 600
}

.leading-15 {
  line-height: .9375rem
}

.leading-16 {
  line-height: 1rem
}

.leading-20 {
  line-height: 1.25rem
}

.leading-21 {
  line-height: 1.3125rem
}

.leading-22 {
  line-height: 1.375rem
}

.leading-24 {
  line-height: 1.5rem
}

.leading-25 {
  line-height: 1.5625rem
}

.leading-26 {
  line-height: 1.625rem
}

.leading-28 {
  line-height: 1.75rem
}

.leading-32 {
  line-height: 2rem
}

.leading-34 {
  line-height: 2.125rem
}

.leading-40 {
  line-height: 2.5rem
}

.leading-42 {
  line-height: 2.625rem
}

.leading-45 {
  line-height: 2.8125rem
}

.leading-50 {
  line-height: 3.125rem
}

.leading-55 {
  line-height: 3.4375rem
}

.leading-77 {
  line-height: 4.8125rem
}

.underline {
  text-decoration-line: underline
}

.backdrop-filter {
  -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)
}

.ease {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

:root,
uni-page-body {
  background-color: #fff;
  color: #242629;
  font-size: .875rem;
  font-weight: 400;
  font-family: PingFangSC, PingFang SC, sans-serif
}

body {
  background-color: #fff
}

:root ::-webkit-scrollbar,
uni-page-body ::-webkit-scrollbar {
  display: none
}

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

.status_bar {
  padding-top: var(--status-bar-height)
}

.input-placeholder {
  color: #b3b8bf;
  font-size: .875rem;
  font-weight: 400
}

.bg-quote-red {
  background-color: #e9582b
}

.bg-quote-green {
  background-color: #33cd99
}