* {
|
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: 32px
|
}
|
|
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: .5s;
|
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: 40px;
|
height: 40px;
|
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, 720deg)
|
}
|
}
|
|
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: -2000px;
|
top: -2000px;
|
animation: shadow-preload .2s;
|
animation-delay: 6s
|
}
|
|
@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: 200px 20px;
|
text-align: center
|
}
|
|
.uni-async-loading {
|
box-sizing: border-box;
|
width: 100%;
|
padding: 100px;
|
text-align: center
|
}
|
|
.uni-async-loading .uni-loading {
|
width: 60px;
|
height: 60px
|
}
|
|
uni-page-head {
|
display: block;
|
box-sizing: border-box
|
}
|
|
.uni-page-head {
|
position: fixed;
|
left: var(--window-left);
|
right: var(--window-right);
|
height: 88px;
|
height: calc(88px + constant(safe-area-inset-top));
|
height: calc(88px + env(safe-area-inset-top));
|
padding: 14px 6px;
|
padding-top: calc(14px + constant(safe-area-inset-top));
|
padding-top: calc(14px + 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: 2em;
|
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: 88px;
|
height: calc(88px + constant(safe-area-inset-top));
|
height: calc(88px + env(safe-area-inset-top))
|
}
|
|
.uni-placeholder-titlePenetrate {
|
pointer-events: none
|
}
|
|
.uni-page-head-hd {
|
display: flex;
|
align-items: center;
|
font-size: 32px
|
}
|
|
.uni-page-head-bd {
|
position: absolute;
|
left: 140px;
|
right: 140px;
|
min-width: 0;
|
-webkit-user-select: auto;
|
-moz-user-select: auto;
|
user-select: auto
|
}
|
|
.uni-page-head-btn {
|
position: relative;
|
width: auto;
|
margin: 0 4px;
|
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: 64px;
|
height: 64px;
|
border-radius: 100%;
|
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: 36px;
|
height: 36px;
|
line-height: 36px;
|
border-radius: 36px;
|
overflow: hidden;
|
transform: scale(1) translate(80%, -80%);
|
transform-origin: 200% 0
|
}
|
|
.uni-page-head-btn-red-dot[badge-text]:after {
|
font-size: 24px;
|
width: auto;
|
min-width: 36px;
|
max-width: 84px;
|
text-align: center;
|
padding: 0 6px;
|
transform: scale(1.4) translate(80%, -80%)
|
}
|
|
.uni-page-head-btn-select svg {
|
vertical-align: middle;
|
margin-left: 4px;
|
transform: rotate(540deg) scale(1.6)
|
}
|
|
.uni-page-head-search {
|
position: relative;
|
display: flex;
|
flex: 1;
|
margin: 0 4px;
|
line-height: 60px;
|
font-size: 30px
|
}
|
|
.uni-page-head-search-input {
|
width: 100%;
|
height: 100%;
|
padding-left: 68px;
|
text-align: left
|
}
|
|
.uni-page-head-search-placeholder {
|
position: absolute;
|
max-width: 100%;
|
height: 100%;
|
padding-left: 68px;
|
overflow: hidden;
|
word-break: keep-all;
|
white-space: pre
|
}
|
|
.uni-page-head-search-placeholder-right {
|
right: 0
|
}
|
|
.uni-page-head-search-placeholder-center {
|
left: 100%;
|
transform: translate(-100%)
|
}
|
|
.uni-page-head-search-icon {
|
position: absolute;
|
top: 0;
|
left: 4px;
|
width: 60px;
|
height: 60px;
|
display: flex;
|
justify-content: center;
|
align-items: center
|
}
|
|
.uni-page-head-ft {
|
display: flex;
|
align-items: center;
|
flex-direction: row-reverse;
|
font-size: 26px
|
}
|
|
.uni-page-head__title {
|
font-weight: 700;
|
font-size: 32px;
|
line-height: 60px;
|
text-align: center;
|
overflow: hidden;
|
white-space: nowrap;
|
text-overflow: ellipsis
|
}
|
|
.uni-page-head__title .uni-loading {
|
width: 32px;
|
height: 32px;
|
margin-top: -6px
|
}
|
|
.uni-page-head__title .uni-page-head__title_image {
|
width: auto;
|
height: 52px;
|
vertical-align: middle
|
}
|
|
.uni-page-head-shadow {
|
overflow: visible
|
}
|
|
.uni-page-head-shadow:after {
|
content: "";
|
position: absolute;
|
left: 0;
|
right: 0;
|
top: 200%;
|
height: 10px;
|
background-size: 200% 200%
|
}
|
|
.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(200% - 88px);
|
height: calc(200% - 88px - constant(safe-area-inset-top));
|
height: calc(200% - 88px - 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: 10px
|
}
|
|
.uni-tabbar__icon.uni-tabbar__icon__diff {
|
margin-top: 0;
|
width: 68px;
|
height: 68px
|
}
|
|
.uni-tabbar__icon img {
|
width: 100%;
|
height: 100%
|
}
|
|
.uni-tabbar__iconfont {
|
font-family: UniTabbarIconFont
|
}
|
|
.uni-tabbar__label {
|
position: relative;
|
text-align: center;
|
font-size: 20px
|
}
|
|
.uni-tabbar-border {
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 100%;
|
height: 2px;
|
transform: scaleY(1)
|
}
|
|
.uni-tabbar__reddot {
|
position: absolute;
|
top: 4px;
|
right: 0;
|
width: 24px;
|
height: 24px;
|
border-radius: 100%;
|
background-color: #f43530;
|
color: #fff;
|
transform: translate(80%)
|
}
|
|
.uni-tabbar__badge {
|
width: auto;
|
height: 32px;
|
line-height: 32px;
|
border-radius: 32px;
|
min-width: 32px;
|
padding: 0 4px;
|
font-size: 24px;
|
text-align: center;
|
white-space: nowrap
|
}
|
|
.uni-tabbar__mid {
|
display: flex;
|
justify-content: center;
|
position: absolute;
|
bottom: 0;
|
background-size: 200% 200%
|
}
|
|
.uni-app--showtabbar uni-page-wrapper {
|
display: block;
|
height: calc(200% - var(--tab-bar-height));
|
height: calc(200% - var(--tab-bar-height) - constant(safe-area-inset-bottom));
|
height: calc(200% - 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(200% - 88px - var(--tab-bar-height));
|
height: calc(200% - 88px - constant(safe-area-inset-top) - var(--tab-bar-height) - constant(safe-area-inset-bottom));
|
height: calc(200% - 88px - 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 {
|
background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.4em' height='1.4em' 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: 200% 200%;
|
mask-size: 200% 200%;
|
/* background-color: currentColor; */
|
color: inherit;
|
width: 1.4em;
|
height: 1.4em
|
}
|
|
.i-material-symbols\:arrow-back-ios-new-rounded {
|
background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.4em' height='1.4em' 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: 200% 200%;
|
mask-size: 200% 200%;
|
/* background-color: currentColor; */
|
color: inherit;
|
width: 1.4em;
|
height: 1.4em
|
}
|
|
.i-material-symbols\:arrow-drop-down-rounded {
|
background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.4em' height='1.4em' 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: 200% 200%;
|
mask-size: 200% 200%;
|
/* background-color: currentColor; */
|
color: inherit;
|
width: 1.4em;
|
height: 1.4em
|
}
|
|
.i-material-symbols\:arrow-drop-up-rounded {
|
background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.4em' height='1.4em' 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: 200% 200%;
|
mask-size: 200% 200%;
|
/* background-color: currentColor; */
|
color: inherit;
|
width: 1.4em;
|
height: 1.4em
|
}
|
|
.i-material-symbols\:arrow-right-alt-rounded {
|
background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.4em' height='1.4em' 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: 200% 200%;
|
mask-size: 200% 200%;
|
/* background-color: currentColor; */
|
color: inherit;
|
width: 1.4em;
|
height: 1.4em
|
}
|
|
.i-material-symbols\:arrow-right-rounded {
|
background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.4em' height='1.4em' 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: 200% 200%;
|
mask-size: 200% 200%;
|
/* background-color: currentColor; */
|
color: inherit;
|
width: 1.4em;
|
height: 1.4em
|
}
|
|
.i-material-symbols\:featured-play-list {
|
background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.4em' height='1.4em' 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: 200% 200%;
|
mask-size: 200% 200%;
|
/* background-color: currentColor; */
|
color: inherit;
|
width: 1.4em;
|
height: 1.4em
|
}
|
|
.i-material-symbols\:kid-star {
|
background: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.4em' height='1.4em' 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: 200% 200%;
|
mask-size: 200% 200%;
|
/* background-color: currentColor; */
|
color: inherit;
|
width: 1.4em;
|
height: 1.4em
|
}
|
|
.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: 6.25rem
|
}
|
|
.left--30 {
|
left: -3.75rem
|
}
|
|
.left-0 {
|
left: 0
|
}
|
|
.right-0 {
|
right: 0
|
}
|
|
.top--340 {
|
top: -42.5rem
|
}
|
|
.top-0 {
|
top: 0
|
}
|
|
.top-25 {
|
top: 3.125rem
|
}
|
|
.top-40 {
|
top: 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: 1.875rem
|
}
|
|
.m-auto {
|
margin: auto
|
}
|
|
.mx-12 {
|
margin-left: 1.5rem;
|
margin-right: 1.5rem
|
}
|
|
.mx-13 {
|
margin-left: 1.625rem;
|
margin-right: 1.625rem
|
}
|
|
.mx-16 {
|
margin-left: 2rem;
|
margin-right: 2rem
|
}
|
|
.mx-17 {
|
margin-left: 2.125rem;
|
margin-right: 2.125rem
|
}
|
|
.mx-20 {
|
margin-left: 2.5rem;
|
margin-right: 2.5rem
|
}
|
|
.mx-24\.5 {
|
margin-left: 3.0625rem;
|
margin-right: 3.0625rem
|
}
|
|
.mx-auto {
|
margin-left: auto;
|
margin-right: auto
|
}
|
|
.my-10 {
|
margin-top: 1.25rem;
|
margin-bottom: 1.25rem
|
}
|
|
.my-15 {
|
margin-top: 1.875rem;
|
margin-bottom: 1.875rem
|
}
|
|
.my-16 {
|
margin-top: 2rem;
|
margin-bottom: 2rem
|
}
|
|
.my-20 {
|
margin-top: 2.5rem;
|
margin-bottom: 2.5rem
|
}
|
|
.my-30 {
|
margin-top: 3.75rem;
|
margin-bottom: 3.75rem
|
}
|
|
.my-5 {
|
margin-top: .625rem;
|
margin-bottom: .625rem
|
}
|
|
.my-7 {
|
margin-top: .875rem;
|
margin-bottom: .875rem
|
}
|
|
.mb-10 {
|
margin-bottom: 1.25rem
|
}
|
|
.mb-15 {
|
margin-bottom: 1.875rem
|
}
|
|
.mb-20 {
|
margin-bottom: 2.5rem
|
}
|
|
.mb-5 {
|
margin-bottom: .625rem
|
}
|
|
.mb-7 {
|
margin-bottom: .875rem
|
}
|
|
.ml--2 {
|
margin-left: -.25rem
|
}
|
|
.ml-10 {
|
margin-left: 1.25rem
|
}
|
|
.ml-12 {
|
margin-left: 1.5rem
|
}
|
|
.ml-13 {
|
margin-left: 1.625rem
|
}
|
|
.ml-15 {
|
margin-left: 1.875rem
|
}
|
|
.ml-16 {
|
margin-left: 2rem
|
}
|
|
.ml-20 {
|
margin-left: 2.5rem
|
}
|
|
.ml-30 {
|
margin-left: 3.75rem
|
}
|
|
.ml-4 {
|
margin-left: .5rem
|
}
|
|
.ml-5 {
|
margin-left: .625rem
|
}
|
|
.ml-6 {
|
margin-left: .75rem
|
}
|
|
.ml-8 {
|
margin-left: 1rem
|
}
|
|
.ml-9 {
|
margin-left: 1.125rem
|
}
|
|
.ml-90 {
|
margin-left: 11.25rem
|
}
|
|
.mr-10 {
|
margin-right: 1.25rem
|
}
|
|
.mr-13 {
|
margin-right: 1.625rem
|
}
|
|
.mr-25 {
|
margin-right: 3.125rem
|
}
|
|
.mr-5 {
|
margin-right: .625rem
|
}
|
|
.mt--2 {
|
margin-top: -.25rem
|
}
|
|
.mt--220 {
|
margin-top: -27.5rem
|
}
|
|
.mt-10 {
|
margin-top: 1.25rem
|
}
|
|
.mt-100 {
|
margin-top: 12.5rem
|
}
|
|
.mt-12 {
|
margin-top: 1.5rem
|
}
|
|
.mt-120 {
|
margin-top: 15rem
|
}
|
|
.mt-15 {
|
margin-top: 1.875rem
|
}
|
|
.mt-150 {
|
margin-top: 18.75rem
|
}
|
|
.mt-16 {
|
margin-top: 2rem
|
}
|
|
.mt-20 {
|
margin-top: 2.5rem
|
}
|
|
.mt-24 {
|
margin-top: 3rem
|
}
|
|
.mt-30 {
|
margin-top: 3.75rem
|
}
|
|
.mt-4 {
|
margin-top: .5rem
|
}
|
|
.mt-40 {
|
margin-top: 5rem
|
}
|
|
.mt-43 {
|
margin-top: 5.375rem
|
}
|
|
.mt-5 {
|
margin-top: .625rem
|
}
|
|
.mt-50 {
|
margin-top: 6.25rem
|
}
|
|
.mt-60 {
|
margin-top: 7.5rem
|
}
|
|
.mt-70 {
|
margin-top: 8.75rem
|
}
|
|
.mt-8 {
|
margin-top: 1rem
|
}
|
|
.mt-80 {
|
margin-top: 10rem
|
}
|
|
.box-border {
|
box-sizing: border-box
|
}
|
|
.block {
|
display: block
|
}
|
|
.inline-block {
|
display: inline-block
|
}
|
|
.hidden {
|
display: none
|
}
|
|
.h-0\.5 {
|
height: .0625rem
|
}
|
|
.h-10 {
|
height: 1.25rem
|
}
|
|
.h-100 {
|
height: 12.5rem
|
}
|
|
.h-100vh {
|
height: 100vh
|
}
|
|
.h-105 {
|
height: 13.125rem
|
}
|
|
.h-113 {
|
height: 14.125rem
|
}
|
|
.h-12 {
|
height: 1.5rem
|
}
|
|
.h-120 {
|
height: 15rem
|
}
|
|
.h-129 {
|
height: 16.125rem
|
}
|
|
.h-13 {
|
height: 1.625rem
|
}
|
|
.h-130 {
|
height: 16.25rem
|
}
|
|
.h-133 {
|
height: 16.625rem
|
}
|
|
.h-14 {
|
height: 1.75rem
|
}
|
|
.h-143 {
|
height: 17.875rem
|
}
|
|
.h-15 {
|
height: 1.875rem
|
}
|
|
.h-150 {
|
height: 18.75rem
|
}
|
|
.h-16 {
|
height: 2rem
|
}
|
|
.h-160 {
|
height: 20rem
|
}
|
|
.h-17 {
|
height: 2.125rem
|
}
|
|
.h-170 {
|
height: 21.25rem
|
}
|
|
.h-172 {
|
height: 21.5rem
|
}
|
|
.h-18 {
|
height: 2.25rem
|
}
|
|
.h-180 {
|
height: 22.5rem
|
}
|
|
.h-182 {
|
height: 22.75rem
|
}
|
|
.h-19 {
|
height: 2.375rem
|
}
|
|
.h-20 {
|
height: 2.5rem
|
}
|
|
.h-200 {
|
height: 25rem
|
}
|
|
.h-21 {
|
height: 2.625rem
|
}
|
|
.h-22 {
|
height: 2.75rem
|
}
|
|
.h-23 {
|
height: 2.875rem
|
}
|
|
.h-24 {
|
height: 3rem
|
}
|
|
.h-25 {
|
height: 3.125rem
|
}
|
|
.h-250 {
|
height: 31.25rem
|
}
|
|
.h-26 {
|
height: 3.25rem
|
}
|
|
.h-27 {
|
height: 3.375rem
|
}
|
|
.h-270 {
|
height: 33.75rem
|
}
|
|
.h-30 {
|
height: 3.75rem
|
}
|
|
.h-300 {
|
height: 37.5rem
|
}
|
|
.h-32 {
|
height: 4rem
|
}
|
|
.h-33 {
|
height: 4.125rem
|
}
|
|
.h-34 {
|
height: 4.25rem
|
}
|
|
.h-35 {
|
height: 4.375rem
|
}
|
|
.h-375 {
|
height: 46.875rem
|
}
|
|
.h-40 {
|
height: 5rem
|
}
|
|
.h-400 {
|
height: 50rem
|
}
|
|
.h-400px {
|
height: 400px
|
}
|
|
.h-42 {
|
height: 5.25rem
|
}
|
|
.h-420px {
|
height: 420px
|
}
|
|
.h-43 {
|
height: 5.375rem
|
}
|
|
.h-44 {
|
height: 5.5rem
|
}
|
|
.h-45 {
|
height: 5.625rem
|
}
|
|
.h-48 {
|
height: 6rem
|
}
|
|
.h-50 {
|
height: 6.25rem
|
}
|
|
.h-500 {
|
height: 62.5rem
|
}
|
|
.h-54 {
|
height: 6.75rem
|
}
|
|
.h-55 {
|
height: 6.875rem
|
}
|
|
.h-57 {
|
height: 7.125rem
|
}
|
|
.h-6 {
|
height: .75rem
|
}
|
|
.h-60 {
|
height: 7.5rem
|
}
|
|
.h-65 {
|
height: 8.125rem
|
}
|
|
.h-70 {
|
height: 8.75rem
|
}
|
|
.h-77 {
|
height: 9.625rem
|
}
|
|
.h-8 {
|
height: 1rem
|
}
|
|
.h-80 {
|
height: 10rem
|
}
|
|
.h-85 {
|
height: 10.625rem
|
}
|
|
.h-89 {
|
height: 11.125rem
|
}
|
|
.h-9 {
|
height: 1.125rem
|
}
|
|
.h-full {
|
height: 100%
|
}
|
|
.h5 {
|
height: .625rem
|
}
|
|
.min-h-100vh {
|
min-height: 100vh
|
}
|
|
.min-w-100 {
|
min-width: 12.5rem
|
}
|
|
.w-10 {
|
width: 1.25rem
|
}
|
|
.w-100 {
|
width: 12.5rem
|
}
|
|
.w-110 {
|
width: 13.75rem
|
}
|
|
.w-12 {
|
width: 1.5rem
|
}
|
|
.w-121 {
|
width: 15.125rem
|
}
|
|
.w-13 {
|
width: 1.625rem
|
}
|
|
.w-14 {
|
width: 1.75rem
|
}
|
|
.w-140 {
|
width: 17.5rem
|
}
|
|
.w-15 {
|
width: 1.875rem
|
}
|
|
.w-150 {
|
width: 18.75rem
|
}
|
|
.w-16 {
|
width: 2rem
|
}
|
|
.w-168 {
|
width: 21rem
|
}
|
|
.w-17 {
|
width: 2.125rem
|
}
|
|
.w-170 {
|
width: 21.25rem
|
}
|
|
.w-173 {
|
width: 21.625rem
|
}
|
|
.w-18 {
|
width: 2.25rem
|
}
|
|
.w-183 {
|
width: 22.875rem
|
}
|
|
.w-19 {
|
width: 2.375rem
|
}
|
|
.w-20 {
|
width: 2.5rem
|
}
|
|
.w-20\% {
|
width: 20%
|
}
|
|
.w-22 {
|
width: 2.75rem
|
}
|
|
.w-24 {
|
width: 3rem
|
}
|
|
.w-25 {
|
width: 3.125rem
|
}
|
|
.w-256 {
|
width: 32rem
|
}
|
|
.w-26 {
|
width: 3.25rem
|
}
|
|
.w-27 {
|
width: 3.375rem
|
}
|
|
.w-275 {
|
width: 34.375rem
|
}
|
|
.w-276 {
|
width: 34.5rem
|
}
|
|
.w-280 {
|
width: 35rem
|
}
|
|
.w-30 {
|
width: 3.75rem
|
}
|
|
.w-300 {
|
width: 37.5rem
|
}
|
|
.w-316 {
|
width: 39.5rem
|
}
|
|
.w-32 {
|
width: 4rem
|
}
|
|
.w-320 {
|
width: 40rem
|
}
|
|
.w-33 {
|
width: 4.125rem
|
}
|
|
.w-35 {
|
width: 4.375rem
|
}
|
|
.w-38 {
|
width: 4.75rem
|
}
|
|
.w-40 {
|
width: 5rem
|
}
|
|
.w-42 {
|
width: 5.25rem
|
}
|
|
.w-43 {
|
width: 5.375rem
|
}
|
|
.w-45 {
|
width: 5.625rem
|
}
|
|
.w-48 {
|
width: 6rem
|
}
|
|
.w-50 {
|
width: 6.25rem
|
}
|
|
.w-6 {
|
width: .75rem
|
}
|
|
.w-60 {
|
width: 7.5rem
|
}
|
|
.w-64 {
|
width: 8rem
|
}
|
|
.w-65 {
|
width: 8.125rem
|
}
|
|
.w-70 {
|
width: 8.75rem
|
}
|
|
.w-8 {
|
width: 1rem
|
}
|
|
.w-80 {
|
width: 10rem
|
}
|
|
.w-84\.5 {
|
width: 10.5625rem
|
}
|
|
.w-9 {
|
width: 1.125rem
|
}
|
|
.w-90 {
|
width: 11.25rem
|
}
|
|
.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: 360deg;
|
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: 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))
|
}
|
|
.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: 1.25rem
|
}
|
|
.gap-y-5 {
|
row-gap: .625rem
|
}
|
|
.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: 1.25rem
|
}
|
|
.rounded-11 {
|
border-radius: 1.375rem
|
}
|
|
.rounded-12 {
|
border-radius: 1.5rem
|
}
|
|
.rounded-14 {
|
border-radius: 1.75rem
|
}
|
|
.rounded-15 {
|
border-radius: 1.875rem
|
}
|
|
.rounded-18 {
|
border-radius: 2.25rem
|
}
|
|
.rounded-2 {
|
border-radius: .25rem
|
}
|
|
.rounded-20 {
|
border-radius: 2.5rem
|
}
|
|
.rounded-25 {
|
border-radius: 3.125rem
|
}
|
|
.rounded-4 {
|
border-radius: .5rem
|
}
|
|
.rounded-5 {
|
border-radius: .625rem
|
}
|
|
.rounded-7 {
|
border-radius: .875rem
|
}
|
|
.rounded-8 {
|
border-radius: 1rem
|
}
|
|
.rounded-full {
|
border-radius: 19998px
|
}
|
|
.rounded-l-4 {
|
border-top-left-radius: .5rem;
|
border-bottom-left-radius: .5rem
|
}
|
|
.rounded-r-4 {
|
border-top-right-radius: .5rem;
|
border-bottom-right-radius: .5rem
|
}
|
|
.rounded-t-12 {
|
border-top-left-radius: 1.5rem;
|
border-top-right-radius: 1.5rem
|
}
|
|
.rounded-t-20 {
|
border-top-left-radius: 2.5rem;
|
border-top-right-radius: 2.5rem
|
}
|
|
.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: 1.25rem
|
}
|
|
.p-12 {
|
padding: 1.5rem
|
}
|
|
.p-14 {
|
padding: 1.75rem
|
}
|
|
.p-15 {
|
padding: 1.875rem
|
}
|
|
.p-20 {
|
padding: 2.5rem
|
}
|
|
.p-3 {
|
padding: .375rem
|
}
|
|
.p-30 {
|
padding: 3.75rem
|
}
|
|
.p-5 {
|
padding: .625rem
|
}
|
|
.p-6 {
|
padding: .75rem
|
}
|
|
.px {
|
padding-left: .5rem;
|
padding-right: .5rem
|
}
|
|
.px-10 {
|
padding-left: 1.25rem;
|
padding-right: 1.25rem
|
}
|
|
.px-11 {
|
padding-left: 1.375rem;
|
padding-right: 1.375rem
|
}
|
|
.px-12 {
|
padding-left: 1.5rem;
|
padding-right: 1.5rem
|
}
|
|
.px-13 {
|
padding-left: 1.625rem;
|
padding-right: 1.625rem
|
}
|
|
.px-14 {
|
padding-left: 1.75rem;
|
padding-right: 1.75rem
|
}
|
|
.px-15 {
|
padding-left: 1.875rem;
|
padding-right: 1.875rem
|
}
|
|
.px-16 {
|
padding-left: 2rem;
|
padding-right: 2rem
|
}
|
|
.px-17 {
|
padding-left: 2.125rem;
|
padding-right: 2.125rem
|
}
|
|
.px-18 {
|
padding-left: 2.25rem;
|
padding-right: 2.25rem
|
}
|
|
.px-19 {
|
padding-left: 2.375rem;
|
padding-right: 2.375rem
|
}
|
|
.px-2 {
|
padding-left: .25rem;
|
padding-right: .25rem
|
}
|
|
.px-20 {
|
padding-left: 2.5rem;
|
padding-right: 2.5rem
|
}
|
|
.px-21 {
|
padding-left: 2.625rem;
|
padding-right: 2.625rem
|
}
|
|
.px-25 {
|
padding-left: 3.125rem;
|
padding-right: 3.125rem
|
}
|
|
.px-26 {
|
padding-left: 3.25rem;
|
padding-right: 3.25rem
|
}
|
|
.px-30 {
|
padding-left: 3.75rem;
|
padding-right: 3.75rem
|
}
|
|
.px-6 {
|
padding-left: .75rem;
|
padding-right: .75rem
|
}
|
|
.px-8 {
|
padding-left: 1rem;
|
padding-right: 1rem
|
}
|
|
.px-80 {
|
padding-left: 10rem;
|
padding-right: 10rem
|
}
|
|
.px-9 {
|
padding-left: 1.125rem;
|
padding-right: 1.125rem
|
}
|
|
.py-10 {
|
padding-top: 1.25rem;
|
padding-bottom: 1.25rem
|
}
|
|
.py-100 {
|
padding-top: 12.5rem;
|
padding-bottom: 12.5rem
|
}
|
|
.py-11 {
|
padding-top: 1.375rem;
|
padding-bottom: 1.375rem
|
}
|
|
.py-12 {
|
padding-top: 1.5rem;
|
padding-bottom: 1.5rem
|
}
|
|
.py-14 {
|
padding-top: 1.75rem;
|
padding-bottom: 1.75rem
|
}
|
|
.py-15 {
|
padding-top: 1.875rem;
|
padding-bottom: 1.875rem
|
}
|
|
.py-16 {
|
padding-top: 2rem;
|
padding-bottom: 2rem
|
}
|
|
.py-17 {
|
padding-top: 2.125rem;
|
padding-bottom: 2.125rem
|
}
|
|
.py-18 {
|
padding-top: 2.25rem;
|
padding-bottom: 2.25rem
|
}
|
|
.py-2 {
|
padding-top: .25rem;
|
padding-bottom: .25rem
|
}
|
|
.py-20 {
|
padding-top: 2.5rem;
|
padding-bottom: 2.5rem
|
}
|
|
.py-25 {
|
padding-top: 3.125rem;
|
padding-bottom: 3.125rem
|
}
|
|
.py-3 {
|
padding-top: .375rem;
|
padding-bottom: .375rem
|
}
|
|
.py-30 {
|
padding-top: 3.75rem;
|
padding-bottom: 3.75rem
|
}
|
|
.py-4 {
|
padding-top: .5rem;
|
padding-bottom: .5rem
|
}
|
|
.py-40 {
|
padding-top: 5rem;
|
padding-bottom: 5rem
|
}
|
|
.py-5 {
|
padding-top: .625rem;
|
padding-bottom: .625rem
|
}
|
|
.py-6 {
|
padding-top: .75rem;
|
padding-bottom: .75rem
|
}
|
|
.py-7 {
|
padding-top: .875rem;
|
padding-bottom: .875rem
|
}
|
|
.py-9 {
|
padding-top: 1.125rem;
|
padding-bottom: 1.125rem
|
}
|
|
.pb-10 {
|
padding-bottom: 1.25rem
|
}
|
|
.pb-100 {
|
padding-bottom: 12.5rem
|
}
|
|
.pb-130 {
|
padding-bottom: 16.25rem
|
}
|
|
.pb-15 {
|
padding-bottom: 1.875rem
|
}
|
|
.pb-16 {
|
padding-bottom: 2rem
|
}
|
|
.pb-20 {
|
padding-bottom: 2.5rem
|
}
|
|
.pb-30 {
|
padding-bottom: 3.75rem
|
}
|
|
.pb-40 {
|
padding-bottom: 5rem
|
}
|
|
.pb-50 {
|
padding-bottom: 6.25rem
|
}
|
|
.pb-60 {
|
padding-bottom: 7.5rem
|
}
|
|
.pb-80 {
|
padding-bottom: 10rem
|
}
|
|
.pr-5 {
|
padding-right: .625rem
|
}
|
|
.pt-10 {
|
padding-top: 1.25rem
|
}
|
|
.pt-16 {
|
padding-top: 2rem
|
}
|
|
.pt-20 {
|
padding-top: 2.5rem
|
}
|
|
.pt-23 {
|
padding-top: 2.875rem
|
}
|
|
.pt-24 {
|
padding-top: 3rem
|
}
|
|
.pt-28 {
|
padding-top: 3.5rem
|
}
|
|
.pt-30 {
|
padding-top: 3.75rem
|
}
|
|
.pt-40 {
|
padding-top: 5rem
|
}
|
|
.pt-50 {
|
padding-top: 6.25rem
|
}
|
|
.pt-90 {
|
padding-top: 11.25rem
|
}
|
|
.text-center {
|
text-align: center
|
}
|
|
.text-right {
|
text-align: right
|
}
|
|
.text-end {
|
text-align: end
|
}
|
|
.text-10 {
|
font-size: 1.25rem
|
}
|
|
.text-11 {
|
font-size: 1.375rem
|
}
|
|
.text-12 {
|
font-size: 1.5rem
|
}
|
|
.text-13 {
|
font-size: 1.625rem
|
}
|
|
.text-14 {
|
font-size: 1.75rem
|
}
|
|
.text-15 {
|
font-size: 1.875rem
|
}
|
|
.text-16 {
|
font-size: 2rem
|
}
|
|
.text-17 {
|
font-size: 2.125rem
|
}
|
|
.text-18 {
|
font-size: 2.25rem
|
}
|
|
.text-19 {
|
font-size: 2.375rem
|
}
|
|
.text-20 {
|
font-size: 2.5rem
|
}
|
|
.text-21 {
|
font-size: 2.625rem
|
}
|
|
.text-22 {
|
font-size: 2.75rem
|
}
|
|
.text-24 {
|
font-size: 3rem
|
}
|
|
.text-25 {
|
font-size: 3.125rem
|
}
|
|
.text-27 {
|
font-size: 3.375rem
|
}
|
|
.text-31 {
|
font-size: 3.875rem
|
}
|
|
.text-34 {
|
font-size: 4.25rem
|
}
|
|
.text-36 {
|
font-size: 4.5rem
|
}
|
|
.text-38 {
|
font-size: 4.75rem
|
}
|
|
.text-40 {
|
font-size: 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: 1.875rem
|
}
|
|
.leading-16 {
|
line-height: 2rem
|
}
|
|
.leading-20 {
|
line-height: 2.5rem
|
}
|
|
.leading-21 {
|
line-height: 2.625rem
|
}
|
|
.leading-22 {
|
line-height: 2.75rem
|
}
|
|
.leading-24 {
|
line-height: 3rem
|
}
|
|
.leading-25 {
|
line-height: 3.125rem
|
}
|
|
.leading-26 {
|
line-height: 3.25rem
|
}
|
|
.leading-28 {
|
line-height: 3.5rem
|
}
|
|
.leading-32 {
|
line-height: 4rem
|
}
|
|
.leading-34 {
|
line-height: 4.25rem
|
}
|
|
.leading-40 {
|
line-height: 5rem
|
}
|
|
.leading-42 {
|
line-height: 5.25rem
|
}
|
|
.leading-45 {
|
line-height: 5.625rem
|
}
|
|
.leading-50 {
|
line-height: 6.25rem
|
}
|
|
.leading-55 {
|
line-height: 6.875rem
|
}
|
|
.leading-77 {
|
line-height: 9.625rem
|
}
|
|
.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: 1.75rem;
|
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: 1.75rem;
|
font-weight: 400
|
}
|
|
.bg-quote-red {
|
background-color: #e9582b
|
}
|
|
.bg-quote-green {
|
background-color: #33cd99
|
}
|
