6548 lines
138 KiB
CSS
6548 lines
138 KiB
CSS
[data-v-e7fc9ef6]:root {
|
|
--_a: #296399;
|
|
--_b: #1f4d7a;
|
|
--_c: #19344e;
|
|
--_d: #5ab37d;
|
|
--_e: #488b60
|
|
}
|
|
|
|
.vf-loader[data-v-e7fc9ef6] {
|
|
z-index: 99999;
|
|
padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
|
|
font-family: var(--_ez, -apple-system, BlinkMacSystemFont, "\53\65\67\6f\65 \55\49", sans-serif);
|
|
background: radial-gradient(70% 50% at 50% 45%, rgba(41, 99, 153, .15) 0%, transparent 70%), radial-gradient(60% 40% at 30% 60%, rgba(90, 179, 125, .08) 0%, transparent 65%), linear-gradient(160deg, #1f4d7a 0%, #19344e 50%, #0f1f2e 100%);
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.vf-loader__glow[data-v-e7fc9ef6] {
|
|
pointer-events: none;
|
|
-webkit-filter: blur(60px);
|
|
filter: blur(60px);
|
|
border-radius: 50%;
|
|
position: absolute
|
|
}
|
|
|
|
.vf-loader__glow--blue[data-v-e7fc9ef6] {
|
|
background: radial-gradient(circle, rgba(41, 99, 153, .35) 0%, transparent 70%);
|
|
width: 500px;
|
|
height: 500px;
|
|
animation: 6s cubic-bezier(.4, 0, .2, 1) infinite vfGlowBlue-e7fc9ef6;
|
|
top: 35%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%)
|
|
}
|
|
|
|
.vf-loader__glow--green[data-v-e7fc9ef6] {
|
|
background: radial-gradient(circle, rgba(90, 179, 125, .25) 0%, transparent 65%);
|
|
width: 380px;
|
|
height: 380px;
|
|
animation: 7s cubic-bezier(.4, 0, .2, 1) -3s infinite vfGlowGreen-e7fc9ef6;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%)
|
|
}
|
|
|
|
.vf-loader__ripple[data-v-e7fc9ef6] {
|
|
pointer-events: none;
|
|
border: 2px solid rgba(90, 179, 125, .3);
|
|
border-radius: 50%;
|
|
width: 120px;
|
|
height: 120px;
|
|
animation: 3s cubic-bezier(.4, 0, .2, 1) infinite vfRipple-e7fc9ef6;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%)
|
|
}
|
|
|
|
.vf-loader__ripple--1[data-v-e7fc9ef6] {
|
|
animation-delay: 0s
|
|
}
|
|
|
|
.vf-loader__ripple--2[data-v-e7fc9ef6] {
|
|
animation-delay: 1s
|
|
}
|
|
|
|
.vf-loader__ripple--3[data-v-e7fc9ef6] {
|
|
animation-delay: 2s
|
|
}
|
|
|
|
.vf-loader__center[data-v-e7fc9ef6] {
|
|
z-index: 1;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
animation: .8s cubic-bezier(.4, 0, .2, 1) both vfFadeIn-e7fc9ef6;
|
|
display: flex;
|
|
position: relative
|
|
}
|
|
|
|
.vf-loader__spinner[data-v-e7fc9ef6] {
|
|
width: 100px;
|
|
height: 100px;
|
|
margin-bottom: 32px;
|
|
position: relative
|
|
}
|
|
|
|
.vf-loader__ring[data-v-e7fc9ef6] {
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
border-radius: 50%;
|
|
position: absolute
|
|
}
|
|
|
|
.vf-loader__ring--outer[data-v-e7fc9ef6] {
|
|
border-width: 3px;
|
|
border-top-color: var(--_a);
|
|
border-right-color: var(--_a);
|
|
animation: 2s cubic-bezier(.4, 0, .2, 1) infinite vfSpinOuter-e7fc9ef6;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
box-shadow: 0 0 20px rgba(41, 99, 153, .4)
|
|
}
|
|
|
|
.vf-loader__ring--inner[data-v-e7fc9ef6] {
|
|
border-width: 3px;
|
|
border-bottom-color: var(--_d);
|
|
border-left-color: var(--_d);
|
|
animation: 1.5s cubic-bezier(.4, 0, .2, 1) infinite reverse vfSpinInner-e7fc9ef6;
|
|
top: 12px;
|
|
bottom: 12px;
|
|
left: 12px;
|
|
right: 12px;
|
|
box-shadow: 0 0 16px rgba(90, 179, 125, .4)
|
|
}
|
|
|
|
.vf-loader__core[data-v-e7fc9ef6] {
|
|
background: linear-gradient(135deg, var(--_a) 0%, var(--_d) 100%);
|
|
border-radius: 50%;
|
|
width: 16px;
|
|
height: 16px;
|
|
animation: 2s cubic-bezier(.4, 0, .2, 1) infinite vfPulseCore-e7fc9ef6;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
box-shadow: 0 0 0 4px rgba(41, 99, 153, .15), 0 0 20px rgba(90, 179, 125, .6), inset 0 1px rgba(255, 255, 255, .3)
|
|
}
|
|
|
|
.vf-loader__text[data-v-e7fc9ef6] {
|
|
color: rgba(255, 255, 255, .75);
|
|
letter-spacing: .12em;
|
|
text-transform: uppercase;
|
|
text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
|
|
margin: 0;
|
|
font-size: 13px;
|
|
font-weight: 500
|
|
}
|
|
|
|
.vf-loader__bottom[data-v-e7fc9ef6] {
|
|
bottom: calc(env(safe-area-inset-bottom, 0px)+56px);
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translate(-50%)
|
|
}
|
|
|
|
.vf-loader__track[data-v-e7fc9ef6] {
|
|
background: rgba(41, 99, 153, .2);
|
|
border-radius: 2px;
|
|
width: 200px;
|
|
height: 3px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2)
|
|
}
|
|
|
|
.vf-loader__fill[data-v-e7fc9ef6] {
|
|
background: linear-gradient(90deg, transparent 0%, var(--_a) 20%, var(--_d) 50%, var(--_a) 80%, transparent 100%);
|
|
background-size: 200% 100%;
|
|
border-radius: 2px;
|
|
animation: 2.5s cubic-bezier(.4, 0, .2, 1) infinite vfSlide-e7fc9ef6;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0
|
|
}
|
|
|
|
.vf-loader__shimmer[data-v-e7fc9ef6] {
|
|
background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .4) 50%, transparent 100%) 0 0/50% 100%;
|
|
animation: 2s cubic-bezier(.4, 0, .2, 1) infinite vfShimmer-e7fc9ef6;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0
|
|
}
|
|
|
|
.vf-loader-enter-active[data-v-e7fc9ef6] {
|
|
transition: opacity .5s cubic-bezier(.4, 0, .2, 1)
|
|
}
|
|
|
|
.vf-loader-leave-active[data-v-e7fc9ef6] {
|
|
transition: opacity .8s cubic-bezier(.4, 0, .2, 1), -webkit-filter .8s cubic-bezier(.4, 0, .2, 1), filter .8s cubic-bezier(.4, 0, .2, 1)
|
|
}
|
|
|
|
.vf-loader-enter-from[data-v-e7fc9ef6] {
|
|
opacity: 0
|
|
}
|
|
|
|
.vf-loader-leave-to[data-v-e7fc9ef6] {
|
|
opacity: 0;
|
|
-webkit-filter: blur(12px);
|
|
filter: blur(12px)
|
|
}
|
|
|
|
@keyframes vfGlowBlue-e7fc9ef6 {
|
|
|
|
0%,
|
|
to {
|
|
opacity: .6;
|
|
transform: translate(-50%, -50%)scale(1)
|
|
}
|
|
|
|
50% {
|
|
opacity: 1;
|
|
transform: translate(-50%, -50%)scale(1.2)
|
|
}
|
|
}
|
|
|
|
@keyframes vfGlowGreen-e7fc9ef6 {
|
|
|
|
0%,
|
|
to {
|
|
opacity: .5;
|
|
transform: translate(-50%, -50%)scale(1)
|
|
}
|
|
|
|
50% {
|
|
opacity: .9;
|
|
transform: translate(-50%, -50%)scale(1.15)
|
|
}
|
|
}
|
|
|
|
@keyframes vfRipple-e7fc9ef6 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate(-50%, -50%)scale(.8)
|
|
}
|
|
|
|
10% {
|
|
opacity: .6
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: translate(-50%, -50%)scale(2.5)
|
|
}
|
|
}
|
|
|
|
@keyframes vfSpinOuter-e7fc9ef6 {
|
|
0% {
|
|
transform: rotate(0)
|
|
}
|
|
|
|
to {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
@keyframes vfSpinInner-e7fc9ef6 {
|
|
0% {
|
|
transform: rotate(0)
|
|
}
|
|
|
|
to {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
@keyframes vfPulseCore-e7fc9ef6 {
|
|
|
|
0%,
|
|
to {
|
|
transform: translate(-50%, -50%)scale(1);
|
|
box-shadow: 0 0 0 4px rgba(41, 99, 153, .15), 0 0 20px rgba(90, 179, 125, .6), inset 0 1px rgba(255, 255, 255, .3)
|
|
}
|
|
|
|
50% {
|
|
transform: translate(-50%, -50%)scale(1.15);
|
|
box-shadow: 0 0 0 6px rgba(41, 99, 153, .25), 0 0 30px rgba(90, 179, 125, .8), inset 0 1px rgba(255, 255, 255, .4)
|
|
}
|
|
}
|
|
|
|
@keyframes vfSlide-e7fc9ef6 {
|
|
0% {
|
|
background-position: -200% 0
|
|
}
|
|
|
|
to {
|
|
background-position: 200% 0
|
|
}
|
|
}
|
|
|
|
@keyframes vfShimmer-e7fc9ef6 {
|
|
0% {
|
|
background-position: -100% 0
|
|
}
|
|
|
|
to {
|
|
background-position: 200% 0
|
|
}
|
|
}
|
|
|
|
@keyframes vfFadeIn-e7fc9ef6 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(15px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion:reduce) {
|
|
|
|
.vf-loader__ring--outer[data-v-e7fc9ef6],
|
|
.vf-loader__ring--inner[data-v-e7fc9ef6] {
|
|
animation: none
|
|
}
|
|
|
|
.vf-loader__core[data-v-e7fc9ef6] {
|
|
animation: 2s ease-in-out infinite vfPulseSimple-e7fc9ef6
|
|
}
|
|
|
|
.vf-loader__glow--blue[data-v-e7fc9ef6],
|
|
.vf-loader__glow--green[data-v-e7fc9ef6] {
|
|
opacity: .5;
|
|
animation: none
|
|
}
|
|
|
|
.vf-loader__ripple[data-v-e7fc9ef6] {
|
|
opacity: 0;
|
|
animation: none
|
|
}
|
|
|
|
.vf-loader__fill[data-v-e7fc9ef6] {
|
|
animation: 2s ease-in-out infinite vfPulseSimple-e7fc9ef6
|
|
}
|
|
|
|
.vf-loader__shimmer[data-v-e7fc9ef6] {
|
|
opacity: 0;
|
|
animation: none
|
|
}
|
|
|
|
.vf-loader__center[data-v-e7fc9ef6] {
|
|
opacity: 1;
|
|
animation: none
|
|
}
|
|
|
|
.vf-loader-enter-active[data-v-e7fc9ef6],
|
|
.vf-loader-leave-active[data-v-e7fc9ef6] {
|
|
transition: opacity .15s linear
|
|
}
|
|
|
|
.vf-loader-leave-to[data-v-e7fc9ef6] {
|
|
-webkit-filter: none;
|
|
filter: none
|
|
}
|
|
}
|
|
|
|
@keyframes vfPulseSimple-e7fc9ef6 {
|
|
|
|
0%,
|
|
to {
|
|
opacity: .4
|
|
}
|
|
|
|
50% {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.vf-loader__spinner[data-v-e7fc9ef6] {
|
|
width: 80px;
|
|
height: 80px
|
|
}
|
|
|
|
.vf-loader__ring--inner[data-v-e7fc9ef6] {
|
|
top: 10px;
|
|
bottom: 10px;
|
|
left: 10px;
|
|
right: 10px
|
|
}
|
|
|
|
.vf-loader__core[data-v-e7fc9ef6] {
|
|
width: 12px;
|
|
height: 12px
|
|
}
|
|
|
|
.vf-loader__track[data-v-e7fc9ef6] {
|
|
width: 160px
|
|
}
|
|
|
|
.vf-loader__text[data-v-e7fc9ef6] {
|
|
letter-spacing: .1em;
|
|
font-size: 11px
|
|
}
|
|
}
|
|
|
|
@media (max-width:360px) {
|
|
.vf-loader__spinner[data-v-e7fc9ef6] {
|
|
width: 70px;
|
|
height: 70px
|
|
}
|
|
|
|
.vf-loader__ring--inner[data-v-e7fc9ef6] {
|
|
top: 8px;
|
|
bottom: 8px;
|
|
left: 8px;
|
|
right: 8px
|
|
}
|
|
|
|
.vf-loader__core[data-v-e7fc9ef6] {
|
|
width: 10px;
|
|
height: 10px
|
|
}
|
|
|
|
.vf-loader__track[data-v-e7fc9ef6] {
|
|
width: 140px
|
|
}
|
|
|
|
.vf-loader__text[data-v-e7fc9ef6] {
|
|
letter-spacing: .08em;
|
|
font-size: 10px
|
|
}
|
|
}
|
|
|
|
.vf-navbar[data-v-fd4f9f80] {
|
|
width: 100%;
|
|
padding: var(--_ei, 8px) 0;
|
|
padding-top: calc(var(--_fa, env(safe-area-inset-top, 0px))+var(--_ei, 8px));
|
|
z-index: 20;
|
|
-webkit-text-size-adjust: 100%;
|
|
-webkit-backdrop-filter: saturate(140%);
|
|
backdrop-filter: saturate(140%);
|
|
background: linear-gradient(rgba(34, 86, 134, .98) 0%, rgba(26, 70, 112, .98) 100%);
|
|
border-bottom: 1px solid rgba(255, 255, 255, .08);
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative;
|
|
box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 8px 28px -12px rgba(15, 40, 65, .5)
|
|
}
|
|
|
|
.vf-navbar-container[data-v-fd4f9f80] {
|
|
width: 100%;
|
|
max-width: 1320px;
|
|
padding: 0 var(--_em, 24px);
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: var(--_ej, 12px);
|
|
margin: 0 auto;
|
|
display: flex
|
|
}
|
|
|
|
.vf-navbar-title[data-v-fd4f9f80] {
|
|
font-size: inherit;
|
|
margin: 0;
|
|
line-height: 1
|
|
}
|
|
|
|
.vf-navbar-brand[data-v-fd4f9f80] {
|
|
padding: var(--_eh, 4px) 0;
|
|
-webkit-tap-highlight-color: transparent;
|
|
-webkit-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .18));
|
|
filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .18));
|
|
align-items: center;
|
|
text-decoration: none;
|
|
transition: transform .25s cubic-bezier(.22, .61, .36, 1);
|
|
display: inline-flex
|
|
}
|
|
|
|
.vf-navbar-brand[data-v-fd4f9f80]:hover {
|
|
transform: translateY(-1px)
|
|
}
|
|
|
|
.vf-navbar-brand img[data-v-fd4f9f80] {
|
|
width: auto;
|
|
height: 50px;
|
|
display: block
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.vf-navbar-container[data-v-fd4f9f80] {
|
|
padding: 0 var(--_ek, 16px)
|
|
}
|
|
|
|
.vf-navbar-brand img[data-v-fd4f9f80] {
|
|
height: 38px
|
|
}
|
|
}
|
|
|
|
@media (max-width:375px) {
|
|
.vf-navbar-container[data-v-fd4f9f80] {
|
|
padding: 0 var(--_ej, 12px)
|
|
}
|
|
|
|
.vf-navbar-brand img[data-v-fd4f9f80] {
|
|
height: 34px
|
|
}
|
|
}
|
|
|
|
.vf-footer[data-v-e2b7f15f] {
|
|
color: rgba(255, 255, 255, .92);
|
|
-webkit-text-size-adjust: 100%;
|
|
-webkit-font-smoothing: antialiased;
|
|
background: linear-gradient(#1e4e7c 0%, #163c60 100%);
|
|
flex-shrink: 0;
|
|
width: 100%;
|
|
position: relative
|
|
}
|
|
|
|
.vf-footer__accent[data-v-e2b7f15f] {
|
|
opacity: .85;
|
|
background: linear-gradient(90deg, #296399 0%, #5ab37d 40%, #296399 70%, #5ab37d 100%) 0 0/200% 100%;
|
|
height: 3px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0
|
|
}
|
|
|
|
.vf-footer__inner[data-v-e2b7f15f] {
|
|
max-width: 1100px;
|
|
padding: 1.75rem 2rem;
|
|
padding-bottom: max(1.75rem, calc(env(safe-area-inset-bottom, 0px)+1rem));
|
|
text-align: center;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: .75rem;
|
|
margin: 0 auto;
|
|
display: flex
|
|
}
|
|
|
|
.vf-footer__brand[data-v-e2b7f15f] {
|
|
color: rgba(255, 255, 255, .7);
|
|
align-items: center;
|
|
gap: .5rem;
|
|
display: flex
|
|
}
|
|
|
|
.vf-footer__shield[data-v-e2b7f15f] {
|
|
opacity: .65;
|
|
width: 18px;
|
|
height: 18px
|
|
}
|
|
|
|
.vf-footer__title[data-v-e2b7f15f] {
|
|
letter-spacing: .12em;
|
|
text-transform: uppercase;
|
|
opacity: .6;
|
|
font-size: 13px;
|
|
font-weight: 600
|
|
}
|
|
|
|
.vf-footer__text[data-v-e2b7f15f] {
|
|
color: rgba(255, 255, 255, .82);
|
|
letter-spacing: .01em;
|
|
overflow-wrap: break-word;
|
|
word-break: break-word;
|
|
max-width: 640px;
|
|
margin: 0;
|
|
font-size: 13.5px;
|
|
line-height: 1.65
|
|
}
|
|
|
|
.vf-footer__meta[data-v-e2b7f15f] {
|
|
align-items: center;
|
|
gap: .75rem;
|
|
margin-top: .25rem;
|
|
display: flex
|
|
}
|
|
|
|
.vf-footer__link[data-v-e2b7f15f] {
|
|
color: rgba(255, 255, 255, .9);
|
|
cursor: pointer;
|
|
border-bottom: 1px solid rgba(255, 255, 255, .3);
|
|
padding-bottom: 1px;
|
|
font-size: 12.5px;
|
|
text-decoration: none;
|
|
transition: border-color .2s, color .2s
|
|
}
|
|
|
|
.vf-footer__link[data-v-e2b7f15f]:hover {
|
|
color: #fff;
|
|
border-bottom-color: rgba(255, 255, 255, .8)
|
|
}
|
|
|
|
.vf-footer__link[data-v-e2b7f15f]:focus-visible {
|
|
border-radius: 2px;
|
|
outline: none;
|
|
box-shadow: 0 0 0 2px rgba(255, 255, 255, .35)
|
|
}
|
|
|
|
.vf-footer__sep[data-v-e2b7f15f] {
|
|
background: rgba(255, 255, 255, .3);
|
|
border-radius: 50%;
|
|
width: 3px;
|
|
height: 3px
|
|
}
|
|
|
|
.vf-footer__version[data-v-e2b7f15f] {
|
|
color: rgba(255, 255, 255, .35);
|
|
letter-spacing: .04em;
|
|
font-family: SF Mono, Menlo, Consolas, monospace;
|
|
font-size: 11px
|
|
}
|
|
|
|
@media (max-width:720px) {
|
|
.vf-footer__inner[data-v-e2b7f15f] {
|
|
padding: 1.5rem 1.25rem;
|
|
padding-bottom: max(1.5rem, calc(env(safe-area-inset-bottom, 0px)+.75rem))
|
|
}
|
|
|
|
.vf-footer__text[data-v-e2b7f15f] {
|
|
font-size: 13px
|
|
}
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.vf-footer__inner[data-v-e2b7f15f] {
|
|
padding: 1.25rem 1rem;
|
|
padding-bottom: max(1.25rem, calc(env(safe-area-inset-bottom, 0px)+.75rem));
|
|
gap: .625rem
|
|
}
|
|
|
|
.vf-footer__brand[data-v-e2b7f15f] {
|
|
gap: .375rem
|
|
}
|
|
|
|
.vf-footer__shield[data-v-e2b7f15f] {
|
|
width: 16px;
|
|
height: 16px
|
|
}
|
|
|
|
.vf-footer__title[data-v-e2b7f15f] {
|
|
font-size: 12px
|
|
}
|
|
|
|
.vf-footer__text[data-v-e2b7f15f] {
|
|
font-size: 12.5px;
|
|
line-height: 1.55
|
|
}
|
|
|
|
.vf-footer__meta[data-v-e2b7f15f] {
|
|
flex-direction: column;
|
|
gap: .375rem
|
|
}
|
|
|
|
.vf-footer__sep[data-v-e2b7f15f] {
|
|
display: none
|
|
}
|
|
|
|
.vf-footer__version[data-v-e2b7f15f] {
|
|
font-size: 10px
|
|
}
|
|
}
|
|
|
|
@media (max-width:375px) {
|
|
.vf-footer__inner[data-v-e2b7f15f] {
|
|
padding: 1rem .75rem;
|
|
padding-bottom: max(1rem, calc(env(safe-area-inset-bottom, 0px)+.5rem))
|
|
}
|
|
|
|
.vf-footer__text[data-v-e2b7f15f] {
|
|
font-size: 12px
|
|
}
|
|
}
|
|
|
|
@media (max-width:360px) {
|
|
.vf-footer__inner[data-v-e2b7f15f] {
|
|
padding: .875rem .625rem;
|
|
padding-bottom: max(.875rem, calc(env(safe-area-inset-bottom, 0px)+.5rem));
|
|
gap: .5rem
|
|
}
|
|
|
|
.vf-footer__title[data-v-e2b7f15f] {
|
|
font-size: 11px
|
|
}
|
|
|
|
.vf-footer__text[data-v-e2b7f15f] {
|
|
font-size: 11px;
|
|
line-height: 1.5
|
|
}
|
|
|
|
.vf-footer__link[data-v-e2b7f15f] {
|
|
font-size: 11px
|
|
}
|
|
|
|
.vf-footer__version[data-v-e2b7f15f] {
|
|
font-size: 9px
|
|
}
|
|
}
|
|
|
|
#app {
|
|
min-height: 100dvh;
|
|
background: var(--_fm, #f5f6f8);
|
|
flex-direction: column;
|
|
min-height: -webkit-fill-available;
|
|
display: flex
|
|
}
|
|
|
|
.vf-main {
|
|
flex-direction: column;
|
|
flex: 1 0 auto;
|
|
display: flex
|
|
}
|
|
|
|
.fade-enter-active {
|
|
transition: opacity .3s var(--_ge, cubic-bezier(.22, .61, .36, 1))
|
|
}
|
|
|
|
.fade-leave-active {
|
|
transition: opacity .15s var(--_gd, cubic-bezier(.4, 0, .2, 1))
|
|
}
|
|
|
|
.fade-enter-from,
|
|
.fade-leave-to {
|
|
opacity: 0
|
|
}
|
|
|
|
.idx-wrap[data-v-705e723c] {
|
|
--_f: #1a3a5c;
|
|
--_g: #15304d;
|
|
--_h: #296399;
|
|
--_i: #eaf2f9;
|
|
--_j: #00722d;
|
|
max-width: 520px;
|
|
padding: var(--_en, 32px) var(--_ek, 16px);
|
|
padding-bottom: max(var(--_en, 32px), env(safe-area-inset-bottom, 0px));
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin: 0 auto;
|
|
display: flex
|
|
}
|
|
|
|
.idx-badge[data-v-705e723c] {
|
|
background: var(--_i);
|
|
border: 1px solid var(--_ef, #e4e7ec);
|
|
color: var(--_f);
|
|
letter-spacing: .03em;
|
|
text-transform: uppercase;
|
|
margin-bottom: var(--_ek, 16px);
|
|
border-radius: 999px;
|
|
align-items: center;
|
|
gap: 6px;
|
|
padding: 5px 14px 5px 10px;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
display: inline-flex
|
|
}
|
|
|
|
.idx-badge__dot[data-v-705e723c] {
|
|
background: var(--_j);
|
|
border-radius: 999px;
|
|
width: 6px;
|
|
height: 6px;
|
|
animation: 2.4s ease-in-out infinite idx-pulse-705e723c;
|
|
box-shadow: 0 0 0 3px rgba(0, 114, 45, .15)
|
|
}
|
|
|
|
@keyframes idx-pulse-705e723c {
|
|
|
|
0%,
|
|
to {
|
|
box-shadow: 0 0 0 3px rgba(0, 114, 45, .15)
|
|
}
|
|
|
|
50% {
|
|
box-shadow: 0 0 0 5px rgba(0, 114, 45, .06)
|
|
}
|
|
}
|
|
|
|
.idx-title[data-v-705e723c] {
|
|
font-size: var(--_et, 24px);
|
|
letter-spacing: -.02em;
|
|
color: var(--_du, #1d2939);
|
|
text-align: center;
|
|
margin: 0 0 var(--_ei, 8px);
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.idx-subtitle[data-v-705e723c] {
|
|
font-size: var(--_ep, 13px);
|
|
color: var(--_dw, #98a2b3);
|
|
text-align: center;
|
|
margin: 0 0 var(--_em, 24px);
|
|
font-weight: 400;
|
|
line-height: 1.5
|
|
}
|
|
|
|
.idx-steps[data-v-705e723c] {
|
|
margin-bottom: var(--_em, 24px);
|
|
align-items: center;
|
|
gap: 0;
|
|
width: 100%;
|
|
max-width: 320px;
|
|
display: flex
|
|
}
|
|
|
|
.idx-step[data-v-705e723c] {
|
|
color: var(--_dw, #98a2b3);
|
|
font-size: var(--_eo, 12px);
|
|
white-space: nowrap;
|
|
align-items: center;
|
|
gap: 6px;
|
|
font-weight: 500;
|
|
display: flex
|
|
}
|
|
|
|
.idx-step__num[data-v-705e723c] {
|
|
background: var(--_ed, #f9fafb);
|
|
border: 1px solid var(--_ef, #e4e7ec);
|
|
width: 26px;
|
|
height: 26px;
|
|
font-size: var(--_eo, 12px);
|
|
color: var(--_dw, #98a2b3);
|
|
transition: all .2s var(--_ev);
|
|
border-radius: 999px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-weight: 600;
|
|
display: inline-flex
|
|
}
|
|
|
|
.idx-step.is-active[data-v-705e723c] {
|
|
color: var(--_du, #1d2939);
|
|
font-weight: 600
|
|
}
|
|
|
|
.idx-step.is-active .idx-step__num[data-v-705e723c] {
|
|
background: var(--_f);
|
|
color: #fff;
|
|
border-color: var(--_f);
|
|
box-shadow: 0 0 0 3px var(--_i)
|
|
}
|
|
|
|
.idx-step__line[data-v-705e723c] {
|
|
background: var(--_ef, #e4e7ec);
|
|
height: 1px;
|
|
margin: 0 var(--_ei, 8px);
|
|
flex: 1
|
|
}
|
|
|
|
.idx-card[data-v-705e723c] {
|
|
background: var(--_eb, #fff);
|
|
border: 1px solid var(--_ef, #e4e7ec);
|
|
border-radius: var(--_db, 12px);
|
|
width: 100%;
|
|
padding: var(--_em, 24px);
|
|
box-shadow: var(--_dd);
|
|
flex-direction: column;
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative
|
|
}
|
|
|
|
.idx-card__icon[data-v-705e723c] {
|
|
border-radius: var(--_da, 8px);
|
|
background: var(--_i);
|
|
width: 44px;
|
|
height: 44px;
|
|
color: var(--_f);
|
|
margin-bottom: var(--_ej, 12px);
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.idx-card__title[data-v-705e723c] {
|
|
font-size: var(--_er, 16px);
|
|
color: var(--_du, #1d2939);
|
|
margin: 0 0 var(--_eh, 4px);
|
|
text-align: center;
|
|
letter-spacing: -.01em;
|
|
font-weight: 600
|
|
}
|
|
|
|
.idx-card__desc[data-v-705e723c] {
|
|
font-size: var(--_ep, 13px);
|
|
color: var(--_dv, #475467);
|
|
margin: 0 0 var(--_el, 20px);
|
|
text-align: center;
|
|
line-height: 1.5
|
|
}
|
|
|
|
.idx-form[data-v-705e723c] {
|
|
width: 100%
|
|
}
|
|
|
|
.idx-field[data-v-705e723c] {
|
|
margin-bottom: var(--_ek, 16px)
|
|
}
|
|
|
|
.vf-label[data-v-705e723c] {
|
|
font-size: var(--_eo, 12px);
|
|
color: var(--_dv, #475467);
|
|
letter-spacing: .02em;
|
|
text-transform: uppercase;
|
|
margin-bottom: 6px;
|
|
font-weight: 600;
|
|
display: block
|
|
}
|
|
|
|
.vf-input[data-v-705e723c] {
|
|
width: 100%;
|
|
height: 44px;
|
|
padding: 0 var(--_ej, 12px);
|
|
border: 1px solid var(--_ee, #d0d5dd);
|
|
border-radius: var(--_da, 8px);
|
|
font-family: var(--_ez);
|
|
font-size: var(--_eq, 14px);
|
|
color: var(--_du, #1d2939);
|
|
background: #fff;
|
|
outline: none;
|
|
transition: border-color .15s, box-shadow .2s
|
|
}
|
|
|
|
.vf-input[data-v-705e723c]::-webkit-input-placeholder {
|
|
color: var(--_dw, #98a2b3);
|
|
font-weight: 400
|
|
}
|
|
|
|
.vf-input[data-v-705e723c]::-moz-placeholder {
|
|
color: var(--_dw, #98a2b3);
|
|
font-weight: 400
|
|
}
|
|
|
|
.vf-input[data-v-705e723c]::-ms-input-placeholder {
|
|
color: var(--_dw, #98a2b3);
|
|
font-weight: 400
|
|
}
|
|
|
|
.vf-input[data-v-705e723c]::placeholder {
|
|
color: var(--_dw, #98a2b3);
|
|
font-weight: 400
|
|
}
|
|
|
|
.vf-input[data-v-705e723c]:hover:not(:focus):not(.is-invalid) {
|
|
border-color: #98a2b3
|
|
}
|
|
|
|
.vf-input.is-invalid[data-v-705e723c] {
|
|
border-color: var(--_dr, #c0392b);
|
|
background: var(--_ds, #fdecea);
|
|
animation: .25s idx-shake-705e723c
|
|
}
|
|
|
|
.vf-input.vf-focus-ring[data-v-705e723c]:focus {
|
|
border-color: var(--_h);
|
|
box-shadow: 0 0 0 3px var(--_i)
|
|
}
|
|
|
|
.vf-input.is-invalid[data-v-705e723c]:focus {
|
|
border-color: var(--_dr, #c0392b);
|
|
box-shadow: 0 0 0 3px rgba(192, 57, 43, .1)
|
|
}
|
|
|
|
.idx-select-wrap[data-v-705e723c] {
|
|
position: relative
|
|
}
|
|
|
|
.idx-select-wrap .vf-input[data-v-705e723c] {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-ms-appearance: none;
|
|
appearance: none;
|
|
cursor: pointer;
|
|
padding-right: 36px
|
|
}
|
|
|
|
.idx-select-wrap__arrow[data-v-705e723c] {
|
|
color: var(--_dw, #98a2b3);
|
|
pointer-events: none;
|
|
display: inline-flex;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 12px;
|
|
transform: translateY(-50%)
|
|
}
|
|
|
|
.idx-input-wrap[data-v-705e723c] {
|
|
position: relative
|
|
}
|
|
|
|
.idx-plate-input[data-v-705e723c] {
|
|
letter-spacing: .08em;
|
|
text-transform: uppercase;
|
|
font-variant-numeric: tabular-nums;
|
|
padding-left: 42px;
|
|
font-weight: 600
|
|
}
|
|
|
|
.idx-plate-input[data-v-705e723c]::-webkit-input-placeholder {
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
font-weight: 400
|
|
}
|
|
|
|
.idx-plate-input[data-v-705e723c]::-moz-placeholder {
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
font-weight: 400
|
|
}
|
|
|
|
.idx-plate-input[data-v-705e723c]::-ms-input-placeholder {
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
font-weight: 400
|
|
}
|
|
|
|
.idx-plate-input[data-v-705e723c]::placeholder {
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
font-weight: 400
|
|
}
|
|
|
|
.idx-input-wrap__icon[data-v-705e723c] {
|
|
border-radius: var(--_cz, 4px);
|
|
background: var(--_f);
|
|
color: #fff;
|
|
pointer-events: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 28px;
|
|
height: 28px;
|
|
display: inline-flex;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 8px;
|
|
transform: translateY(-50%)
|
|
}
|
|
|
|
.idx-hint[data-v-705e723c] {
|
|
color: var(--_dw, #98a2b3);
|
|
align-items: center;
|
|
gap: 4px;
|
|
margin-top: 6px;
|
|
font-size: 11px;
|
|
display: flex
|
|
}
|
|
|
|
@keyframes idx-shake-705e723c {
|
|
0% {
|
|
transform: translate(0)
|
|
}
|
|
|
|
20% {
|
|
transform: translate(-4px)
|
|
}
|
|
|
|
40% {
|
|
transform: translate(4px)
|
|
}
|
|
|
|
60% {
|
|
transform: translate(-3px)
|
|
}
|
|
|
|
80% {
|
|
transform: translate(2px)
|
|
}
|
|
|
|
to {
|
|
transform: translate(0)
|
|
}
|
|
}
|
|
|
|
@keyframes idx-err-in-705e723c {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(-2px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
.vf-field-err[data-v-705e723c] {
|
|
font-size: var(--_eo, 12px);
|
|
color: var(--_dr, #c0392b);
|
|
align-items: center;
|
|
gap: 6px;
|
|
margin: 6px 0 0;
|
|
animation: .2s both idx-err-in-705e723c;
|
|
display: inline-flex
|
|
}
|
|
|
|
.vf-field-err__icon[data-v-705e723c] {
|
|
background: var(--_dr, #c0392b);
|
|
color: #fff;
|
|
border-radius: 999px;
|
|
flex: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 16px;
|
|
height: 16px;
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
display: inline-flex
|
|
}
|
|
|
|
.vf-btn[data-v-705e723c] {
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: var(--_ei, 8px);
|
|
font-family: var(--_ez);
|
|
border-radius: var(--_da, 8px);
|
|
cursor: pointer;
|
|
border: 0;
|
|
width: 100%;
|
|
font-weight: 600;
|
|
transition: background .15s, box-shadow .2s;
|
|
display: inline-flex;
|
|
position: relative
|
|
}
|
|
|
|
.vf-btn[data-v-705e723c]:disabled {
|
|
cursor: not-allowed;
|
|
opacity: .5
|
|
}
|
|
|
|
.vf-btn[data-v-705e723c]:focus-visible {
|
|
outline: 3px solid var(--_i);
|
|
outline-offset: 1px
|
|
}
|
|
|
|
.vf-btn-primary[data-v-705e723c] {
|
|
height: 44px;
|
|
padding: 0 var(--_em, 24px);
|
|
background: var(--_f);
|
|
color: #fff;
|
|
font-size: var(--_eq, 14px);
|
|
letter-spacing: .01em
|
|
}
|
|
|
|
.vf-btn-primary[data-v-705e723c]:hover:not(:disabled) {
|
|
background: var(--_g);
|
|
box-shadow: 0 2px 8px rgba(26, 58, 92, .18)
|
|
}
|
|
|
|
.vf-btn-primary[data-v-705e723c]:active:not(:disabled) {
|
|
background: #112840
|
|
}
|
|
|
|
.idx-btn__icon[data-v-705e723c] {
|
|
flex: none;
|
|
transition: opacity .15s
|
|
}
|
|
|
|
.idx-btn__spinner[data-v-705e723c] {
|
|
border: 2px solid rgba(255, 255, 255, .35);
|
|
border-top-color: #fff;
|
|
border-radius: 999px;
|
|
flex: none;
|
|
width: 16px;
|
|
height: 16px;
|
|
animation: .72s linear infinite idx-spin-705e723c;
|
|
display: none
|
|
}
|
|
|
|
@keyframes idx-spin-705e723c {
|
|
to {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
.vf-btn.is-loading .idx-btn__spinner[data-v-705e723c] {
|
|
display: inline-block
|
|
}
|
|
|
|
.vf-btn.is-loading .idx-btn__icon[data-v-705e723c] {
|
|
display: none
|
|
}
|
|
|
|
.idx-secure[data-v-705e723c] {
|
|
margin-top: var(--_ek, 16px);
|
|
padding-top: var(--_ek, 16px);
|
|
border-top: 1px solid var(--_ef, #e4e7ec);
|
|
color: var(--_dw, #98a2b3);
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 6px;
|
|
width: 100%;
|
|
font-size: 11px;
|
|
font-weight: 500;
|
|
display: flex
|
|
}
|
|
|
|
.idx-features[data-v-705e723c] {
|
|
gap: var(--_ej, 12px);
|
|
margin-top: var(--_em, 24px);
|
|
grid-template-columns: repeat(4, 1fr);
|
|
width: 100%;
|
|
display: grid
|
|
}
|
|
|
|
.idx-feat[data-v-705e723c] {
|
|
align-items: center;
|
|
gap: var(--_ei, 8px);
|
|
padding: var(--_ek, 16px) var(--_ei, 8px);
|
|
background: var(--_eb, #fff);
|
|
border: 1px solid var(--_ef, #e4e7ec);
|
|
border-radius: var(--_da, 8px);
|
|
color: var(--_dv, #475467);
|
|
text-align: center;
|
|
flex-direction: column;
|
|
font-size: 11px;
|
|
font-weight: 500;
|
|
transition: border-color .2s, box-shadow .2s;
|
|
display: flex
|
|
}
|
|
|
|
.idx-feat[data-v-705e723c]:hover {
|
|
border-color: var(--_h);
|
|
box-shadow: var(--_dd)
|
|
}
|
|
|
|
.idx-feat__icon[data-v-705e723c] {
|
|
border-radius: var(--_da, 8px);
|
|
background: var(--_i);
|
|
width: 36px;
|
|
height: 36px;
|
|
color: var(--_f);
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition: background .2s, color .2s;
|
|
display: flex
|
|
}
|
|
|
|
.idx-feat:hover .idx-feat__icon[data-v-705e723c] {
|
|
background: var(--_f);
|
|
color: #fff
|
|
}
|
|
|
|
@media (prefers-reduced-motion:reduce) {
|
|
|
|
.vf-input.is-invalid[data-v-705e723c],
|
|
.idx-btn__spinner[data-v-705e723c],
|
|
.idx-badge__dot[data-v-705e723c],
|
|
.vf-field-err[data-v-705e723c] {
|
|
animation: none !important
|
|
}
|
|
}
|
|
|
|
@media (max-width:600px) {
|
|
.idx-wrap[data-v-705e723c] {
|
|
padding: var(--_em, 24px) var(--_ej, 12px)
|
|
}
|
|
|
|
.idx-title[data-v-705e723c] {
|
|
font-size: 20px
|
|
}
|
|
|
|
.idx-features[data-v-705e723c] {
|
|
grid-template-columns: repeat(2, 1fr)
|
|
}
|
|
}
|
|
|
|
@media (max-width:400px) {
|
|
.idx-wrap[data-v-705e723c] {
|
|
padding: var(--_ek, 16px) var(--_ej, 12px)
|
|
}
|
|
|
|
.idx-title[data-v-705e723c] {
|
|
font-size: 18px
|
|
}
|
|
|
|
.idx-subtitle[data-v-705e723c] {
|
|
font-size: 12px
|
|
}
|
|
|
|
.idx-card[data-v-705e723c] {
|
|
padding: var(--_ek, 16px)
|
|
}
|
|
|
|
.idx-features[data-v-705e723c] {
|
|
gap: var(--_ei, 8px)
|
|
}
|
|
|
|
.idx-feat[data-v-705e723c] {
|
|
padding: var(--_ej, 12px) var(--_eh, 4px);
|
|
font-size: 10px
|
|
}
|
|
|
|
.idx-feat__icon[data-v-705e723c] {
|
|
width: 32px;
|
|
height: 32px
|
|
}
|
|
}
|
|
|
|
@media (max-width:320px) {
|
|
.idx-wrap[data-v-705e723c] {
|
|
padding: var(--_ej, 12px) var(--_ei, 8px)
|
|
}
|
|
|
|
.idx-title[data-v-705e723c] {
|
|
font-size: 16px
|
|
}
|
|
|
|
.idx-subtitle[data-v-705e723c] {
|
|
font-size: 11px
|
|
}
|
|
|
|
.idx-card[data-v-705e723c] {
|
|
padding: var(--_ej, 12px);
|
|
border-radius: var(--_da, 8px)
|
|
}
|
|
|
|
.idx-card__icon[data-v-705e723c] {
|
|
width: 36px;
|
|
height: 36px
|
|
}
|
|
|
|
.idx-card__title[data-v-705e723c] {
|
|
font-size: 14px
|
|
}
|
|
|
|
.idx-card__desc[data-v-705e723c] {
|
|
font-size: 12px
|
|
}
|
|
|
|
.idx-steps[data-v-705e723c] {
|
|
max-width: 260px
|
|
}
|
|
|
|
.idx-step__num[data-v-705e723c] {
|
|
width: 22px;
|
|
height: 22px;
|
|
font-size: 10px
|
|
}
|
|
|
|
.idx-step[data-v-705e723c] {
|
|
font-size: 10px
|
|
}
|
|
|
|
.vf-input[data-v-705e723c],
|
|
.vf-btn-primary[data-v-705e723c] {
|
|
height: 40px;
|
|
font-size: 13px
|
|
}
|
|
|
|
.idx-features[data-v-705e723c] {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: 6px
|
|
}
|
|
|
|
.idx-feat[data-v-705e723c] {
|
|
padding: var(--_ei, 8px) 4px;
|
|
font-size: 9px
|
|
}
|
|
|
|
.idx-feat__icon[data-v-705e723c] {
|
|
width: 28px;
|
|
height: 28px
|
|
}
|
|
}
|
|
|
|
@media (orientation:landscape) and (max-height:450px) {
|
|
.idx-wrap[data-v-705e723c] {
|
|
padding: var(--_ej, 12px) var(--_ek, 16px)
|
|
}
|
|
|
|
.idx-badge[data-v-705e723c] {
|
|
margin-bottom: var(--_ei, 8px)
|
|
}
|
|
|
|
.idx-title[data-v-705e723c] {
|
|
margin-bottom: 4px;
|
|
font-size: 18px
|
|
}
|
|
|
|
.idx-subtitle[data-v-705e723c],
|
|
.idx-steps[data-v-705e723c] {
|
|
margin-bottom: var(--_ej, 12px)
|
|
}
|
|
|
|
.idx-card[data-v-705e723c] {
|
|
padding: var(--_ek, 16px)
|
|
}
|
|
|
|
.idx-features[data-v-705e723c] {
|
|
margin-top: var(--_ej, 12px);
|
|
grid-template-columns: repeat(4, 1fr)
|
|
}
|
|
|
|
.idx-feat[data-v-705e723c] {
|
|
padding: var(--_ei, 8px) 4px
|
|
}
|
|
}
|
|
|
|
.vf-page.vf-query[data-v-6fbab1db] {
|
|
--_k: #296399;
|
|
--_l: #1f4d7a;
|
|
--_m: #edf3f9;
|
|
--_n: #4da672;
|
|
--_o: #3d8a5c;
|
|
--_p: #eef7f2;
|
|
--_q: #1a1f2e;
|
|
--_r: #4b5563;
|
|
--_s: #9ca3af;
|
|
--_t: #e5e7eb;
|
|
--_u: #f0f1f3;
|
|
--_v: #fff;
|
|
--_w: #f9fafb;
|
|
--_x: #c0392b;
|
|
--_y: #fef2f0;
|
|
--_z: 0 1px 2px rgba(0, 0, 0, .04);
|
|
--_aa: 0 2px 8px rgba(0, 0, 0, .06);
|
|
--_ab: 14px;
|
|
--_ac: cubic-bezier(.4, 0, .2, 1);
|
|
max-width: 960px;
|
|
padding: 20px 16px;
|
|
padding-bottom: max(24px, env(safe-area-inset-bottom, 0px));
|
|
margin: 0 auto
|
|
}
|
|
|
|
.vf-banner[data-v-6fbab1db] {
|
|
background: var(--_v);
|
|
border: 1px solid var(--_u);
|
|
border-left: 3px solid var(--_n);
|
|
border-radius: 10px;
|
|
align-items: center;
|
|
gap: 12px;
|
|
margin-bottom: 16px;
|
|
padding: 12px 16px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-banner__icon[data-v-6fbab1db] {
|
|
background: var(--_p);
|
|
width: 32px;
|
|
height: 32px;
|
|
color: var(--_o);
|
|
border-radius: 8px;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.vf-banner__body[data-v-6fbab1db] {
|
|
flex-direction: column;
|
|
gap: 1px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-banner__title[data-v-6fbab1db] {
|
|
color: var(--_q);
|
|
font-size: 13px;
|
|
font-weight: 650;
|
|
line-height: 1.4
|
|
}
|
|
|
|
.vf-banner__sub[data-v-6fbab1db] {
|
|
color: var(--_r);
|
|
font-size: 11.5px;
|
|
line-height: 1.4
|
|
}
|
|
|
|
.vf-stepper[data-v-6fbab1db] {
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 4px;
|
|
padding-bottom: 16px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-stepper__item[data-v-6fbab1db] {
|
|
flex-shrink: 0;
|
|
align-items: center;
|
|
gap: 8px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-stepper__num[data-v-6fbab1db] {
|
|
background: var(--_v);
|
|
width: 30px;
|
|
height: 30px;
|
|
color: var(--_s);
|
|
border: 1.5px solid var(--_t);
|
|
transition: all .25s var(--_ac);
|
|
border-radius: 50%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
display: flex
|
|
}
|
|
|
|
.vf-stepper__label[data-v-6fbab1db] {
|
|
color: var(--_s);
|
|
white-space: nowrap;
|
|
font-size: 12.5px;
|
|
font-weight: 500
|
|
}
|
|
|
|
.vf-stepper__item.is-done .vf-stepper__num[data-v-6fbab1db] {
|
|
background: var(--_p);
|
|
color: var(--_o);
|
|
border-color: rgba(77, 166, 114, .3)
|
|
}
|
|
|
|
.vf-stepper__item.is-done .vf-stepper__label[data-v-6fbab1db] {
|
|
color: var(--_o);
|
|
font-weight: 600
|
|
}
|
|
|
|
.vf-stepper__item.is-active .vf-stepper__num[data-v-6fbab1db] {
|
|
background: var(--_k);
|
|
color: #fff;
|
|
border-color: var(--_k);
|
|
box-shadow: 0 0 0 3px var(--_m)
|
|
}
|
|
|
|
.vf-stepper__item.is-active .vf-stepper__label[data-v-6fbab1db] {
|
|
color: var(--_k);
|
|
font-weight: 650
|
|
}
|
|
|
|
.vf-stepper__sep[data-v-6fbab1db] {
|
|
background: var(--_t);
|
|
border-radius: 1px;
|
|
flex: 1;
|
|
max-width: 100px;
|
|
height: 1.5px
|
|
}
|
|
|
|
.vf-stepper__sep.is-done[data-v-6fbab1db] {
|
|
background: var(--_n);
|
|
opacity: .5
|
|
}
|
|
|
|
.vf-card[data-v-6fbab1db] {
|
|
background: var(--_v);
|
|
border-radius: var(--_ab);
|
|
border: 1px solid var(--_u);
|
|
box-shadow: var(--_aa);
|
|
overflow: hidden
|
|
}
|
|
|
|
.vf-state[data-v-6fbab1db] {
|
|
text-align: center;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 10px;
|
|
padding: 64px 32px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-state--loading[data-v-6fbab1db] {
|
|
gap: 14px
|
|
}
|
|
|
|
.vf-state__icon[data-v-6fbab1db] {
|
|
color: var(--_s);
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.vf-state__title[data-v-6fbab1db] {
|
|
color: var(--_q);
|
|
margin: 0;
|
|
font-size: 16px;
|
|
font-weight: 650
|
|
}
|
|
|
|
.vf-state__text[data-v-6fbab1db] {
|
|
color: var(--_r);
|
|
margin: 0;
|
|
font-size: 14px;
|
|
line-height: 1.5
|
|
}
|
|
|
|
.vf-state__sub[data-v-6fbab1db] {
|
|
color: var(--_s);
|
|
margin: 0;
|
|
font-size: 12px
|
|
}
|
|
|
|
.vf-spinner[data-v-6fbab1db] {
|
|
border: 2.5px solid var(--_u);
|
|
border-top-color: var(--_k);
|
|
border-radius: 50%;
|
|
width: 28px;
|
|
height: 28px;
|
|
animation: .7s linear infinite spin-6fbab1db;
|
|
display: inline-block
|
|
}
|
|
|
|
@keyframes spin-6fbab1db {
|
|
to {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
.vf-result[data-v-6fbab1db] {
|
|
grid-template-columns: 1fr 280px;
|
|
display: grid
|
|
}
|
|
|
|
.vf-result__main[data-v-6fbab1db] {
|
|
border-right: 1px solid var(--_u);
|
|
min-width: 0;
|
|
padding: 28px
|
|
}
|
|
|
|
.vf-result__head[data-v-6fbab1db] {
|
|
border-bottom: 1px solid var(--_u);
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin-bottom: 22px;
|
|
padding-bottom: 16px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-result__head-left[data-v-6fbab1db] {
|
|
align-items: center;
|
|
gap: 10px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-result__head-icon[data-v-6fbab1db] {
|
|
background: var(--_m);
|
|
width: 36px;
|
|
height: 36px;
|
|
color: var(--_k);
|
|
border-radius: 9px;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.vf-result__title[data-v-6fbab1db] {
|
|
color: var(--_q);
|
|
letter-spacing: -.02em;
|
|
margin: 0;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 1.3
|
|
}
|
|
|
|
.vf-plate[data-v-6fbab1db] {
|
|
background: var(--_m);
|
|
border: 1px solid rgba(41, 99, 153, .12);
|
|
border-radius: 10px;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 22px;
|
|
padding: 12px 16px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-plate__label[data-v-6fbab1db] {
|
|
color: var(--_l);
|
|
text-transform: uppercase;
|
|
letter-spacing: .08em;
|
|
font-size: 11px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.vf-plate__value[data-v-6fbab1db] {
|
|
color: var(--_l);
|
|
letter-spacing: .06em;
|
|
background: rgba(255, 255, 255, .85);
|
|
border: 1px solid rgba(41, 99, 153, .12);
|
|
border-radius: 6px;
|
|
padding: 4px 12px;
|
|
font-size: 15px;
|
|
font-weight: 800
|
|
}
|
|
|
|
.vf-tag[data-v-6fbab1db] {
|
|
border-radius: 999px;
|
|
align-items: center;
|
|
gap: 5px;
|
|
padding: 4px 11px;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
display: inline-flex
|
|
}
|
|
|
|
.vf-tag--sm[data-v-6fbab1db] {
|
|
padding: 3px 9px;
|
|
font-size: 11px
|
|
}
|
|
|
|
.vf-tag--danger[data-v-6fbab1db] {
|
|
background: var(--_y);
|
|
color: var(--_x);
|
|
border: 1px solid rgba(192, 57, 43, .12)
|
|
}
|
|
|
|
.vf-tag__dot[data-v-6fbab1db] {
|
|
background: currentColor;
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
width: 5px;
|
|
height: 5px
|
|
}
|
|
|
|
.vf-details[data-v-6fbab1db] {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none
|
|
}
|
|
|
|
.vf-details__row[data-v-6fbab1db] {
|
|
border-bottom: 1px solid var(--_u);
|
|
animation: fadeRow-6fbab1db .25s var(--_ac) both;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 13px 0;
|
|
display: flex
|
|
}
|
|
|
|
.vf-details__row[data-v-6fbab1db]:last-child {
|
|
border-bottom: none
|
|
}
|
|
|
|
.vf-details__row[data-v-6fbab1db]:first-child {
|
|
animation-delay: 40ms
|
|
}
|
|
|
|
.vf-details__row[data-v-6fbab1db]:nth-child(2) {
|
|
animation-delay: 80ms
|
|
}
|
|
|
|
.vf-details__row[data-v-6fbab1db]:nth-child(3) {
|
|
animation-delay: .12s
|
|
}
|
|
|
|
.vf-details__row[data-v-6fbab1db]:nth-child(4) {
|
|
animation-delay: .16s
|
|
}
|
|
|
|
.vf-details__row[data-v-6fbab1db]:nth-child(5) {
|
|
animation-delay: .2s
|
|
}
|
|
|
|
@keyframes fadeRow-6fbab1db {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(4px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
.vf-details__key[data-v-6fbab1db] {
|
|
color: var(--_r);
|
|
font-size: 13px;
|
|
font-weight: 500
|
|
}
|
|
|
|
.vf-details__val[data-v-6fbab1db] {
|
|
color: var(--_q);
|
|
text-align: right;
|
|
font-size: 13.5px;
|
|
font-weight: 600
|
|
}
|
|
|
|
.vf-mono[data-v-6fbab1db] {
|
|
font-variant-numeric: tabular-nums;
|
|
letter-spacing: .03em;
|
|
font-family: SF Mono, Roboto Mono, Menlo, ui-monospace, monospace
|
|
}
|
|
|
|
.vf-note[data-v-6fbab1db] {
|
|
background: var(--_w);
|
|
border: 1px solid var(--_u);
|
|
border-radius: 8px;
|
|
align-items: flex-start;
|
|
gap: 8px;
|
|
margin-top: 16px;
|
|
padding: 10px 12px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-note__icon[data-v-6fbab1db] {
|
|
color: var(--_s);
|
|
flex-shrink: 0;
|
|
margin-top: 1px
|
|
}
|
|
|
|
.vf-note__text[data-v-6fbab1db] {
|
|
color: var(--_s);
|
|
font-size: 12px;
|
|
line-height: 1.5
|
|
}
|
|
|
|
.vf-actions[data-v-6fbab1db] {
|
|
border-top: 1px solid var(--_u);
|
|
justify-content: flex-end;
|
|
margin-top: 22px;
|
|
padding-top: 16px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-btn--ghost[data-v-6fbab1db] {
|
|
border: 1px solid var(--_t);
|
|
background: var(--_v);
|
|
height: 38px;
|
|
color: var(--_r);
|
|
cursor: pointer;
|
|
transition: all .15s var(--_ac);
|
|
border-radius: 8px;
|
|
align-items: center;
|
|
gap: 6px;
|
|
padding: 0 14px;
|
|
font-size: 13.5px;
|
|
font-weight: 500;
|
|
display: inline-flex
|
|
}
|
|
|
|
.vf-btn--ghost[data-v-6fbab1db]:hover {
|
|
border-color: var(--_k);
|
|
color: var(--_k);
|
|
background: var(--_m)
|
|
}
|
|
|
|
.vf-btn--ghost[data-v-6fbab1db]:focus-visible {
|
|
outline: 3px solid var(--_m);
|
|
outline-offset: 1px
|
|
}
|
|
|
|
.vf-btn--primary[data-v-6fbab1db] {
|
|
background: var(--_n);
|
|
color: #fff;
|
|
cursor: pointer;
|
|
height: 44px;
|
|
transition: all .2s var(--_ac);
|
|
border: none;
|
|
border-radius: 10px;
|
|
align-items: center;
|
|
gap: 8px;
|
|
padding: 0 24px;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
display: inline-flex;
|
|
box-shadow: 0 4px 14px rgba(77, 166, 114, .3)
|
|
}
|
|
|
|
.vf-btn--primary[data-v-6fbab1db]:hover {
|
|
background: var(--_o);
|
|
transform: translateY(-1px);
|
|
box-shadow: 0 6px 20px rgba(77, 166, 114, .35)
|
|
}
|
|
|
|
.vf-btn--primary[data-v-6fbab1db]:active {
|
|
transform: translateY(0);
|
|
box-shadow: 0 2px 6px rgba(77, 166, 114, .25)
|
|
}
|
|
|
|
.vf-btn--primary[data-v-6fbab1db]:focus-visible {
|
|
outline: 3px solid var(--_p);
|
|
outline-offset: 2px
|
|
}
|
|
|
|
.vf-aside[data-v-6fbab1db] {
|
|
background: var(--_w);
|
|
flex-direction: column;
|
|
padding: 24px 20px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-aside__title[data-v-6fbab1db] {
|
|
color: var(--_r);
|
|
text-transform: uppercase;
|
|
letter-spacing: .08em;
|
|
border-bottom: 1px solid var(--_t);
|
|
margin: 0 0 14px;
|
|
padding-bottom: 10px;
|
|
font-size: 11px;
|
|
font-weight: 750
|
|
}
|
|
|
|
.vf-aside__rows[data-v-6fbab1db] {
|
|
flex-direction: column;
|
|
margin-bottom: 14px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-aside__row[data-v-6fbab1db] {
|
|
border-bottom: 1px solid var(--_u);
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 8px;
|
|
padding: 9px 0;
|
|
display: flex
|
|
}
|
|
|
|
.vf-aside__row[data-v-6fbab1db]:last-child {
|
|
border-bottom: none
|
|
}
|
|
|
|
.vf-aside__label[data-v-6fbab1db] {
|
|
color: var(--_r);
|
|
font-size: 12.5px
|
|
}
|
|
|
|
.vf-aside__val[data-v-6fbab1db] {
|
|
color: var(--_q);
|
|
text-align: right;
|
|
font-size: 12.5px;
|
|
font-weight: 600
|
|
}
|
|
|
|
.vf-aside__val--danger[data-v-6fbab1db] {
|
|
color: var(--_x)
|
|
}
|
|
|
|
.vf-plate-tag[data-v-6fbab1db] {
|
|
background: var(--_m);
|
|
color: var(--_l);
|
|
letter-spacing: .05em;
|
|
border: 1px solid rgba(41, 99, 153, .12);
|
|
border-radius: 4px;
|
|
padding: 2px 8px;
|
|
font-weight: 800
|
|
}
|
|
|
|
.vf-total[data-v-6fbab1db] {
|
|
background: var(--_v);
|
|
border: 1px solid var(--_t);
|
|
box-shadow: var(--_z);
|
|
border-radius: 12px;
|
|
margin-bottom: 14px;
|
|
padding: 16px
|
|
}
|
|
|
|
.vf-total__label[data-v-6fbab1db] {
|
|
color: var(--_r);
|
|
text-transform: uppercase;
|
|
letter-spacing: .08em;
|
|
margin-bottom: 8px;
|
|
font-size: 10px;
|
|
font-weight: 750;
|
|
display: block
|
|
}
|
|
|
|
.vf-total__amount[data-v-6fbab1db] {
|
|
color: var(--_q);
|
|
letter-spacing: -.03em;
|
|
font-size: 28px;
|
|
font-weight: 800;
|
|
line-height: 1.1
|
|
}
|
|
|
|
.vf-total__hint[data-v-6fbab1db] {
|
|
color: var(--_o);
|
|
border-top: 1px dashed rgba(77, 166, 114, .2);
|
|
align-items: center;
|
|
gap: 5px;
|
|
margin-top: 8px;
|
|
padding-top: 8px;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
display: flex
|
|
}
|
|
|
|
.vf-total__hint[data-v-6fbab1db]:before {
|
|
content: "\002713";
|
|
background: var(--_n);
|
|
color: #fff;
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 9px;
|
|
font-weight: 900;
|
|
display: inline-flex
|
|
}
|
|
|
|
.vf-warn[data-v-6fbab1db] {
|
|
background: #fffbeb;
|
|
border: 1px solid rgba(234, 179, 8, .25);
|
|
border-radius: 8px;
|
|
align-items: flex-start;
|
|
gap: 8px;
|
|
margin-bottom: 12px;
|
|
padding: 10px 12px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-warn__icon[data-v-6fbab1db] {
|
|
color: #b8860b;
|
|
flex-shrink: 0;
|
|
margin-top: 1px
|
|
}
|
|
|
|
.vf-warn__text[data-v-6fbab1db] {
|
|
color: #78600b;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.5
|
|
}
|
|
|
|
.vf-trust[data-v-6fbab1db] {
|
|
align-items: flex-start;
|
|
gap: 6px;
|
|
margin-top: auto;
|
|
padding-top: 10px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-trust__icon[data-v-6fbab1db] {
|
|
color: var(--_s);
|
|
flex-shrink: 0;
|
|
margin-top: 1px
|
|
}
|
|
|
|
.vf-trust__text[data-v-6fbab1db] {
|
|
color: var(--_s);
|
|
font-size: 11.5px;
|
|
line-height: 1.5
|
|
}
|
|
|
|
@media (max-width:720px) {
|
|
.vf-result[data-v-6fbab1db] {
|
|
grid-template-columns: 1fr
|
|
}
|
|
|
|
.vf-result__main[data-v-6fbab1db] {
|
|
border-right: none;
|
|
border-bottom: 1px solid var(--_u);
|
|
padding: 16px
|
|
}
|
|
|
|
.vf-aside[data-v-6fbab1db] {
|
|
padding: 16px
|
|
}
|
|
|
|
.vf-result__title[data-v-6fbab1db] {
|
|
font-size: 16px
|
|
}
|
|
|
|
.vf-total__amount[data-v-6fbab1db] {
|
|
font-size: 24px
|
|
}
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.vf-page.vf-query[data-v-6fbab1db] {
|
|
padding: 14px 12px
|
|
}
|
|
|
|
.vf-banner[data-v-6fbab1db] {
|
|
gap: 8px;
|
|
padding: 10px 12px
|
|
}
|
|
|
|
.vf-banner__icon[data-v-6fbab1db] {
|
|
width: 28px;
|
|
height: 28px
|
|
}
|
|
|
|
.vf-banner__title[data-v-6fbab1db] {
|
|
font-size: 12px
|
|
}
|
|
|
|
.vf-banner__sub[data-v-6fbab1db] {
|
|
font-size: 10.5px
|
|
}
|
|
|
|
.vf-stepper[data-v-6fbab1db] {
|
|
gap: 2px
|
|
}
|
|
|
|
.vf-stepper__num[data-v-6fbab1db] {
|
|
width: 26px;
|
|
height: 26px;
|
|
font-size: 11px
|
|
}
|
|
|
|
.vf-stepper__label[data-v-6fbab1db] {
|
|
font-size: 10.5px
|
|
}
|
|
|
|
.vf-stepper__sep[data-v-6fbab1db] {
|
|
max-width: 60px
|
|
}
|
|
|
|
.vf-card[data-v-6fbab1db] {
|
|
border-radius: 10px
|
|
}
|
|
|
|
.vf-result__main[data-v-6fbab1db] {
|
|
padding: 12px
|
|
}
|
|
|
|
.vf-result__head[data-v-6fbab1db] {
|
|
gap: 8px;
|
|
margin-bottom: 14px;
|
|
padding-bottom: 12px
|
|
}
|
|
|
|
.vf-result__head-icon[data-v-6fbab1db] {
|
|
width: 30px;
|
|
height: 30px
|
|
}
|
|
|
|
.vf-result__title[data-v-6fbab1db] {
|
|
font-size: 15px
|
|
}
|
|
|
|
.vf-plate[data-v-6fbab1db] {
|
|
margin-bottom: 14px;
|
|
padding: 10px 12px
|
|
}
|
|
|
|
.vf-plate__label[data-v-6fbab1db] {
|
|
font-size: 10px
|
|
}
|
|
|
|
.vf-plate__value[data-v-6fbab1db] {
|
|
font-size: 13.5px
|
|
}
|
|
|
|
.vf-details__row[data-v-6fbab1db] {
|
|
padding: 11px 0
|
|
}
|
|
|
|
.vf-details__key[data-v-6fbab1db] {
|
|
font-size: 12px
|
|
}
|
|
|
|
.vf-details__val[data-v-6fbab1db] {
|
|
font-size: 12.5px
|
|
}
|
|
|
|
.vf-note[data-v-6fbab1db] {
|
|
margin-top: 12px;
|
|
padding: 8px 10px
|
|
}
|
|
|
|
.vf-note__text[data-v-6fbab1db] {
|
|
font-size: 11px
|
|
}
|
|
|
|
.vf-actions[data-v-6fbab1db] {
|
|
margin-top: 14px;
|
|
padding-top: 12px
|
|
}
|
|
|
|
.vf-btn--primary[data-v-6fbab1db] {
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 44px;
|
|
font-size: 14px
|
|
}
|
|
|
|
.vf-aside[data-v-6fbab1db] {
|
|
padding: 12px;
|
|
padding-bottom: max(12px, env(safe-area-inset-bottom, 0px))
|
|
}
|
|
|
|
.vf-total[data-v-6fbab1db] {
|
|
padding: 12px
|
|
}
|
|
|
|
.vf-total__amount[data-v-6fbab1db] {
|
|
font-size: 22px
|
|
}
|
|
|
|
.vf-warn[data-v-6fbab1db] {
|
|
padding: 8px 10px
|
|
}
|
|
|
|
.vf-warn__text[data-v-6fbab1db] {
|
|
font-size: 11px
|
|
}
|
|
|
|
.vf-state[data-v-6fbab1db] {
|
|
padding: 40px 16px
|
|
}
|
|
}
|
|
|
|
@media (max-width:375px) {
|
|
.vf-banner[data-v-6fbab1db] {
|
|
margin-bottom: 12px;
|
|
padding: 8px 10px
|
|
}
|
|
|
|
.vf-banner__icon[data-v-6fbab1db] {
|
|
width: 24px;
|
|
height: 24px
|
|
}
|
|
|
|
.vf-banner__title[data-v-6fbab1db] {
|
|
font-size: 11px
|
|
}
|
|
|
|
.vf-banner__sub[data-v-6fbab1db] {
|
|
font-size: 10px
|
|
}
|
|
|
|
.vf-stepper__num[data-v-6fbab1db] {
|
|
width: 24px;
|
|
height: 24px;
|
|
font-size: 10px
|
|
}
|
|
|
|
.vf-stepper__label[data-v-6fbab1db] {
|
|
font-size: 9.5px
|
|
}
|
|
|
|
.vf-stepper__sep[data-v-6fbab1db] {
|
|
max-width: 40px
|
|
}
|
|
|
|
.vf-result__main[data-v-6fbab1db] {
|
|
padding: 10px
|
|
}
|
|
|
|
.vf-result__head-icon[data-v-6fbab1db] {
|
|
width: 28px;
|
|
height: 28px
|
|
}
|
|
|
|
.vf-result__title[data-v-6fbab1db] {
|
|
font-size: 14px
|
|
}
|
|
|
|
.vf-tag[data-v-6fbab1db] {
|
|
padding: 3px 8px;
|
|
font-size: 10px
|
|
}
|
|
|
|
.vf-tag--sm[data-v-6fbab1db] {
|
|
padding: 2px 6px;
|
|
font-size: 10px
|
|
}
|
|
|
|
.vf-plate[data-v-6fbab1db] {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
gap: 6px;
|
|
padding: 8px 10px
|
|
}
|
|
|
|
.vf-plate__value[data-v-6fbab1db] {
|
|
font-size: 13px
|
|
}
|
|
|
|
.vf-details__row[data-v-6fbab1db] {
|
|
flex-wrap: wrap;
|
|
padding: 10px 0
|
|
}
|
|
|
|
.vf-details__key[data-v-6fbab1db] {
|
|
font-size: 11px
|
|
}
|
|
|
|
.vf-details__val[data-v-6fbab1db] {
|
|
text-align: left;
|
|
flex-basis: 100%;
|
|
margin-top: 2px;
|
|
font-size: 12px
|
|
}
|
|
|
|
.vf-btn--primary[data-v-6fbab1db] {
|
|
border-radius: 8px;
|
|
height: 44px;
|
|
font-size: 13.5px
|
|
}
|
|
|
|
.vf-aside[data-v-6fbab1db] {
|
|
padding: 10px;
|
|
padding-bottom: max(10px, env(safe-area-inset-bottom, 0px))
|
|
}
|
|
|
|
.vf-aside__label[data-v-6fbab1db],
|
|
.vf-aside__val[data-v-6fbab1db] {
|
|
font-size: 11.5px
|
|
}
|
|
|
|
.vf-total[data-v-6fbab1db] {
|
|
border-radius: 8px;
|
|
padding: 10px
|
|
}
|
|
|
|
.vf-total__amount[data-v-6fbab1db] {
|
|
font-size: 20px
|
|
}
|
|
|
|
.vf-warn[data-v-6fbab1db] {
|
|
gap: 6px;
|
|
padding: 8px
|
|
}
|
|
|
|
.vf-warn__text[data-v-6fbab1db] {
|
|
font-size: 11px
|
|
}
|
|
|
|
.vf-trust[data-v-6fbab1db] {
|
|
padding-top: 8px
|
|
}
|
|
|
|
.vf-trust__text[data-v-6fbab1db] {
|
|
font-size: 11px
|
|
}
|
|
|
|
.vf-note[data-v-6fbab1db] {
|
|
padding: 8px
|
|
}
|
|
|
|
.vf-note__text[data-v-6fbab1db],
|
|
.vf-total__hint[data-v-6fbab1db] {
|
|
font-size: 10px
|
|
}
|
|
}
|
|
|
|
@media (max-width:360px) {
|
|
.vf-banner__title[data-v-6fbab1db] {
|
|
font-size: 10px
|
|
}
|
|
|
|
.vf-banner__sub[data-v-6fbab1db] {
|
|
font-size: 9px
|
|
}
|
|
|
|
.vf-banner__icon[data-v-6fbab1db] {
|
|
width: 22px;
|
|
height: 22px
|
|
}
|
|
|
|
.vf-stepper__num[data-v-6fbab1db] {
|
|
width: 22px;
|
|
height: 22px;
|
|
font-size: 9px
|
|
}
|
|
|
|
.vf-stepper__label[data-v-6fbab1db] {
|
|
display: none
|
|
}
|
|
|
|
.vf-result__title[data-v-6fbab1db] {
|
|
font-size: 13px
|
|
}
|
|
|
|
.vf-total__amount[data-v-6fbab1db] {
|
|
font-size: 18px
|
|
}
|
|
|
|
.vf-btn--primary[data-v-6fbab1db] {
|
|
height: 42px;
|
|
font-size: 13px
|
|
}
|
|
}
|
|
|
|
.vf-fade-in[data-v-6fbab1db] {
|
|
animation: .25s both fadeIn-6fbab1db
|
|
}
|
|
|
|
.vf-slide-up[data-v-6fbab1db] {
|
|
animation: .28s both slideUp-6fbab1db
|
|
}
|
|
|
|
.vf-pop-in[data-v-6fbab1db] {
|
|
animation: .35s both popIn-6fbab1db
|
|
}
|
|
|
|
.vf-delay-1[data-v-6fbab1db] {
|
|
animation-delay: 60ms
|
|
}
|
|
|
|
.vf-delay-2[data-v-6fbab1db] {
|
|
animation-delay: .12s
|
|
}
|
|
|
|
.vf-delay-3[data-v-6fbab1db] {
|
|
animation-delay: .2s
|
|
}
|
|
|
|
@keyframes fadeIn-6fbab1db {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes slideUp-6fbab1db {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(10px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
@keyframes popIn-6fbab1db {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(.96)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion:reduce) {
|
|
|
|
.vf-details__row[data-v-6fbab1db],
|
|
.vf-fade-in[data-v-6fbab1db],
|
|
.vf-slide-up[data-v-6fbab1db],
|
|
.vf-pop-in[data-v-6fbab1db] {
|
|
opacity: 1;
|
|
transform: none;
|
|
animation: none !important
|
|
}
|
|
|
|
.vf-btn--primary[data-v-6fbab1db]:hover {
|
|
transform: none
|
|
}
|
|
|
|
.vf-spinner[data-v-6fbab1db] {
|
|
animation: none
|
|
}
|
|
}
|
|
|
|
.vf-wait[data-v-44ca66f8] {
|
|
z-index: 20;
|
|
-webkit-backdrop-filter: blur(6px)saturate(1.05);
|
|
border-radius: inherit;
|
|
pointer-events: all;
|
|
background: rgba(245, 246, 248, .72);
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0
|
|
}
|
|
|
|
.vf-wait__brand[data-v-44ca66f8] {
|
|
padding: var(--_em, 26px) var(--_en, 32px) var(--_em, 22px);
|
|
background: var(--_eb, #fff);
|
|
border: 1px solid var(--_ef, #e4e7ec);
|
|
border-radius: var(--_db, 12px);
|
|
box-shadow: 0 12px 40px -8px rgba(16, 24, 40, .12), 0 4px 14px -4px rgba(16, 24, 40, .06), var(--_dc, 0 1px 2px rgba(16, 24, 40, .04));
|
|
flex-direction: column;
|
|
align-items: center;
|
|
min-width: 260px;
|
|
max-width: 340px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-wait__dots[data-v-44ca66f8] {
|
|
margin-bottom: var(--_ek, 16px);
|
|
gap: 9px;
|
|
display: inline-flex
|
|
}
|
|
|
|
.vf-wait__dot[data-v-44ca66f8] {
|
|
opacity: .28;
|
|
width: 8px;
|
|
height: 8px;
|
|
animation: vf-wait-float-44ca66f8 1.1s var(--_ev, cubic-bezier(.4, 0, .2, 1)) infinite;
|
|
will-change: transform, opacity;
|
|
background: #296399;
|
|
border-radius: 50%
|
|
}
|
|
|
|
.vf-wait__dot[data-v-44ca66f8]:nth-child(2) {
|
|
animation-delay: .14s
|
|
}
|
|
|
|
.vf-wait__dot[data-v-44ca66f8]:nth-child(3) {
|
|
animation-delay: .28s
|
|
}
|
|
|
|
@keyframes vf-wait-float-44ca66f8 {
|
|
|
|
0%,
|
|
80%,
|
|
to {
|
|
opacity: .28;
|
|
transform: translateY(0)
|
|
}
|
|
|
|
40% {
|
|
opacity: 1;
|
|
transform: translateY(-5px)
|
|
}
|
|
}
|
|
|
|
.vf-wait__title[data-v-44ca66f8] {
|
|
font-size: var(--_er, 16px);
|
|
color: var(--_du, #1d2939);
|
|
letter-spacing: -.005em;
|
|
text-align: center;
|
|
min-height: 1.2em;
|
|
transition: opacity var(--_gg, .18s) var(--_gd, ease);
|
|
margin: 0;
|
|
font-weight: 600
|
|
}
|
|
|
|
.vf-wait__hint[data-v-44ca66f8] {
|
|
margin: var(--_eh, 4px) 0 0;
|
|
font-size: var(--_ep, 13px);
|
|
color: var(--_dv, #475467);
|
|
letter-spacing: .01em;
|
|
text-align: center;
|
|
max-width: 260px;
|
|
transition: opacity var(--_gg, .18s) var(--_gd, ease);
|
|
line-height: 1.45
|
|
}
|
|
|
|
.vf-wait__amount[data-v-44ca66f8] {
|
|
margin-top: var(--_ej, 14px);
|
|
color: #296399;
|
|
font-variant-numeric: tabular-nums;
|
|
letter-spacing: -.01em;
|
|
font-size: 22px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.vf-wait__brand-label[data-v-44ca66f8] {
|
|
margin-top: var(--_eh, 4px);
|
|
font-size: var(--_eo, 12px);
|
|
color: var(--_dv, #475467);
|
|
font-variant-numeric: tabular-nums;
|
|
letter-spacing: .02em
|
|
}
|
|
|
|
.vf-wait__secure[data-v-44ca66f8] {
|
|
margin-top: var(--_ej, 14px);
|
|
padding-top: var(--_ej, 12px);
|
|
border-top: 1px solid var(--_ef, #e4e7ec);
|
|
width: 100%;
|
|
color: var(--_gp, #667085);
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 6px;
|
|
display: inline-flex
|
|
}
|
|
|
|
.vf-wait__secure-text[data-v-44ca66f8] {
|
|
font-size: var(--_he, 12px);
|
|
letter-spacing: .02em
|
|
}
|
|
|
|
.vf-wait-enter-active[data-v-44ca66f8] {
|
|
transition: opacity .2s var(--_ev, cubic-bezier(.4, 0, .2, 1))
|
|
}
|
|
|
|
.vf-wait-leave-active[data-v-44ca66f8] {
|
|
transition: opacity .22s var(--_ev, cubic-bezier(.4, 0, .2, 1))
|
|
}
|
|
|
|
.vf-wait-enter-from[data-v-44ca66f8],
|
|
.vf-wait-leave-to[data-v-44ca66f8] {
|
|
opacity: 0
|
|
}
|
|
|
|
.vf-wait-enter-active .vf-wait__brand[data-v-44ca66f8] {
|
|
animation: .26s cubic-bezier(.2, .8, .2, 1) both vf-wait-brand-in-44ca66f8
|
|
}
|
|
|
|
@keyframes vf-wait-brand-in-44ca66f8 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(.96)translateY(4px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1)translateY(0)
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion:reduce) {
|
|
.vf-wait-enter-active .vf-wait__brand[data-v-44ca66f8] {
|
|
animation: none !important
|
|
}
|
|
|
|
.vf-wait__dot[data-v-44ca66f8] {
|
|
animation: 1.4s ease-in-out infinite vf-wait-pulse-44ca66f8;
|
|
transform: none !important
|
|
}
|
|
|
|
.vf-wait__title[data-v-44ca66f8],
|
|
.vf-wait__hint[data-v-44ca66f8] {
|
|
transition: none !important
|
|
}
|
|
|
|
.vf-wait-enter-active[data-v-44ca66f8],
|
|
.vf-wait-leave-active[data-v-44ca66f8] {
|
|
transition-duration: .1s !important
|
|
}
|
|
}
|
|
|
|
@keyframes vf-wait-pulse-44ca66f8 {
|
|
|
|
0%,
|
|
to {
|
|
opacity: .3
|
|
}
|
|
|
|
50% {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@media (max-width:375px) {
|
|
.vf-wait__brand[data-v-44ca66f8] {
|
|
min-width: 0;
|
|
max-width: calc(100vw - 48px);
|
|
padding: var(--_el, 20px) var(--_el, 20px) var(--_ek, 16px)
|
|
}
|
|
|
|
.vf-wait__title[data-v-44ca66f8] {
|
|
font-size: 14px
|
|
}
|
|
|
|
.vf-wait__hint[data-v-44ca66f8] {
|
|
max-width: 220px;
|
|
font-size: 12px
|
|
}
|
|
|
|
.vf-wait__amount[data-v-44ca66f8] {
|
|
font-size: 20px
|
|
}
|
|
|
|
.vf-wait__dot[data-v-44ca66f8] {
|
|
width: 7px;
|
|
height: 7px
|
|
}
|
|
}
|
|
|
|
@media (max-width:320px) {
|
|
.vf-wait__brand[data-v-44ca66f8] {
|
|
max-width: calc(100vw - 32px);
|
|
padding: var(--_ek, 16px) var(--_ek, 16px) var(--_ej, 12px)
|
|
}
|
|
|
|
.vf-wait__title[data-v-44ca66f8] {
|
|
font-size: 13px
|
|
}
|
|
|
|
.vf-wait__hint[data-v-44ca66f8] {
|
|
max-width: 200px;
|
|
font-size: 11px
|
|
}
|
|
|
|
.vf-wait__amount[data-v-44ca66f8] {
|
|
font-size: 18px
|
|
}
|
|
|
|
.vf-wait__secure-text[data-v-44ca66f8] {
|
|
font-size: 10px
|
|
}
|
|
}
|
|
|
|
.vf-modal[data-v-42d98804] {
|
|
z-index: 9999;
|
|
padding: var(--_ek, 16px);
|
|
padding-top: max(var(--_ek, 16px), env(safe-area-inset-top, 0px));
|
|
padding-bottom: max(var(--_ek, 16px), env(safe-area-inset-bottom, 0px));
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0
|
|
}
|
|
|
|
.vf-modal__backdrop[data-v-42d98804] {
|
|
-webkit-backdrop-filter: blur(8px)saturate(1.1);
|
|
background: rgba(29, 41, 57, .28);
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0
|
|
}
|
|
|
|
.vf-modal__panel[data-v-42d98804] {
|
|
width: 100%;
|
|
max-width: 400px;
|
|
padding: var(--_hf, 28px) var(--_hf, 28px) var(--_em, 24px);
|
|
background: var(--_ec, #fff);
|
|
border: 1px solid var(--_ef, #e4e7ec);
|
|
border-radius: var(--_db, 12px);
|
|
outline: none;
|
|
position: relative;
|
|
box-shadow: 0 20px 56px -12px rgba(16, 24, 40, .22), 0 8px 24px -6px rgba(16, 24, 40, .1), 0 2px 4px rgba(16, 24, 40, .04)
|
|
}
|
|
|
|
.vf-modal__close[data-v-42d98804] {
|
|
width: 32px;
|
|
height: 32px;
|
|
color: var(--_dv, #475467);
|
|
border-radius: var(--_cz, 4px);
|
|
cursor: pointer;
|
|
transition: color var(--_ew, .15s ease), background var(--_ew, .15s ease);
|
|
background: 0 0;
|
|
border: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 22px;
|
|
line-height: 1;
|
|
display: inline-flex;
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px
|
|
}
|
|
|
|
.vf-modal__close[data-v-42d98804]:hover {
|
|
color: var(--_du, #1d2939);
|
|
background: var(--_ed, #f9fafb)
|
|
}
|
|
|
|
.vf-modal__close[data-v-42d98804]:focus-visible {
|
|
box-shadow: 0 0 0 3px var(--_dm, rgba(41, 99, 153, .18));
|
|
outline: none
|
|
}
|
|
|
|
.vf-modal__icon[data-v-42d98804] {
|
|
background: var(--_ds, #fdecea);
|
|
width: 48px;
|
|
height: 48px;
|
|
color: var(--_dr, #c0392b);
|
|
margin-bottom: var(--_ej, 14px);
|
|
border-radius: 50%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: inline-flex
|
|
}
|
|
|
|
.vf-modal.is-error .vf-modal__icon[data-v-42d98804] {
|
|
background: var(--_dq, #fff4e5);
|
|
color: var(--_dt, #b7791f)
|
|
}
|
|
|
|
.vf-modal__icon svg[data-v-42d98804] {
|
|
width: 26px;
|
|
height: 26px
|
|
}
|
|
|
|
.vf-modal__title[data-v-42d98804] {
|
|
font-size: var(--_es, 20px);
|
|
color: var(--_du, #1d2939);
|
|
letter-spacing: -.015em;
|
|
margin: 0 0 6px;
|
|
font-weight: 600;
|
|
line-height: 1.3
|
|
}
|
|
|
|
.vf-modal__desc[data-v-42d98804] {
|
|
font-size: var(--_eq, 14px);
|
|
color: var(--_dv, #475467);
|
|
overflow-wrap: break-word;
|
|
word-break: break-word;
|
|
margin: 0;
|
|
line-height: 1.55
|
|
}
|
|
|
|
.vf-modal__actions[data-v-42d98804] {
|
|
justify-content: flex-end;
|
|
gap: var(--_ej, 10px);
|
|
margin-top: var(--_em, 22px);
|
|
display: flex
|
|
}
|
|
|
|
.vf-modal__btn[data-v-42d98804] {
|
|
min-width: 112px;
|
|
font-size: var(--_eq, 14px);
|
|
letter-spacing: -.005em;
|
|
border-radius: var(--_da, 8px);
|
|
cursor: pointer;
|
|
transition: transform .12s var(--_ev, cubic-bezier(.4, 0, .2, 1)), box-shadow .18s var(--_ev, cubic-bezier(.4, 0, .2, 1)), background var(--_ew, .15s ease), color var(--_ew, .15s ease), border-color var(--_ew, .15s ease);
|
|
border: 1px solid transparent;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 10px 18px;
|
|
font-weight: 600;
|
|
display: inline-flex
|
|
}
|
|
|
|
.vf-modal__btn[data-v-42d98804]:focus-visible {
|
|
box-shadow: 0 0 0 4px var(--_dm, rgba(41, 99, 153, .18));
|
|
outline: none
|
|
}
|
|
|
|
.vf-modal__btn[data-v-42d98804]:disabled {
|
|
cursor: not-allowed;
|
|
opacity: .65
|
|
}
|
|
|
|
.vf-modal__btn--ghost[data-v-42d98804] {
|
|
color: var(--_dv, #475467);
|
|
border-color: var(--_ef, #e4e7ec);
|
|
background: 0 0
|
|
}
|
|
|
|
.vf-modal__btn--ghost[data-v-42d98804]:hover {
|
|
background: var(--_ed, #f9fafb);
|
|
color: var(--_du, #1d2939);
|
|
border-color: var(--_ee, #d0d5dd)
|
|
}
|
|
|
|
.vf-modal__btn--primary[data-v-42d98804] {
|
|
background: var(--_dk, #296399);
|
|
color: var(--_dy, #fff);
|
|
border-color: var(--_dk, #296399);
|
|
box-shadow: var(--_dc, 0 1px 2px rgba(16, 24, 40, .06))
|
|
}
|
|
|
|
.vf-modal__btn--primary[data-v-42d98804]:hover:not(:disabled) {
|
|
background: var(--_dj, #1a3a5c);
|
|
border-color: var(--_dj, #1a3a5c);
|
|
transform: translateY(-1px);
|
|
box-shadow: 0 6px 14px rgba(30, 78, 124, .28)
|
|
}
|
|
|
|
.vf-modal__btn--primary[data-v-42d98804]:active:not(:disabled) {
|
|
transform: translateY(0);
|
|
box-shadow: 0 1px 2px rgba(16, 24, 40, .08)
|
|
}
|
|
|
|
.vf-modal-enter-active[data-v-42d98804] {
|
|
transition: opacity .2s var(--_ev, cubic-bezier(.4, 0, .2, 1))
|
|
}
|
|
|
|
.vf-modal-leave-active[data-v-42d98804] {
|
|
transition: opacity .18s var(--_ev, cubic-bezier(.4, 0, .2, 1))
|
|
}
|
|
|
|
.vf-modal-enter-from[data-v-42d98804],
|
|
.vf-modal-leave-to[data-v-42d98804] {
|
|
opacity: 0
|
|
}
|
|
|
|
.vf-modal-enter-active .vf-modal__panel[data-v-42d98804] {
|
|
animation: .28s cubic-bezier(.2, .8, .2, 1) both vf-modal-panel-in-42d98804
|
|
}
|
|
|
|
.vf-modal-leave-active .vf-modal__panel[data-v-42d98804] {
|
|
animation: .18s cubic-bezier(.4, 0, 1, 1) both vf-modal-panel-out-42d98804
|
|
}
|
|
|
|
@keyframes vf-modal-panel-in-42d98804 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(.96)translateY(8px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1)translateY(0)
|
|
}
|
|
}
|
|
|
|
@keyframes vf-modal-panel-out-42d98804 {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(1)translateY(0)
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(.98)translateY(4px)
|
|
}
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.vf-modal__panel[data-v-42d98804] {
|
|
padding: var(--_em, 24px) var(--_el, 22px) var(--_el, 20px);
|
|
max-width: 100%
|
|
}
|
|
|
|
.vf-modal__title[data-v-42d98804] {
|
|
font-size: var(--_er, 18px)
|
|
}
|
|
|
|
.vf-modal__actions[data-v-42d98804] {
|
|
flex-direction: column-reverse
|
|
}
|
|
|
|
.vf-modal__btn[data-v-42d98804] {
|
|
width: 100%;
|
|
min-width: 0
|
|
}
|
|
}
|
|
|
|
@media (max-width:375px) {
|
|
.vf-modal[data-v-42d98804] {
|
|
padding: var(--_ej, 12px);
|
|
padding-top: max(var(--_ej, 12px), env(safe-area-inset-top, 0px));
|
|
padding-bottom: max(var(--_ej, 12px), env(safe-area-inset-bottom, 0px))
|
|
}
|
|
|
|
.vf-modal__panel[data-v-42d98804] {
|
|
padding: var(--_el, 20px) var(--_ek, 16px) var(--_ek, 16px)
|
|
}
|
|
|
|
.vf-modal__icon[data-v-42d98804] {
|
|
width: 42px;
|
|
height: 42px;
|
|
margin-bottom: var(--_ei, 10px)
|
|
}
|
|
|
|
.vf-modal__icon svg[data-v-42d98804] {
|
|
width: 22px;
|
|
height: 22px
|
|
}
|
|
|
|
.vf-modal__title[data-v-42d98804] {
|
|
font-size: 16px
|
|
}
|
|
|
|
.vf-modal__desc[data-v-42d98804] {
|
|
font-size: 13px
|
|
}
|
|
|
|
.vf-modal__btn[data-v-42d98804] {
|
|
padding: 9px 14px;
|
|
font-size: 13px
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion:reduce) {
|
|
|
|
.vf-modal-enter-active .vf-modal__panel[data-v-42d98804],
|
|
.vf-modal-leave-active .vf-modal__panel[data-v-42d98804] {
|
|
animation: none !important
|
|
}
|
|
}
|
|
|
|
.pv[data-v-45d82d11] {
|
|
--_ad: #296399;
|
|
--_ae: #1e4e7c;
|
|
--_af: #152f48;
|
|
--_ag: #edf3f9;
|
|
--_ah: #4da672;
|
|
--_ai: #3d8a5c;
|
|
--_aj: #eef7f2;
|
|
--_ak: #d97706;
|
|
--_al: #fef3e6;
|
|
--_am: #c0392b;
|
|
--_an: #fef3f2;
|
|
--_ao: #1a1f2e;
|
|
--_ap: #4b5563;
|
|
--_aq: #9ca3af;
|
|
--_ar: #d0d5dd;
|
|
--_as: #e5e7eb;
|
|
--_at: #fff;
|
|
--_au: #f9fafb;
|
|
--_av: cubic-bezier(.22, .61, .36, 1);
|
|
--_aw: 0 1px 2px rgba(16, 24, 40, .04);
|
|
--_ax: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);
|
|
--_ay: 0 4px 8px -2px rgba(16, 24, 40, .06), 0 2px 4px -2px rgba(16, 24, 40, .04);
|
|
max-width: 960px;
|
|
padding: 40px 24px;
|
|
padding-bottom: max(40px, env(safe-area-inset-bottom, 0px));
|
|
margin: 0 auto
|
|
}
|
|
|
|
.pv-hdr[data-v-45d82d11] {
|
|
background: linear-gradient(100deg, var(--_ad) 0%, var(--_ae) 60%, var(--_af) 100%);
|
|
color: #fff;
|
|
border-radius: 14px;
|
|
margin-bottom: 24px;
|
|
padding: 22px 24px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
box-shadow: 0 8px 24px -6px rgba(41, 99, 153, .28)
|
|
}
|
|
|
|
.pv-hdr__deco[data-v-45d82d11] {
|
|
pointer-events: none;
|
|
background: radial-gradient(circle, rgba(90, 179, 125, .12) 0%, transparent 65%);
|
|
border-radius: 50%;
|
|
width: 280px;
|
|
height: 280px;
|
|
position: absolute;
|
|
top: -50%;
|
|
right: -10%
|
|
}
|
|
|
|
.pv-hdr__row[data-v-45d82d11] {
|
|
align-items: center;
|
|
gap: 14px;
|
|
display: flex;
|
|
position: relative
|
|
}
|
|
|
|
.pv-hdr__icon[data-v-45d82d11] {
|
|
-webkit-backdrop-filter: blur(6px);
|
|
backdrop-filter: blur(6px);
|
|
background: rgba(255, 255, 255, .14);
|
|
border: 1px solid rgba(255, 255, 255, .16);
|
|
border-radius: 11px;
|
|
flex-shrink: 0;
|
|
align-items: center;
|
|
justify-items: center;
|
|
width: 44px;
|
|
height: 44px;
|
|
display: grid
|
|
}
|
|
|
|
.pv-hdr__title[data-v-45d82d11] {
|
|
letter-spacing: -.01em;
|
|
margin: 0 0 3px;
|
|
font-size: 20px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.pv-hdr__sub[data-v-45d82d11] {
|
|
opacity: .82;
|
|
letter-spacing: .015em;
|
|
margin: 0;
|
|
font-size: 12.5px
|
|
}
|
|
|
|
.pv-steps[data-v-45d82d11] {
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 0;
|
|
margin-bottom: 24px;
|
|
display: flex
|
|
}
|
|
|
|
.pv-steps__item[data-v-45d82d11] {
|
|
align-items: center;
|
|
gap: 6px;
|
|
display: flex
|
|
}
|
|
|
|
.pv-steps__num[data-v-45d82d11] {
|
|
background: var(--_au);
|
|
width: 28px;
|
|
height: 28px;
|
|
color: var(--_ap);
|
|
border: 1.5px solid var(--_ar);
|
|
box-shadow: var(--_aw);
|
|
transition: all .25s var(--_av);
|
|
border-radius: 50%;
|
|
align-items: center;
|
|
justify-items: center;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
display: grid
|
|
}
|
|
|
|
.pv-steps__lbl[data-v-45d82d11] {
|
|
color: var(--_ap);
|
|
white-space: nowrap;
|
|
font-size: 12.5px;
|
|
font-weight: 500
|
|
}
|
|
|
|
.pv-steps__item.is-done .pv-steps__num[data-v-45d82d11] {
|
|
background: linear-gradient(135deg, var(--_ah), var(--_ai));
|
|
color: #fff;
|
|
border-color: var(--_ai);
|
|
box-shadow: 0 0 0 3px var(--_aj)
|
|
}
|
|
|
|
.pv-steps__item.is-done .pv-steps__lbl[data-v-45d82d11] {
|
|
color: var(--_ai);
|
|
font-weight: 600
|
|
}
|
|
|
|
.pv-steps__item.is-active .pv-steps__num[data-v-45d82d11] {
|
|
background: linear-gradient(135deg, var(--_ad), var(--_ae));
|
|
color: #fff;
|
|
border-color: var(--_ad);
|
|
box-shadow: 0 0 0 3px var(--_ag), 0 3px 8px rgba(41, 99, 153, .2)
|
|
}
|
|
|
|
.pv-steps__item.is-active .pv-steps__lbl[data-v-45d82d11] {
|
|
color: var(--_ao);
|
|
font-weight: 700
|
|
}
|
|
|
|
.pv-steps__sep[data-v-45d82d11] {
|
|
background: var(--_as);
|
|
flex: 1;
|
|
min-width: 14px;
|
|
max-width: 100px;
|
|
height: 1px;
|
|
margin: 0 8px
|
|
}
|
|
|
|
.pv-panel[data-v-45d82d11] {
|
|
background: var(--_at);
|
|
border: 1px solid var(--_as);
|
|
box-shadow: var(--_ay);
|
|
border-radius: 14px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.pv-panel__head[data-v-45d82d11] {
|
|
border-bottom: 1px solid var(--_as);
|
|
background: linear-gradient(180deg, var(--_ag) 0%, transparent 100%);
|
|
align-items: center;
|
|
gap: 12px;
|
|
padding: 18px 24px;
|
|
display: flex
|
|
}
|
|
|
|
.pv-panel__head-icon[data-v-45d82d11] {
|
|
background: linear-gradient(135deg, var(--_ad), var(--_ae));
|
|
color: #fff;
|
|
border-radius: 9px;
|
|
align-items: center;
|
|
justify-items: center;
|
|
width: 36px;
|
|
height: 36px;
|
|
display: grid;
|
|
box-shadow: 0 3px 10px rgba(41, 99, 153, .22)
|
|
}
|
|
|
|
.pv-panel__head-title[data-v-45d82d11] {
|
|
color: var(--_ao);
|
|
margin: 0;
|
|
font-size: 17px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.pv-panel__body[data-v-45d82d11] {
|
|
position: relative
|
|
}
|
|
|
|
.pv-grid[data-v-45d82d11] {
|
|
grid-template-columns: 1fr 300px;
|
|
display: grid
|
|
}
|
|
|
|
.pv-main[data-v-45d82d11] {
|
|
border-right: 1px solid var(--_as);
|
|
padding: 28px
|
|
}
|
|
|
|
.pv-bnk[data-v-45d82d11] {
|
|
aspect-ratio: 1.586;
|
|
background: linear-gradient(135deg, var(--_ad) 0%, var(--_ae) 50%, var(--_af) 100%);
|
|
color: rgba(255, 255, 255, .9);
|
|
border-radius: 14px;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
max-width: 370px;
|
|
margin: 0 auto 24px;
|
|
padding: 22px;
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
box-shadow: 0 8px 24px -6px rgba(41, 99, 153, .28), 0 14px 30px -10px rgba(21, 47, 72, .14)
|
|
}
|
|
|
|
@supports not (aspect-ratio:1) {
|
|
.pv-bnk[data-v-45d82d11]:before {
|
|
content: "";
|
|
float: left;
|
|
padding-top: 63.05%
|
|
}
|
|
|
|
.pv-bnk[data-v-45d82d11]:after {
|
|
content: "";
|
|
clear: both;
|
|
display: table
|
|
}
|
|
}
|
|
|
|
.pv-bnk--visa[data-v-45d82d11] {
|
|
background: linear-gradient(135deg, #1a237e, #283593, var(--_af))
|
|
}
|
|
|
|
.pv-bnk--mc[data-v-45d82d11] {
|
|
background: linear-gradient(135deg, var(--_af), #2d1b3d, var(--_ae))
|
|
}
|
|
|
|
.pv-bnk__shine[data-v-45d82d11] {
|
|
pointer-events: none;
|
|
background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .06) 45%, rgba(255, 255, 255, .11) 50%, rgba(255, 255, 255, .06) 55%, transparent 60%) 0 0/200% 100%;
|
|
animation: 6s ease-in-out infinite pvShine-45d82d11;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0
|
|
}
|
|
|
|
@keyframes pvShine-45d82d11 {
|
|
|
|
0%,
|
|
to {
|
|
background-position: 200% 0
|
|
}
|
|
|
|
50% {
|
|
background-position: -200% 0
|
|
}
|
|
}
|
|
|
|
.pv-bnk__top[data-v-45d82d11] {
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.pv-bnk__issuer[data-v-45d82d11] {
|
|
letter-spacing: .1em;
|
|
text-transform: uppercase;
|
|
opacity: .8;
|
|
font-size: 11px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.pv-bnk__nfc[data-v-45d82d11] {
|
|
opacity: .45
|
|
}
|
|
|
|
.pv-bnk__chip[data-v-45d82d11] {
|
|
background: linear-gradient(135deg, #d4a853, #b8923f);
|
|
border-radius: 4px;
|
|
width: 38px;
|
|
height: 26px;
|
|
position: relative;
|
|
overflow: hidden
|
|
}
|
|
|
|
.pv-bnk__chip i[data-v-45d82d11] {
|
|
background: rgba(0, 0, 0, .1);
|
|
position: absolute
|
|
}
|
|
|
|
.pv-bnk__chip i[data-v-45d82d11]:first-child {
|
|
height: 1px;
|
|
top: 33%;
|
|
left: 0;
|
|
right: 0
|
|
}
|
|
|
|
.pv-bnk__chip i[data-v-45d82d11]:nth-child(2) {
|
|
height: 1px;
|
|
top: 66%;
|
|
left: 0;
|
|
right: 0
|
|
}
|
|
|
|
.pv-bnk__chip i[data-v-45d82d11]:nth-child(3) {
|
|
width: 1px;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 50%
|
|
}
|
|
|
|
.pv-bnk__num[data-v-45d82d11] {
|
|
letter-spacing: .12em;
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, .18);
|
|
font-size: 17px;
|
|
font-weight: 500
|
|
}
|
|
|
|
.pv-bnk__bottom[data-v-45d82d11] {
|
|
justify-content: space-between;
|
|
gap: 16px;
|
|
display: flex
|
|
}
|
|
|
|
.pv-bnk__f[data-v-45d82d11] {
|
|
flex-direction: column;
|
|
gap: 1px;
|
|
display: flex
|
|
}
|
|
|
|
.pv-bnk__f small[data-v-45d82d11] {
|
|
text-transform: uppercase;
|
|
letter-spacing: .1em;
|
|
opacity: .5;
|
|
font-size: 8.5px
|
|
}
|
|
|
|
.pv-bnk__f strong[data-v-45d82d11] {
|
|
letter-spacing: .04em;
|
|
font-size: 12.5px;
|
|
font-weight: 500
|
|
}
|
|
|
|
.pv-bnk__brand[data-v-45d82d11] {
|
|
position: absolute;
|
|
bottom: 22px;
|
|
right: 22px
|
|
}
|
|
|
|
.pv-visa[data-v-45d82d11] {
|
|
letter-spacing: .02em;
|
|
color: rgba(255, 255, 255, .9);
|
|
font-size: 19px;
|
|
font-style: italic;
|
|
font-weight: 800
|
|
}
|
|
|
|
.pv-mc[data-v-45d82d11] {
|
|
width: 34px;
|
|
height: 20px;
|
|
display: inline-flex;
|
|
position: relative
|
|
}
|
|
|
|
.pv-mc i[data-v-45d82d11] {
|
|
border-radius: 50%;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: absolute
|
|
}
|
|
|
|
.pv-mc i[data-v-45d82d11]:first-child {
|
|
background: rgba(235, 0, 27, .85);
|
|
left: 0
|
|
}
|
|
|
|
.pv-mc i[data-v-45d82d11]:last-child {
|
|
background: rgba(255, 159, 0, .85);
|
|
right: 0
|
|
}
|
|
|
|
.pv-form[data-v-45d82d11] {
|
|
padding-top: 24px
|
|
}
|
|
|
|
.pv-form__title[data-v-45d82d11] {
|
|
color: var(--_ao);
|
|
margin: 0 0 4px;
|
|
font-size: 15px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.pv-form__hint[data-v-45d82d11] {
|
|
color: var(--_ap);
|
|
margin: 0 0 22px;
|
|
font-size: 13.5px;
|
|
line-height: 1.5
|
|
}
|
|
|
|
.pv-fields[data-v-45d82d11] {
|
|
flex-direction: column;
|
|
gap: 14px;
|
|
display: flex
|
|
}
|
|
|
|
.pv-iw[data-v-45d82d11] {
|
|
position: relative
|
|
}
|
|
|
|
.vf-label[data-v-45d82d11] {
|
|
color: var(--_ap);
|
|
letter-spacing: .02em;
|
|
text-transform: uppercase;
|
|
align-items: center;
|
|
gap: 6px;
|
|
margin-bottom: 5px;
|
|
font-size: 11.5px;
|
|
font-weight: 600;
|
|
display: flex
|
|
}
|
|
|
|
.pv-lbl-hint[data-v-45d82d11] {
|
|
color: var(--_aq);
|
|
text-transform: none;
|
|
letter-spacing: normal;
|
|
font-size: 11.5px;
|
|
font-weight: 400
|
|
}
|
|
|
|
.vf-input[data-v-45d82d11] {
|
|
width: 100%;
|
|
height: 46px;
|
|
font-family: var(--_ez, system-ui);
|
|
color: var(--_ao);
|
|
border: 1px solid var(--_ar);
|
|
box-shadow: var(--_aw);
|
|
transition: border-color .16s var(--_av), box-shadow .2s var(--_av);
|
|
background: #fff;
|
|
border-radius: 9px;
|
|
outline: none;
|
|
padding: 0 13px;
|
|
font-size: 15px;
|
|
font-weight: 500
|
|
}
|
|
|
|
.vf-input[data-v-45d82d11]::-webkit-input-placeholder {
|
|
color: var(--_aq);
|
|
font-weight: 400
|
|
}
|
|
|
|
.vf-input[data-v-45d82d11]::-moz-placeholder {
|
|
color: var(--_aq);
|
|
font-weight: 400
|
|
}
|
|
|
|
.vf-input[data-v-45d82d11]::-ms-input-placeholder {
|
|
color: var(--_aq);
|
|
font-weight: 400
|
|
}
|
|
|
|
.vf-input[data-v-45d82d11]::placeholder {
|
|
color: var(--_aq);
|
|
font-weight: 400
|
|
}
|
|
|
|
.vf-input[data-v-45d82d11]:hover:not(:focus) {
|
|
border-color: #98a2b3
|
|
}
|
|
|
|
.vf-input[data-v-45d82d11]:focus {
|
|
border-color: var(--_ad);
|
|
box-shadow: 0 0 0 3px var(--_ag), 0 3px 10px rgba(41, 99, 153, .1)
|
|
}
|
|
|
|
.vf-input[data-v-45d82d11]:focus-visible {
|
|
outline: 2px solid var(--_ad);
|
|
outline-offset: 1px
|
|
}
|
|
|
|
.vf-field--err .vf-input[data-v-45d82d11] {
|
|
border-color: var(--_am);
|
|
background: var(--_an)
|
|
}
|
|
|
|
.vf-field--ok .vf-input[data-v-45d82d11] {
|
|
border-color: var(--_ai);
|
|
padding-right: 38px
|
|
}
|
|
|
|
.vf-field--ok .vf-input[data-v-45d82d11]:focus {
|
|
box-shadow: 0 0 0 3px var(--_aj)
|
|
}
|
|
|
|
.pv-ok[data-v-45d82d11] {
|
|
background: linear-gradient(135deg, var(--_ah), var(--_ai));
|
|
width: 17px;
|
|
height: 17px;
|
|
box-shadow: 0 0 0 2.5px var(--_aj);
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 11px;
|
|
transform: translateY(-50%)
|
|
}
|
|
|
|
.pv-ok[data-v-45d82d11]:after {
|
|
content: "";
|
|
border: 1.8px solid #fff;
|
|
border-width: 0 1.8px 1.8px 0;
|
|
width: 4.5px;
|
|
height: 8px;
|
|
position: absolute;
|
|
top: 45%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%)rotate(45deg)
|
|
}
|
|
|
|
.vf-field-err[data-v-45d82d11] {
|
|
color: var(--_am);
|
|
margin: 5px 0 0;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.4;
|
|
animation: .22s both pvErr-45d82d11
|
|
}
|
|
|
|
@keyframes pvErr-45d82d11 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(-3px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.pv-row2[data-v-45d82d11] {
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 14px;
|
|
display: grid
|
|
}
|
|
|
|
.pv-brands[data-v-45d82d11] {
|
|
gap: 6px;
|
|
margin-top: 6px;
|
|
display: flex
|
|
}
|
|
|
|
.pv-brands__chip[data-v-45d82d11] {
|
|
border: 1px solid var(--_as);
|
|
background: var(--_au);
|
|
letter-spacing: .06em;
|
|
color: var(--_aq);
|
|
transition: all .2s var(--_av);
|
|
border-radius: 5px;
|
|
padding: 3px 9px;
|
|
font-size: 10px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.pv-brands__chip.is-on[data-v-45d82d11] {
|
|
border-color: var(--_ad);
|
|
background: var(--_ag);
|
|
color: var(--_ad)
|
|
}
|
|
|
|
.pv-submit[data-v-45d82d11] {
|
|
background: linear-gradient(135deg, var(--_ah), var(--_ai));
|
|
color: #fff;
|
|
width: 100%;
|
|
height: 50px;
|
|
font-family: var(--_ez, system-ui);
|
|
letter-spacing: .02em;
|
|
text-transform: uppercase;
|
|
cursor: pointer;
|
|
transition: transform .18s var(--_av), box-shadow .25s var(--_av);
|
|
border: none;
|
|
border-radius: 11px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 7px;
|
|
margin-top: 10px;
|
|
font-size: 14.5px;
|
|
font-weight: 700;
|
|
display: inline-flex;
|
|
box-shadow: 0 4px 12px rgba(72, 139, 96, .24), inset 0 1px rgba(255, 255, 255, .18)
|
|
}
|
|
|
|
.pv-submit[data-v-45d82d11]:hover:not(:disabled) {
|
|
transform: translateY(-1.5px);
|
|
box-shadow: 0 10px 24px rgba(72, 139, 96, .3), inset 0 1px rgba(255, 255, 255, .22)
|
|
}
|
|
|
|
.pv-submit[data-v-45d82d11]:active:not(:disabled) {
|
|
transform: translateY(0);
|
|
box-shadow: 0 2px 6px rgba(72, 139, 96, .25)
|
|
}
|
|
|
|
.pv-submit[data-v-45d82d11]:disabled {
|
|
cursor: not-allowed;
|
|
opacity: .5;
|
|
box-shadow: none
|
|
}
|
|
|
|
.pv-submit[data-v-45d82d11]:focus-visible {
|
|
outline: 3px solid var(--_aj);
|
|
outline-offset: 1px
|
|
}
|
|
|
|
.pv-submit--busy[data-v-45d82d11] {
|
|
pointer-events: none
|
|
}
|
|
|
|
.pv-spin[data-v-45d82d11] {
|
|
border: 2.5px solid rgba(255, 255, 255, .3);
|
|
border-top-color: #fff;
|
|
border-radius: 50%;
|
|
width: 18px;
|
|
height: 18px;
|
|
animation: .7s linear infinite pvSpin-45d82d11;
|
|
display: inline-block
|
|
}
|
|
|
|
@keyframes pvSpin-45d82d11 {
|
|
to {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
.pv-ssl[data-v-45d82d11] {
|
|
border-top: 1px solid var(--_as);
|
|
color: var(--_ai);
|
|
align-items: center;
|
|
gap: 6px;
|
|
margin-top: 22px;
|
|
padding-top: 14px;
|
|
display: flex
|
|
}
|
|
|
|
.pv-ssl__tag[data-v-45d82d11] {
|
|
letter-spacing: .06em;
|
|
font-size: 10px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.pv-ssl__txt[data-v-45d82d11] {
|
|
color: var(--_aq);
|
|
font-size: 11.5px;
|
|
line-height: 1.4
|
|
}
|
|
|
|
.pv-aside[data-v-45d82d11] {
|
|
background: linear-gradient(180deg, var(--_ag) 0%, var(--_au) 100%);
|
|
flex-direction: column;
|
|
padding: 24px;
|
|
display: flex
|
|
}
|
|
|
|
.pv-aside__hdr[data-v-45d82d11] {
|
|
color: var(--_ad);
|
|
align-items: center;
|
|
gap: 7px;
|
|
margin-bottom: 14px;
|
|
display: flex
|
|
}
|
|
|
|
.pv-aside__hdr h4[data-v-45d82d11] {
|
|
text-transform: uppercase;
|
|
letter-spacing: .07em;
|
|
color: var(--_ad);
|
|
margin: 0;
|
|
font-size: 11.5px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.pv-aside__rows[data-v-45d82d11] {
|
|
flex-direction: column;
|
|
margin: 0 0 14px;
|
|
padding: 0;
|
|
display: flex
|
|
}
|
|
|
|
.pv-aside__row[data-v-45d82d11] {
|
|
border-bottom: 1px solid var(--_as);
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 8px;
|
|
padding: 9px 0;
|
|
display: flex
|
|
}
|
|
|
|
.pv-aside__row[data-v-45d82d11]:last-child {
|
|
border-bottom: none
|
|
}
|
|
|
|
.pv-aside__row dt[data-v-45d82d11] {
|
|
color: var(--_ap);
|
|
font-size: 12.5px;
|
|
font-weight: 400
|
|
}
|
|
|
|
.pv-aside__row dd[data-v-45d82d11] {
|
|
color: var(--_ao);
|
|
text-align: right;
|
|
margin: 0;
|
|
font-size: 12.5px;
|
|
font-weight: 600
|
|
}
|
|
|
|
.pv-badge-warn[data-v-45d82d11] {
|
|
color: var(--_ak);
|
|
background: var(--_al);
|
|
letter-spacing: .03em;
|
|
text-transform: uppercase;
|
|
border-radius: 999px;
|
|
padding: 2px 9px;
|
|
font-size: 10.5px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.pv-aside__total[data-v-45d82d11] {
|
|
background: linear-gradient(180deg, #fff, var(--_au));
|
|
border: 1px solid var(--_as);
|
|
box-shadow: var(--_ax);
|
|
border-radius: 12px;
|
|
margin-bottom: 14px;
|
|
padding: 14px 18px;
|
|
position: relative;
|
|
overflow: hidden
|
|
}
|
|
|
|
.pv-aside__total[data-v-45d82d11]:before {
|
|
content: "";
|
|
background: linear-gradient(90deg, var(--_ah), var(--_ai));
|
|
height: 2.5px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0
|
|
}
|
|
|
|
.pv-aside__total-lbl[data-v-45d82d11] {
|
|
color: var(--_ad);
|
|
text-transform: uppercase;
|
|
letter-spacing: .07em;
|
|
margin-bottom: 6px;
|
|
font-size: 10.5px;
|
|
font-weight: 700;
|
|
display: block
|
|
}
|
|
|
|
.pv-aside__total-val[data-v-45d82d11] {
|
|
align-items: baseline;
|
|
gap: 3px;
|
|
display: flex
|
|
}
|
|
|
|
.pv-aside__total-val small[data-v-45d82d11] {
|
|
color: var(--_ad);
|
|
font-size: 15px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.pv-aside__total-val>span[data-v-45d82d11] {
|
|
background: linear-gradient(135deg, var(--_af), var(--_ad));
|
|
-webkit-text-fill-color: transparent;
|
|
letter-spacing: -.02em;
|
|
-webkit-background-clip: text;
|
|
-ms-background-clip: text;
|
|
background-clip: text;
|
|
font-size: 30px;
|
|
font-weight: 800;
|
|
line-height: 1.1
|
|
}
|
|
|
|
.pv-aside__foot[data-v-45d82d11] {
|
|
color: var(--_ad);
|
|
align-items: center;
|
|
gap: 6px;
|
|
margin-top: auto;
|
|
padding-top: 14px;
|
|
font-size: 11.5px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-mono[data-v-45d82d11] {
|
|
font-variant-numeric: tabular-nums;
|
|
font-feature-settings: "tnum" 1;
|
|
letter-spacing: .04em;
|
|
font-family: SF Mono, Roboto Mono, Consolas, Menlo, monospace
|
|
}
|
|
|
|
.vf-tnum[data-v-45d82d11] {
|
|
font-variant-numeric: tabular-nums;
|
|
font-feature-settings: "tnum" 1
|
|
}
|
|
|
|
@media (max-width:720px) {
|
|
.pv[data-v-45d82d11] {
|
|
padding: 16px 12px
|
|
}
|
|
|
|
.pv-hdr[data-v-45d82d11] {
|
|
padding: 16px
|
|
}
|
|
|
|
.pv-hdr__title[data-v-45d82d11] {
|
|
font-size: 17px
|
|
}
|
|
|
|
.pv-hdr__sub[data-v-45d82d11] {
|
|
font-size: 11.5px
|
|
}
|
|
|
|
.pv-grid[data-v-45d82d11] {
|
|
grid-template-columns: 1fr
|
|
}
|
|
|
|
.pv-main[data-v-45d82d11] {
|
|
border-right: none;
|
|
border-bottom: 1px solid var(--_as);
|
|
padding: 22px 16px
|
|
}
|
|
|
|
.pv-bnk[data-v-45d82d11] {
|
|
max-width: 310px
|
|
}
|
|
|
|
.pv-bnk__num[data-v-45d82d11] {
|
|
font-size: 15px
|
|
}
|
|
|
|
.pv-aside[data-v-45d82d11] {
|
|
padding: 16px
|
|
}
|
|
|
|
.pv-aside__total-val>span[data-v-45d82d11] {
|
|
font-size: 24px
|
|
}
|
|
|
|
.pv-steps__lbl[data-v-45d82d11] {
|
|
font-size: 11px
|
|
}
|
|
|
|
.pv-steps[data-v-45d82d11] {
|
|
margin-bottom: 16px
|
|
}
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.pv[data-v-45d82d11] {
|
|
padding: 12px 8px;
|
|
padding-bottom: max(12px, env(safe-area-inset-bottom, 0px))
|
|
}
|
|
|
|
.pv-panel[data-v-45d82d11] {
|
|
border-radius: 8px
|
|
}
|
|
|
|
.pv-panel__head[data-v-45d82d11] {
|
|
padding: 12px 16px
|
|
}
|
|
|
|
.pv-panel__head-icon[data-v-45d82d11] {
|
|
width: 30px;
|
|
height: 30px
|
|
}
|
|
|
|
.pv-panel__head-title[data-v-45d82d11] {
|
|
font-size: 15px
|
|
}
|
|
|
|
.pv-main[data-v-45d82d11] {
|
|
padding: 16px
|
|
}
|
|
|
|
.pv-bnk[data-v-45d82d11] {
|
|
border-radius: 11px;
|
|
max-width: 100%;
|
|
margin-bottom: 16px;
|
|
padding: 16px
|
|
}
|
|
|
|
.pv-bnk__num[data-v-45d82d11] {
|
|
letter-spacing: .08em;
|
|
font-size: 14px
|
|
}
|
|
|
|
.pv-bnk__chip[data-v-45d82d11] {
|
|
width: 32px;
|
|
height: 22px
|
|
}
|
|
|
|
.pv-bnk__f strong[data-v-45d82d11] {
|
|
font-size: 11.5px
|
|
}
|
|
|
|
.pv-visa[data-v-45d82d11] {
|
|
font-size: 16px
|
|
}
|
|
|
|
.pv-mc[data-v-45d82d11] {
|
|
width: 28px;
|
|
height: 17px
|
|
}
|
|
|
|
.pv-mc i[data-v-45d82d11] {
|
|
width: 17px;
|
|
height: 17px
|
|
}
|
|
|
|
.pv-bnk__brand[data-v-45d82d11] {
|
|
bottom: 16px;
|
|
right: 16px
|
|
}
|
|
|
|
.pv-form__title[data-v-45d82d11] {
|
|
font-size: 14px
|
|
}
|
|
|
|
.pv-form__hint[data-v-45d82d11] {
|
|
margin-bottom: 16px;
|
|
font-size: 12.5px
|
|
}
|
|
|
|
.pv-fields[data-v-45d82d11] {
|
|
gap: 12px
|
|
}
|
|
|
|
.vf-label[data-v-45d82d11] {
|
|
font-size: 11px
|
|
}
|
|
|
|
.vf-input[data-v-45d82d11] {
|
|
height: 48px;
|
|
font-size: 16px
|
|
}
|
|
|
|
.pv-submit[data-v-45d82d11] {
|
|
height: 48px;
|
|
font-size: 14px
|
|
}
|
|
|
|
.pv-row2[data-v-45d82d11] {
|
|
gap: 12px
|
|
}
|
|
|
|
.pv-aside[data-v-45d82d11] {
|
|
padding: 16px 12px
|
|
}
|
|
|
|
.pv-aside__total[data-v-45d82d11] {
|
|
padding: 12px
|
|
}
|
|
|
|
.pv-aside__total-val>span[data-v-45d82d11] {
|
|
font-size: 22px
|
|
}
|
|
|
|
.pv-form[data-v-45d82d11] {
|
|
padding-top: 16px
|
|
}
|
|
|
|
.pv-steps__num[data-v-45d82d11] {
|
|
width: 24px;
|
|
height: 24px;
|
|
font-size: 10px
|
|
}
|
|
|
|
.pv-steps__sep[data-v-45d82d11] {
|
|
min-width: 10px
|
|
}
|
|
}
|
|
|
|
@media (max-width:375px) {
|
|
.pv[data-v-45d82d11] {
|
|
padding: 8px 4px;
|
|
padding-bottom: max(8px, env(safe-area-inset-bottom, 0px))
|
|
}
|
|
|
|
.pv-panel__head[data-v-45d82d11] {
|
|
gap: 8px;
|
|
padding: 12px
|
|
}
|
|
|
|
.pv-panel__head-icon[data-v-45d82d11] {
|
|
border-radius: 7px;
|
|
width: 28px;
|
|
height: 28px
|
|
}
|
|
|
|
.pv-panel__head-title[data-v-45d82d11] {
|
|
font-size: 14px
|
|
}
|
|
|
|
.pv-main[data-v-45d82d11] {
|
|
padding: 12px
|
|
}
|
|
|
|
.pv-bnk[data-v-45d82d11] {
|
|
border-radius: 10px;
|
|
padding: 12px
|
|
}
|
|
|
|
.pv-bnk__num[data-v-45d82d11] {
|
|
font-size: 13px
|
|
}
|
|
|
|
.pv-bnk__issuer[data-v-45d82d11] {
|
|
font-size: 10px
|
|
}
|
|
|
|
.pv-row2[data-v-45d82d11] {
|
|
grid-template-columns: 1fr
|
|
}
|
|
|
|
.vf-input[data-v-45d82d11] {
|
|
height: 48px;
|
|
padding: 0 12px;
|
|
font-size: 16px
|
|
}
|
|
|
|
.pv-submit[data-v-45d82d11] {
|
|
height: 48px
|
|
}
|
|
|
|
.pv-aside[data-v-45d82d11] {
|
|
padding: 12px
|
|
}
|
|
|
|
.pv-aside__total-val>span[data-v-45d82d11] {
|
|
font-size: 20px
|
|
}
|
|
|
|
.pv-aside__total-val small[data-v-45d82d11] {
|
|
font-size: 13px
|
|
}
|
|
|
|
.pv-ssl[data-v-45d82d11] {
|
|
flex-wrap: wrap;
|
|
gap: 4px
|
|
}
|
|
|
|
.pv-steps[data-v-45d82d11] {
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.pv-hdr[data-v-45d82d11] {
|
|
border-radius: 11px;
|
|
padding: 12px
|
|
}
|
|
|
|
.pv-hdr__icon[data-v-45d82d11] {
|
|
border-radius: 8px;
|
|
width: 36px;
|
|
height: 36px
|
|
}
|
|
|
|
.pv-hdr__title[data-v-45d82d11] {
|
|
font-size: 15px
|
|
}
|
|
|
|
.pv-hdr__sub[data-v-45d82d11] {
|
|
font-size: 11px
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion:reduce) {
|
|
.pv-bnk__shine[data-v-45d82d11] {
|
|
animation: none
|
|
}
|
|
|
|
.pv-spin[data-v-45d82d11] {
|
|
animation-duration: 1.5s
|
|
}
|
|
}
|
|
|
|
.sv[data-v-33fcf4ba] {
|
|
--_ad: #296399;
|
|
--_ae: #1e4e7c;
|
|
--_af: #152f48;
|
|
--_ag: #edf3f9;
|
|
--_ah: #4da672;
|
|
--_ai: #3d8a5c;
|
|
--_aj: #eef7f2;
|
|
--_ao: #1a1f2e;
|
|
--_ap: #4b5563;
|
|
--_aq: #9ca3af;
|
|
--_ar: #d0d5dd;
|
|
--_as: #e5e7eb;
|
|
--_at: #fff;
|
|
--_au: #f9fafb;
|
|
--_av: cubic-bezier(.22, .61, .36, 1);
|
|
--_aw: 0 1px 2px rgba(16, 24, 40, .04);
|
|
--_ax: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);
|
|
--_ay: 0 4px 8px -2px rgba(16, 24, 40, .06), 0 2px 4px -2px rgba(16, 24, 40, .04);
|
|
max-width: 640px;
|
|
padding: 40px 24px;
|
|
padding-bottom: max(40px, env(safe-area-inset-bottom, 0px));
|
|
margin: 0 auto
|
|
}
|
|
|
|
.sv-hdr[data-v-33fcf4ba] {
|
|
background: linear-gradient(100deg, var(--_ah) 0%, var(--_ai) 60%, #2d7a4a 100%);
|
|
color: #fff;
|
|
border-radius: 14px;
|
|
margin-bottom: 24px;
|
|
padding: 22px 24px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
box-shadow: 0 8px 24px -6px rgba(61, 138, 92, .28)
|
|
}
|
|
|
|
.sv-hdr__deco[data-v-33fcf4ba] {
|
|
pointer-events: none;
|
|
background: radial-gradient(circle, rgba(255, 255, 255, .1) 0%, transparent 65%);
|
|
border-radius: 50%;
|
|
width: 280px;
|
|
height: 280px;
|
|
position: absolute;
|
|
top: -50%;
|
|
right: -10%
|
|
}
|
|
|
|
.sv-hdr__row[data-v-33fcf4ba] {
|
|
align-items: center;
|
|
gap: 14px;
|
|
display: flex;
|
|
position: relative
|
|
}
|
|
|
|
.sv-hdr__icon[data-v-33fcf4ba] {
|
|
-webkit-backdrop-filter: blur(6px);
|
|
backdrop-filter: blur(6px);
|
|
background: rgba(255, 255, 255, .14);
|
|
border: 1px solid rgba(255, 255, 255, .16);
|
|
border-radius: 11px;
|
|
flex-shrink: 0;
|
|
align-items: center;
|
|
justify-items: center;
|
|
width: 44px;
|
|
height: 44px;
|
|
display: grid
|
|
}
|
|
|
|
.sv-hdr__title[data-v-33fcf4ba] {
|
|
letter-spacing: -.01em;
|
|
margin: 0 0 3px;
|
|
font-size: 20px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.sv-hdr__sub[data-v-33fcf4ba] {
|
|
opacity: .82;
|
|
letter-spacing: .015em;
|
|
margin: 0;
|
|
font-size: 12.5px
|
|
}
|
|
|
|
.sv-steps[data-v-33fcf4ba] {
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 0;
|
|
margin-bottom: 24px;
|
|
display: flex
|
|
}
|
|
|
|
.sv-steps__item[data-v-33fcf4ba] {
|
|
align-items: center;
|
|
gap: 6px;
|
|
display: flex
|
|
}
|
|
|
|
.sv-steps__num[data-v-33fcf4ba] {
|
|
background: var(--_au);
|
|
width: 28px;
|
|
height: 28px;
|
|
color: var(--_ap);
|
|
border: 1.5px solid var(--_ar);
|
|
box-shadow: var(--_aw);
|
|
border-radius: 50%;
|
|
align-items: center;
|
|
justify-items: center;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
display: grid
|
|
}
|
|
|
|
.sv-steps__lbl[data-v-33fcf4ba] {
|
|
color: var(--_ap);
|
|
white-space: nowrap;
|
|
font-size: 12.5px;
|
|
font-weight: 500
|
|
}
|
|
|
|
.sv-steps__item.is-done .sv-steps__num[data-v-33fcf4ba] {
|
|
background: linear-gradient(135deg, var(--_ah), var(--_ai));
|
|
color: #fff;
|
|
border-color: var(--_ai);
|
|
box-shadow: 0 0 0 3px var(--_aj)
|
|
}
|
|
|
|
.sv-steps__item.is-done .sv-steps__lbl[data-v-33fcf4ba] {
|
|
color: var(--_ai);
|
|
font-weight: 600
|
|
}
|
|
|
|
.sv-steps__sep[data-v-33fcf4ba] {
|
|
background: var(--_ai);
|
|
opacity: .4;
|
|
flex: 1;
|
|
min-width: 14px;
|
|
max-width: 100px;
|
|
height: 1px;
|
|
margin: 0 8px
|
|
}
|
|
|
|
.sv-card[data-v-33fcf4ba] {
|
|
background: var(--_at);
|
|
border: 1px solid var(--_as);
|
|
box-shadow: var(--_ay);
|
|
text-align: center;
|
|
border-radius: 14px;
|
|
padding: 40px 32px
|
|
}
|
|
|
|
.sv-ring[data-v-33fcf4ba] {
|
|
border: 3px solid var(--_aj);
|
|
border-radius: 50%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 88px;
|
|
height: 88px;
|
|
margin: 0 auto 24px;
|
|
animation: .6s cubic-bezier(.175, .885, .32, 1.275) both svRingPop-33fcf4ba;
|
|
display: flex;
|
|
box-shadow: 0 0 0 10px rgba(77, 166, 114, .06)
|
|
}
|
|
|
|
.sv-circle[data-v-33fcf4ba] {
|
|
background: linear-gradient(135deg, var(--_ah), var(--_ai));
|
|
border-radius: 50%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 66px;
|
|
height: 66px;
|
|
animation: .5s cubic-bezier(.175, .885, .32, 1.275) .1s both svScaleIn-33fcf4ba;
|
|
display: flex
|
|
}
|
|
|
|
@keyframes svRingPop-33fcf4ba {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(.6)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes svScaleIn-33fcf4ba {
|
|
0% {
|
|
transform: scale(0)
|
|
}
|
|
|
|
to {
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
.sv-title[data-v-33fcf4ba] {
|
|
color: var(--_ai);
|
|
letter-spacing: -.01em;
|
|
margin: 0 0 8px;
|
|
font-size: 22px;
|
|
font-weight: 800
|
|
}
|
|
|
|
.sv-desc[data-v-33fcf4ba] {
|
|
color: var(--_ap);
|
|
max-width: 380px;
|
|
margin: 0 auto 10px;
|
|
font-size: 13.5px;
|
|
line-height: 1.6
|
|
}
|
|
|
|
.sv-redirect[data-v-33fcf4ba] {
|
|
color: var(--_aq);
|
|
letter-spacing: .02em;
|
|
margin: 0 0 28px;
|
|
font-size: 12px;
|
|
font-weight: 600
|
|
}
|
|
|
|
.sv-receipt[data-v-33fcf4ba] {
|
|
border: 1px solid var(--_as);
|
|
text-align: left;
|
|
border-radius: 12px;
|
|
margin-bottom: 20px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.sv-receipt__head[data-v-33fcf4ba] {
|
|
background: linear-gradient(135deg, var(--_ah), var(--_ai));
|
|
color: #fff;
|
|
align-items: center;
|
|
gap: 8px;
|
|
padding: 14px 18px;
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
display: flex
|
|
}
|
|
|
|
.sv-receipt__rows[data-v-33fcf4ba] {
|
|
padding: 0 4px
|
|
}
|
|
|
|
.sv-receipt__row[data-v-33fcf4ba] {
|
|
border-bottom: 1px solid var(--_aj);
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 16px;
|
|
padding: 11px 14px;
|
|
font-size: 13px;
|
|
display: flex
|
|
}
|
|
|
|
.sv-receipt__row[data-v-33fcf4ba]:last-child {
|
|
border-bottom: none
|
|
}
|
|
|
|
.sv-receipt__key[data-v-33fcf4ba] {
|
|
color: var(--_ai);
|
|
font-weight: 500
|
|
}
|
|
|
|
.sv-receipt__val[data-v-33fcf4ba] {
|
|
color: var(--_ao);
|
|
text-align: right;
|
|
font-weight: 700
|
|
}
|
|
|
|
.sv-receipt__foot[data-v-33fcf4ba] {
|
|
background: var(--_aj);
|
|
color: var(--_ai);
|
|
text-transform: uppercase;
|
|
letter-spacing: .5px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 6px;
|
|
padding: 10px;
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
display: flex
|
|
}
|
|
|
|
.sv-next[data-v-33fcf4ba] {
|
|
text-align: left;
|
|
background: var(--_au);
|
|
border: 1px solid var(--_as);
|
|
border-radius: 12px;
|
|
padding: 20px
|
|
}
|
|
|
|
.sv-next__title[data-v-33fcf4ba] {
|
|
color: var(--_ap);
|
|
text-transform: uppercase;
|
|
letter-spacing: .5px;
|
|
align-items: center;
|
|
gap: 6px;
|
|
margin: 0 0 14px;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
display: flex
|
|
}
|
|
|
|
.sv-next__title svg[data-v-33fcf4ba] {
|
|
color: var(--_ah)
|
|
}
|
|
|
|
.sv-next__list[data-v-33fcf4ba] {
|
|
flex-direction: column;
|
|
display: flex
|
|
}
|
|
|
|
.sv-next__item[data-v-33fcf4ba] {
|
|
border-bottom: 1px solid var(--_as);
|
|
align-items: flex-start;
|
|
gap: 10px;
|
|
padding: 8px 0;
|
|
display: flex
|
|
}
|
|
|
|
.sv-next__item[data-v-33fcf4ba]:last-child {
|
|
border-bottom: none;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.sv-next__dot[data-v-33fcf4ba] {
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 22px;
|
|
height: 22px;
|
|
margin-top: 1px;
|
|
display: flex
|
|
}
|
|
|
|
.sv-next__dot--done[data-v-33fcf4ba] {
|
|
background: var(--_ah)
|
|
}
|
|
|
|
.sv-next__dot--done[data-v-33fcf4ba]:after {
|
|
content: "";
|
|
border-bottom: 2px solid #fff;
|
|
border-left: 2px solid #fff;
|
|
width: 8px;
|
|
height: 5px;
|
|
margin-top: -1px;
|
|
transform: rotate(-45deg)
|
|
}
|
|
|
|
.sv-next__dot--pending[data-v-33fcf4ba] {
|
|
background: var(--_ag);
|
|
border: 2px solid var(--_ar)
|
|
}
|
|
|
|
.sv-next__dot--pending[data-v-33fcf4ba]:after {
|
|
content: "";
|
|
background: var(--_ar);
|
|
border-radius: 50%;
|
|
width: 6px;
|
|
height: 6px
|
|
}
|
|
|
|
.sv-next__item-title[data-v-33fcf4ba] {
|
|
color: var(--_ao);
|
|
margin: 0 0 1px;
|
|
font-size: 13px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.sv-next__item-desc[data-v-33fcf4ba] {
|
|
color: var(--_aq);
|
|
margin: 0;
|
|
font-size: 11px;
|
|
line-height: 1.4
|
|
}
|
|
|
|
.sv-trust[data-v-33fcf4ba] {
|
|
color: var(--_aq);
|
|
letter-spacing: .04em;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 8px;
|
|
margin-top: 24px;
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
display: flex
|
|
}
|
|
|
|
.sv-trust svg[data-v-33fcf4ba] {
|
|
color: var(--_ah);
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.sv-trust__sep[data-v-33fcf4ba] {
|
|
background: rgba(41, 99, 153, .2);
|
|
border-radius: 50%;
|
|
width: 3px;
|
|
height: 3px
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.sv[data-v-33fcf4ba] {
|
|
padding: 16px 12px;
|
|
padding-bottom: max(16px, env(safe-area-inset-bottom, 0px))
|
|
}
|
|
|
|
.sv-hdr[data-v-33fcf4ba] {
|
|
border-radius: 11px;
|
|
padding: 16px
|
|
}
|
|
|
|
.sv-hdr__title[data-v-33fcf4ba] {
|
|
font-size: 17px
|
|
}
|
|
|
|
.sv-hdr__sub[data-v-33fcf4ba] {
|
|
font-size: 11.5px
|
|
}
|
|
|
|
.sv-card[data-v-33fcf4ba] {
|
|
border-radius: 11px;
|
|
padding: 28px 18px
|
|
}
|
|
|
|
.sv-ring[data-v-33fcf4ba] {
|
|
width: 76px;
|
|
height: 76px
|
|
}
|
|
|
|
.sv-circle[data-v-33fcf4ba] {
|
|
width: 56px;
|
|
height: 56px
|
|
}
|
|
|
|
.sv-circle svg[data-v-33fcf4ba] {
|
|
width: 28px;
|
|
height: 28px
|
|
}
|
|
|
|
.sv-title[data-v-33fcf4ba] {
|
|
font-size: 19px
|
|
}
|
|
|
|
.sv-desc[data-v-33fcf4ba] {
|
|
font-size: 12.5px
|
|
}
|
|
|
|
.sv-steps__num[data-v-33fcf4ba] {
|
|
width: 24px;
|
|
height: 24px;
|
|
font-size: 10px
|
|
}
|
|
|
|
.sv-steps__lbl[data-v-33fcf4ba] {
|
|
font-size: 11px
|
|
}
|
|
|
|
.sv-steps[data-v-33fcf4ba] {
|
|
margin-bottom: 16px
|
|
}
|
|
}
|
|
|
|
@media (max-width:375px) {
|
|
.sv[data-v-33fcf4ba] {
|
|
padding: 12px 8px
|
|
}
|
|
|
|
.sv-hdr[data-v-33fcf4ba] {
|
|
padding: 12px
|
|
}
|
|
|
|
.sv-hdr__icon[data-v-33fcf4ba] {
|
|
border-radius: 8px;
|
|
width: 36px;
|
|
height: 36px
|
|
}
|
|
|
|
.sv-hdr__title[data-v-33fcf4ba] {
|
|
font-size: 15px
|
|
}
|
|
|
|
.sv-card[data-v-33fcf4ba] {
|
|
border-radius: 10px;
|
|
padding: 22px 14px
|
|
}
|
|
|
|
.sv-ring[data-v-33fcf4ba] {
|
|
width: 68px;
|
|
height: 68px;
|
|
margin-bottom: 18px
|
|
}
|
|
|
|
.sv-circle[data-v-33fcf4ba] {
|
|
width: 50px;
|
|
height: 50px
|
|
}
|
|
|
|
.sv-title[data-v-33fcf4ba] {
|
|
font-size: 17px
|
|
}
|
|
|
|
.sv-receipt__row[data-v-33fcf4ba] {
|
|
padding: 10px 12px;
|
|
font-size: 12px
|
|
}
|
|
|
|
.sv-next[data-v-33fcf4ba] {
|
|
padding: 14px
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion:reduce) {
|
|
|
|
.sv-ring[data-v-33fcf4ba],
|
|
.sv-circle[data-v-33fcf4ba] {
|
|
animation: none
|
|
}
|
|
}
|
|
|
|
.vf-page.vf-entry[data-v-cf2df81f] {
|
|
--_az: #1a3a5c;
|
|
--_a: #296399;
|
|
--_b: #1f4d7a;
|
|
--_c: #19344e;
|
|
--_d: #5ab37d;
|
|
--_e: #488b60;
|
|
--_ba: #475467;
|
|
--_bb: #98a2b3;
|
|
--_bc: cubic-bezier(.4, 0, .2, 1);
|
|
--_bd: cubic-bezier(.22, .61, .36, 1)
|
|
}
|
|
|
|
.vf-entry[data-v-cf2df81f] {
|
|
min-height: 100dvh;
|
|
min-height: -webkit-fill-available;
|
|
font-family: var(--_ez, -apple-system, BlinkMacSystemFont, "\53\65\67\6f\65 \55\49", "\48\65\6c\76\65\74\69\63\61 \4e\65\75\65", Arial, sans-serif);
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
background: linear-gradient(#f7f9fc 0%, #eef2f7 100%);
|
|
flex-direction: column;
|
|
display: flex;
|
|
position: relative;
|
|
overflow-x: hidden
|
|
}
|
|
|
|
.vf-entry__nav[data-v-cf2df81f] {
|
|
background: linear-gradient(135deg, var(--_az) 0%, var(--_c) 100%);
|
|
padding: 0 var(--_ek, 16px);
|
|
padding-top: env(safe-area-inset-top, 0px);
|
|
padding-left: max(var(--_ek, 16px), env(safe-area-inset-left, 0));
|
|
padding-right: max(var(--_ek, 16px), env(safe-area-inset-right, 0));
|
|
flex: none;
|
|
box-shadow: 0 1px 3px rgba(15, 39, 62, .12)
|
|
}
|
|
|
|
.vf-entry__nav-inner[data-v-cf2df81f] {
|
|
max-width: 1200px;
|
|
min-height: 56px;
|
|
padding: var(--_ei, 8px) 0;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 16px;
|
|
margin: 0 auto;
|
|
display: flex
|
|
}
|
|
|
|
.vf-entry__brand[data-v-cf2df81f] {
|
|
color: #fff;
|
|
align-items: center;
|
|
gap: 12px;
|
|
min-width: 0;
|
|
display: flex
|
|
}
|
|
|
|
.vf-entry__brand-icon[data-v-cf2df81f] {
|
|
color: #fff;
|
|
background: rgba(255, 255, 255, .15);
|
|
border: 1px solid rgba(255, 255, 255, .2);
|
|
border-radius: 9px;
|
|
flex: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 36px;
|
|
height: 36px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-entry__brand-text[data-v-cf2df81f] {
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
display: flex
|
|
}
|
|
|
|
.vf-entry__brand-mark[data-v-cf2df81f] {
|
|
font-size: var(--_er, 16px);
|
|
letter-spacing: .14em;
|
|
color: #fff;
|
|
font-weight: 800;
|
|
line-height: 1.1
|
|
}
|
|
|
|
.vf-entry__brand-sub[data-v-cf2df81f] {
|
|
letter-spacing: .04em;
|
|
color: rgba(255, 255, 255, .72);
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
max-width: 300px;
|
|
margin-top: 3px;
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
line-height: 1.3;
|
|
overflow: hidden
|
|
}
|
|
|
|
.vf-entry__nav-flag[data-v-cf2df81f] {
|
|
border: 1px solid rgba(255, 255, 255, .25);
|
|
border-radius: 3px;
|
|
flex-direction: column;
|
|
flex: none;
|
|
display: flex;
|
|
overflow: hidden
|
|
}
|
|
|
|
.vf-entry__flag-stripe[data-v-cf2df81f] {
|
|
width: 28px;
|
|
height: 6px;
|
|
display: block
|
|
}
|
|
|
|
.vf-entry__flag-stripe--blue[data-v-cf2df81f] {
|
|
background: #2566a0
|
|
}
|
|
|
|
.vf-entry__flag-stripe--white[data-v-cf2df81f] {
|
|
background: #fff
|
|
}
|
|
|
|
.vf-entry__body[data-v-cf2df81f] {
|
|
padding: var(--_em, 24px) max(var(--_ek, 16px), env(safe-area-inset-right, 0)) calc(var(--_en, 32px)+env(safe-area-inset-bottom, 0px)) max(var(--_ek, 16px), env(safe-area-inset-left, 0));
|
|
flex-direction: column;
|
|
flex: 1;
|
|
justify-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative
|
|
}
|
|
|
|
.vf-entry__center[data-v-cf2df81f] {
|
|
width: 100%;
|
|
min-width: 300px;
|
|
max-width: 420px;
|
|
animation: vfFadeUp-cf2df81f .7s var(--_bd) both;
|
|
background: #fff;
|
|
border: 1px solid #e8ecf1;
|
|
border-radius: 16px;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 44px 40px 36px;
|
|
display: flex;
|
|
box-shadow: 0 4px 24px rgba(16, 35, 56, .06), 0 1px 3px rgba(16, 35, 56, .04)
|
|
}
|
|
|
|
.vf-entry__shield[data-v-cf2df81f] {
|
|
background: linear-gradient(135deg, var(--_az) 0%, var(--_c) 100%);
|
|
color: #fff;
|
|
border-radius: 16px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 64px;
|
|
height: 64px;
|
|
margin-bottom: 24px;
|
|
display: flex;
|
|
box-shadow: 0 4px 12px rgba(26, 58, 92, .18)
|
|
}
|
|
|
|
.vf-entry__eyebrow[data-v-cf2df81f] {
|
|
color: var(--_e);
|
|
letter-spacing: .16em;
|
|
text-transform: uppercase;
|
|
background: #eef7f2;
|
|
border: 1px solid rgba(90, 179, 125, .2);
|
|
border-radius: 999px;
|
|
align-items: center;
|
|
gap: 7px;
|
|
margin: 0 0 14px;
|
|
padding: 4px 12px 4px 9px;
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
display: inline-flex
|
|
}
|
|
|
|
.vf-entry__eyebrow-dot[data-v-cf2df81f] {
|
|
background: var(--_d);
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
width: 5px;
|
|
height: 5px;
|
|
animation: 2.4s ease-in-out infinite vfPulse-cf2df81f;
|
|
box-shadow: 0 0 0 3px rgba(90, 179, 125, .18)
|
|
}
|
|
|
|
.vf-entry__inst[data-v-cf2df81f] {
|
|
color: var(--_az);
|
|
letter-spacing: -.01em;
|
|
text-align: center;
|
|
margin: 0;
|
|
font-size: 18px;
|
|
font-weight: 800;
|
|
line-height: 1.3
|
|
}
|
|
|
|
.vf-entry__sub[data-v-cf2df81f] {
|
|
color: var(--_ba);
|
|
letter-spacing: .14em;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
margin: 6px 0 0;
|
|
font-size: 10.5px;
|
|
font-weight: 600
|
|
}
|
|
|
|
.vf-entry__divider[data-v-cf2df81f] {
|
|
background: #e0e5eb;
|
|
width: 48px;
|
|
height: 1px;
|
|
margin: 24px 0 20px
|
|
}
|
|
|
|
.vf-entry__spinner[data-v-cf2df81f] {
|
|
width: 36px;
|
|
height: 36px;
|
|
margin-bottom: 14px;
|
|
position: relative
|
|
}
|
|
|
|
.vf-entry__ring[data-v-cf2df81f] {
|
|
border: 2px solid rgba(41, 99, 153, .1);
|
|
border-top-color: var(--_a);
|
|
border-radius: 50%;
|
|
animation: 1s linear infinite vfSpin-cf2df81f;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0
|
|
}
|
|
|
|
.vf-entry__text[data-v-cf2df81f] {
|
|
color: var(--_ba);
|
|
letter-spacing: .14em;
|
|
text-transform: uppercase;
|
|
align-items: baseline;
|
|
margin: 0;
|
|
font-size: 10.5px;
|
|
font-weight: 600;
|
|
animation: 2.5s ease-in-out infinite vfTextPulse-cf2df81f;
|
|
display: inline-flex
|
|
}
|
|
|
|
.vf-entry__dots[data-v-cf2df81f]:after {
|
|
content: "\00002e\00002e\00002e";
|
|
vertical-align: baseline;
|
|
width: 0;
|
|
animation: 1.5s steps(4, end) infinite vfDots-cf2df81f;
|
|
display: inline-block;
|
|
overflow: hidden
|
|
}
|
|
|
|
.vf-entry__track[data-v-cf2df81f] {
|
|
background: rgba(41, 99, 153, .06);
|
|
border-radius: 999px;
|
|
width: 80px;
|
|
height: 3px;
|
|
margin-top: 18px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.vf-entry__fill[data-v-cf2df81f] {
|
|
background: linear-gradient(90deg, transparent, var(--_a), transparent);
|
|
width: 100%;
|
|
height: 100%;
|
|
animation: vfSlide-cf2df81f 2s var(--_bc) infinite;
|
|
background-size: 200% 100%;
|
|
border-radius: 999px
|
|
}
|
|
|
|
.vf-entry__steps[data-v-cf2df81f] {
|
|
align-items: center;
|
|
gap: 14px;
|
|
margin-top: 18px;
|
|
display: flex
|
|
}
|
|
|
|
.vf-entry__step[data-v-cf2df81f] {
|
|
letter-spacing: .08em;
|
|
text-transform: uppercase;
|
|
color: var(--_bb);
|
|
align-items: center;
|
|
gap: 4px;
|
|
font-size: 9px;
|
|
font-weight: 600;
|
|
display: inline-flex
|
|
}
|
|
|
|
.vf-entry__step--done[data-v-cf2df81f] {
|
|
color: var(--_e)
|
|
}
|
|
|
|
.vf-entry__step--done svg[data-v-cf2df81f] {
|
|
color: var(--_d)
|
|
}
|
|
|
|
.vf-entry__step--active[data-v-cf2df81f] {
|
|
color: var(--_a)
|
|
}
|
|
|
|
.vf-entry__step-pulse[data-v-cf2df81f] {
|
|
background: var(--_a);
|
|
border-radius: 50%;
|
|
width: 4px;
|
|
height: 4px;
|
|
animation: 1.8s ease-in-out infinite vfPulse-cf2df81f
|
|
}
|
|
|
|
.vf-entry__trust[data-v-cf2df81f] {
|
|
color: var(--_bb);
|
|
letter-spacing: .04em;
|
|
animation: vfFadeUp-cf2df81f .7s var(--_bd) .3s both;
|
|
align-items: center;
|
|
gap: 8px;
|
|
margin-top: auto;
|
|
padding-top: 24px;
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
display: flex
|
|
}
|
|
|
|
.vf-entry__trust svg[data-v-cf2df81f] {
|
|
color: var(--_d);
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.vf-entry__trust-sep[data-v-cf2df81f] {
|
|
background: rgba(41, 99, 153, .2);
|
|
border-radius: 50%;
|
|
width: 3px;
|
|
height: 3px
|
|
}
|
|
|
|
@keyframes vfFadeUp-cf2df81f {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(12px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
@keyframes vfSpin-cf2df81f {
|
|
to {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
@keyframes vfSlide-cf2df81f {
|
|
0% {
|
|
transform: translate(-100%)
|
|
}
|
|
|
|
to {
|
|
transform: translate(100%)
|
|
}
|
|
}
|
|
|
|
@keyframes vfPulse-cf2df81f {
|
|
|
|
0%,
|
|
to {
|
|
box-shadow: 0 0 0 3px rgba(90, 179, 125, .18)
|
|
}
|
|
|
|
50% {
|
|
box-shadow: 0 0 0 5px rgba(90, 179, 125, .08)
|
|
}
|
|
}
|
|
|
|
@keyframes vfTextPulse-cf2df81f {
|
|
|
|
0%,
|
|
to {
|
|
opacity: .65
|
|
}
|
|
|
|
50% {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes vfDots-cf2df81f {
|
|
0% {
|
|
width: 0
|
|
}
|
|
|
|
25% {
|
|
width: .5em
|
|
}
|
|
|
|
50% {
|
|
width: 1em
|
|
}
|
|
|
|
75% {
|
|
width: 1.5em
|
|
}
|
|
|
|
to {
|
|
width: 0
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion:reduce) {
|
|
|
|
.vf-entry__center[data-v-cf2df81f],
|
|
.vf-entry__trust[data-v-cf2df81f],
|
|
.vf-entry__text[data-v-cf2df81f],
|
|
.vf-entry__eyebrow-dot[data-v-cf2df81f],
|
|
.vf-entry__step-pulse[data-v-cf2df81f] {
|
|
animation: none !important
|
|
}
|
|
|
|
.vf-entry__ring[data-v-cf2df81f] {
|
|
border-top-color: rgba(41, 99, 153, .4);
|
|
animation: none !important
|
|
}
|
|
|
|
.vf-entry__fill[data-v-cf2df81f] {
|
|
opacity: .6;
|
|
transform: none;
|
|
animation: none !important
|
|
}
|
|
|
|
.vf-entry__dots[data-v-cf2df81f]:after {
|
|
width: 1.5em;
|
|
animation: none !important
|
|
}
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.vf-entry__brand-sub[data-v-cf2df81f] {
|
|
display: none
|
|
}
|
|
|
|
.vf-entry__center[data-v-cf2df81f] {
|
|
border-radius: 16px;
|
|
min-width: 0;
|
|
padding: 40px 28px 32px
|
|
}
|
|
|
|
.vf-entry__shield[data-v-cf2df81f] {
|
|
border-radius: 14px;
|
|
width: 56px;
|
|
height: 56px
|
|
}
|
|
|
|
.vf-entry__shield svg[data-v-cf2df81f] {
|
|
width: 32px;
|
|
height: 32px
|
|
}
|
|
|
|
.vf-entry__inst[data-v-cf2df81f] {
|
|
font-size: 16px
|
|
}
|
|
|
|
.vf-entry__steps[data-v-cf2df81f] {
|
|
gap: 10px
|
|
}
|
|
|
|
.vf-entry__step[data-v-cf2df81f] {
|
|
font-size: 8px
|
|
}
|
|
}
|
|
|
|
@media (max-width:375px) {
|
|
.vf-entry__nav-flag[data-v-cf2df81f] {
|
|
display: none
|
|
}
|
|
|
|
.vf-entry__center[data-v-cf2df81f] {
|
|
border-radius: 14px;
|
|
padding: 32px 22px 26px
|
|
}
|
|
|
|
.vf-entry__shield[data-v-cf2df81f] {
|
|
width: 50px;
|
|
height: 50px
|
|
}
|
|
|
|
.vf-entry__shield svg[data-v-cf2df81f] {
|
|
width: 28px;
|
|
height: 28px
|
|
}
|
|
|
|
.vf-entry__inst[data-v-cf2df81f] {
|
|
font-size: 15px
|
|
}
|
|
|
|
.vf-entry__sub[data-v-cf2df81f] {
|
|
letter-spacing: .1em;
|
|
font-size: 10px
|
|
}
|
|
|
|
.vf-entry__divider[data-v-cf2df81f] {
|
|
margin: 18px 0 16px
|
|
}
|
|
|
|
.vf-entry__spinner[data-v-cf2df81f] {
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.vf-entry__text[data-v-cf2df81f] {
|
|
letter-spacing: .1em;
|
|
font-size: 9.5px
|
|
}
|
|
|
|
.vf-entry__track[data-v-cf2df81f] {
|
|
width: 64px;
|
|
margin-top: 14px
|
|
}
|
|
|
|
.vf-entry__steps[data-v-cf2df81f] {
|
|
gap: 8px;
|
|
margin-top: 14px
|
|
}
|
|
|
|
.vf-entry__trust[data-v-cf2df81f] {
|
|
padding-top: 16px;
|
|
font-size: 9px
|
|
}
|
|
}
|
|
|
|
@media (max-width:320px) {
|
|
.vf-entry__nav-inner[data-v-cf2df81f] {
|
|
min-height: 48px;
|
|
padding: 4px 0
|
|
}
|
|
|
|
.vf-entry__brand-icon[data-v-cf2df81f] {
|
|
border-radius: 7px;
|
|
width: 30px;
|
|
height: 30px
|
|
}
|
|
|
|
.vf-entry__brand-mark[data-v-cf2df81f] {
|
|
font-size: 15px
|
|
}
|
|
|
|
.vf-entry__center[data-v-cf2df81f] {
|
|
border-radius: 12px;
|
|
padding: 26px 18px 20px
|
|
}
|
|
|
|
.vf-entry__shield[data-v-cf2df81f] {
|
|
border-radius: 11px;
|
|
width: 44px;
|
|
height: 44px
|
|
}
|
|
|
|
.vf-entry__shield svg[data-v-cf2df81f] {
|
|
width: 24px;
|
|
height: 24px
|
|
}
|
|
|
|
.vf-entry__eyebrow[data-v-cf2df81f] {
|
|
padding: 3px 8px;
|
|
font-size: 9px
|
|
}
|
|
|
|
.vf-entry__inst[data-v-cf2df81f] {
|
|
font-size: 14px
|
|
}
|
|
|
|
.vf-entry__sub[data-v-cf2df81f] {
|
|
font-size: 9px
|
|
}
|
|
|
|
.vf-entry__spinner[data-v-cf2df81f] {
|
|
width: 26px;
|
|
height: 26px
|
|
}
|
|
|
|
.vf-entry__text[data-v-cf2df81f] {
|
|
font-size: 9px
|
|
}
|
|
|
|
.vf-entry__track[data-v-cf2df81f] {
|
|
width: 48px
|
|
}
|
|
|
|
.vf-entry__steps[data-v-cf2df81f] {
|
|
display: none
|
|
}
|
|
|
|
.vf-entry__trust[data-v-cf2df81f] {
|
|
gap: 5px;
|
|
font-size: 8px
|
|
}
|
|
|
|
.vf-entry__trust-sep[data-v-cf2df81f] {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
@media (orientation:landscape) and (max-height:450px) {
|
|
.vf-entry__nav-inner[data-v-cf2df81f] {
|
|
min-height: 44px;
|
|
padding: 4px 0
|
|
}
|
|
|
|
.vf-entry__center[data-v-cf2df81f] {
|
|
padding: 24px 28px 20px
|
|
}
|
|
|
|
.vf-entry__shield[data-v-cf2df81f] {
|
|
width: 44px;
|
|
height: 44px;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.vf-entry__shield svg[data-v-cf2df81f] {
|
|
width: 24px;
|
|
height: 24px
|
|
}
|
|
|
|
.vf-entry__divider[data-v-cf2df81f] {
|
|
margin: 12px 0 10px
|
|
}
|
|
|
|
.vf-entry__spinner[data-v-cf2df81f] {
|
|
width: 26px;
|
|
height: 26px;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.vf-entry__track[data-v-cf2df81f] {
|
|
margin-top: 10px
|
|
}
|
|
|
|
.vf-entry__steps[data-v-cf2df81f] {
|
|
display: none
|
|
}
|
|
|
|
.vf-entry__trust[data-v-cf2df81f] {
|
|
padding-top: 10px
|
|
}
|
|
}
|
|
|
|
@layer properties {
|
|
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
|
|
|
|
*,
|
|
:before,
|
|
:after {
|
|
--_be: initial;
|
|
--_bf: initial;
|
|
--_at: initial;
|
|
--_bh: initial;
|
|
--_bi: initial;
|
|
--_bj: solid;
|
|
--_bk: 0 0 transparent;
|
|
--_bl: initial;
|
|
--_bm: 100%;
|
|
--_bn: 0 0 transparent;
|
|
--_bo: initial;
|
|
--_bp: 100%;
|
|
--_bq: initial;
|
|
--_br: 0 0 transparent;
|
|
--_bs: initial;
|
|
--_bt: 0 0 transparent;
|
|
--_bu: initial;
|
|
--_bv: 0px;
|
|
--_bw: #fff;
|
|
--_bx: 0 0 transparent;
|
|
--_by: solid;
|
|
--_bz: initial;
|
|
--_ca: initial;
|
|
--_cb: initial;
|
|
--_cc: initial;
|
|
--_cd: initial;
|
|
--_ce: initial;
|
|
--_cf: initial;
|
|
--_cg: initial;
|
|
--_ch: initial;
|
|
--_ci: initial;
|
|
--_cj: initial;
|
|
--_ck: 100%;
|
|
--_cl: initial;
|
|
--_cm: initial;
|
|
--_cn: initial;
|
|
--_co: initial;
|
|
--_cp: initial;
|
|
--_cq: initial;
|
|
--_cr: initial;
|
|
--_cs: initial;
|
|
--_ct: initial;
|
|
--_cu: initial;
|
|
--_cv: initial
|
|
}
|
|
|
|
::-ms-backdrop {
|
|
--_be: initial;
|
|
--_bf: initial;
|
|
--_at: initial;
|
|
--_bh: initial;
|
|
--_bi: initial;
|
|
--_bj: solid;
|
|
--_bk: 0 0 transparent;
|
|
--_bl: initial;
|
|
--_bm: 100%;
|
|
--_bn: 0 0 transparent;
|
|
--_bo: initial;
|
|
--_bp: 100%;
|
|
--_bq: initial;
|
|
--_br: 0 0 transparent;
|
|
--_bs: initial;
|
|
--_bt: 0 0 transparent;
|
|
--_bu: initial;
|
|
--_bv: 0px;
|
|
--_bw: #fff;
|
|
--_bx: 0 0 transparent;
|
|
--_by: solid;
|
|
--_bz: initial;
|
|
--_ca: initial;
|
|
--_cb: initial;
|
|
--_cc: initial;
|
|
--_cd: initial;
|
|
--_ce: initial;
|
|
--_cf: initial;
|
|
--_cg: initial;
|
|
--_ch: initial;
|
|
--_ci: initial;
|
|
--_cj: initial;
|
|
--_ck: 100%;
|
|
--_cl: initial;
|
|
--_cm: initial;
|
|
--_cn: initial;
|
|
--_co: initial;
|
|
--_cp: initial;
|
|
--_cq: initial;
|
|
--_cr: initial;
|
|
--_cs: initial;
|
|
--_ct: initial;
|
|
--_cu: initial;
|
|
--_cv: initial
|
|
}
|
|
|
|
::backdrop {
|
|
--_be: initial;
|
|
--_bf: initial;
|
|
--_at: initial;
|
|
--_bh: initial;
|
|
--_bi: initial;
|
|
--_bj: solid;
|
|
--_bk: 0 0 transparent;
|
|
--_bl: initial;
|
|
--_bm: 100%;
|
|
--_bn: 0 0 transparent;
|
|
--_bo: initial;
|
|
--_bp: 100%;
|
|
--_bq: initial;
|
|
--_br: 0 0 transparent;
|
|
--_bs: initial;
|
|
--_bt: 0 0 transparent;
|
|
--_bu: initial;
|
|
--_bv: 0px;
|
|
--_bw: #fff;
|
|
--_bx: 0 0 transparent;
|
|
--_by: solid;
|
|
--_bz: initial;
|
|
--_ca: initial;
|
|
--_cb: initial;
|
|
--_cc: initial;
|
|
--_cd: initial;
|
|
--_ce: initial;
|
|
--_cf: initial;
|
|
--_cg: initial;
|
|
--_ch: initial;
|
|
--_ci: initial;
|
|
--_cj: initial;
|
|
--_ck: 100%;
|
|
--_cl: initial;
|
|
--_cm: initial;
|
|
--_cn: initial;
|
|
--_co: initial;
|
|
--_cp: initial;
|
|
--_cq: initial;
|
|
--_cr: initial;
|
|
--_cs: initial;
|
|
--_ct: initial;
|
|
--_cu: initial;
|
|
--_cv: initial
|
|
}
|
|
}
|
|
}
|
|
|
|
@layer theme {
|
|
:root {
|
|
--_cw: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
--_cx: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
--_cy: .25rem;
|
|
--_cz: .25rem;
|
|
--_da: .375rem;
|
|
--_db: .5rem;
|
|
--_dc: 0 1px 2px 0 rgba(0, 0, 0, .05);
|
|
--_dd: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
|
|
--_de: cubic-bezier(.4, 0, .2, 1);
|
|
--_df: .15s;
|
|
--_dg: cubic-bezier(.4, 0, .2, 1);
|
|
--_dh: var(--_cw);
|
|
--_di: var(--_cx)
|
|
}
|
|
|
|
:host {
|
|
--_cw: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
--_cx: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
--_cy: .25rem;
|
|
--_cz: .25rem;
|
|
--_da: .375rem;
|
|
--_db: .5rem;
|
|
--_dc: 0 1px 2px 0 rgba(0, 0, 0, .05);
|
|
--_dd: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
|
|
--_de: cubic-bezier(.4, 0, .2, 1);
|
|
--_df: .15s;
|
|
--_dg: cubic-bezier(.4, 0, .2, 1);
|
|
--_dh: var(--_cw);
|
|
--_di: var(--_cx)
|
|
}
|
|
}
|
|
|
|
@layer base {
|
|
|
|
*,
|
|
:after,
|
|
:before {
|
|
box-sizing: border-box;
|
|
border: 0 solid;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
::-ms-backdrop {
|
|
box-sizing: border-box;
|
|
border: 0 solid;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
::backdrop {
|
|
box-sizing: border-box;
|
|
border: 0 solid;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
::-webkit-file-upload-button {
|
|
box-sizing: border-box;
|
|
border: 0 solid;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
::-ms-browse {
|
|
box-sizing: border-box;
|
|
border: 0 solid;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
::file-selector-button {
|
|
box-sizing: border-box;
|
|
border: 0 solid;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
html {
|
|
-webkit-text-size-adjust: 100%;
|
|
-moz-tab-size: 4;
|
|
tab-size: 4;
|
|
line-height: 1.5;
|
|
font-family: var(--_dh, ui-sans-serif, system-ui, sans-serif, "\41\70\70\6c\65 \43\6f\6c\6f\72 \45\6d\6f\6a\69", "\53\65\67\6f\65 \55\49 \45\6d\6f\6a\69", "\53\65\67\6f\65 \55\49 \53\79\6d\62\6f\6c", "\4e\6f\74\6f \43\6f\6c\6f\72 \45\6d\6f\6a\69");
|
|
font-feature-settings: var(--_hg, normal);
|
|
font-variation-settings: var(--_hh, normal);
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
:host {
|
|
-webkit-text-size-adjust: 100%;
|
|
-moz-tab-size: 4;
|
|
tab-size: 4;
|
|
line-height: 1.5;
|
|
font-family: var(--_dh, ui-sans-serif, system-ui, sans-serif, "\41\70\70\6c\65 \43\6f\6c\6f\72 \45\6d\6f\6a\69", "\53\65\67\6f\65 \55\49 \45\6d\6f\6a\69", "\53\65\67\6f\65 \55\49 \53\79\6d\62\6f\6c", "\4e\6f\74\6f \43\6f\6c\6f\72 \45\6d\6f\6a\69");
|
|
font-feature-settings: var(--_hg, normal);
|
|
font-variation-settings: var(--_hh, normal);
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
hr {
|
|
height: 0;
|
|
color: inherit;
|
|
border-top-width: 1px
|
|
}
|
|
|
|
abbr:where([title]) {
|
|
-webkit-text-decoration: underline dotted;
|
|
text-decoration: underline dotted
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-size: inherit;
|
|
font-weight: inherit
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
-webkit-text-decoration: inherit;
|
|
-webkit-text-decoration: inherit;
|
|
-webkit-text-decoration: inherit;
|
|
-webkit-text-decoration: inherit;
|
|
text-decoration: inherit
|
|
}
|
|
|
|
b,
|
|
strong {
|
|
font-weight: bolder
|
|
}
|
|
|
|
code,
|
|
kbd,
|
|
samp,
|
|
pre {
|
|
font-family: var(--_di, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "\4c\69\62\65\72\61\74\69\6f\6e \4d\6f\6e\6f", "\43\6f\75\72\69\65\72 \4e\65\77", monospace);
|
|
font-feature-settings: var(--_hi, normal);
|
|
font-variation-settings: var(--_hj, normal);
|
|
font-size: 1em
|
|
}
|
|
|
|
small {
|
|
font-size: 80%
|
|
}
|
|
|
|
sub,
|
|
sup {
|
|
vertical-align: baseline;
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative
|
|
}
|
|
|
|
sub {
|
|
bottom: -.25em
|
|
}
|
|
|
|
sup {
|
|
top: -.5em
|
|
}
|
|
|
|
table {
|
|
text-indent: 0;
|
|
border-color: inherit;
|
|
border-collapse: collapse
|
|
}
|
|
|
|
:-moz-focusring {
|
|
outline: auto
|
|
}
|
|
|
|
progress {
|
|
vertical-align: baseline
|
|
}
|
|
|
|
summary {
|
|
display: list-item
|
|
}
|
|
|
|
ol,
|
|
ul,
|
|
menu {
|
|
list-style: none
|
|
}
|
|
|
|
img,
|
|
svg,
|
|
video,
|
|
canvas,
|
|
audio,
|
|
iframe,
|
|
embed,
|
|
object {
|
|
vertical-align: middle;
|
|
display: block
|
|
}
|
|
|
|
img,
|
|
video {
|
|
max-width: 100%;
|
|
height: auto
|
|
}
|
|
|
|
button,
|
|
input,
|
|
select,
|
|
optgroup,
|
|
textarea {
|
|
font: inherit;
|
|
font-feature-settings: inherit;
|
|
font-variation-settings: inherit;
|
|
letter-spacing: inherit;
|
|
color: inherit;
|
|
opacity: 1;
|
|
background-color: transparent;
|
|
border-radius: 0
|
|
}
|
|
|
|
::-webkit-file-upload-button {
|
|
font: inherit;
|
|
font-feature-settings: inherit;
|
|
font-variation-settings: inherit;
|
|
letter-spacing: inherit;
|
|
color: inherit;
|
|
opacity: 1;
|
|
background-color: transparent;
|
|
border-radius: 0
|
|
}
|
|
|
|
::-ms-browse {
|
|
font: inherit;
|
|
font-feature-settings: inherit;
|
|
font-variation-settings: inherit;
|
|
letter-spacing: inherit;
|
|
color: inherit;
|
|
opacity: 1;
|
|
background-color: transparent;
|
|
border-radius: 0
|
|
}
|
|
|
|
::file-selector-button {
|
|
font: inherit;
|
|
font-feature-settings: inherit;
|
|
font-variation-settings: inherit;
|
|
letter-spacing: inherit;
|
|
color: inherit;
|
|
opacity: 1;
|
|
background-color: transparent;
|
|
border-radius: 0
|
|
}
|
|
|
|
:where(select:-webkit-any([multiple], [size])) optgroup {
|
|
font-weight: bolder
|
|
}
|
|
|
|
:where(select:-moz-any([multiple], [size])) optgroup {
|
|
font-weight: bolder
|
|
}
|
|
|
|
:where(select:is([multiple], [size])) optgroup {
|
|
font-weight: bolder
|
|
}
|
|
|
|
:where(select:-webkit-any([multiple], [size])) optgroup option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
padding-left: 20px
|
|
}
|
|
|
|
:where(select:-moz-any([multiple], [size])) optgroup option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
padding-left: 20px
|
|
}
|
|
|
|
:where(select:is([multiple], [size])) optgroup option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
padding-left: 20px
|
|
}
|
|
|
|
:where(select:-webkit-any([multiple], [size])) optgroup option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
padding-right: 20px
|
|
}
|
|
|
|
:where(select:-moz-any([multiple], [size])) optgroup option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
padding-right: 20px
|
|
}
|
|
|
|
:where(select:is([multiple], [size])) optgroup option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
padding-right: 20px
|
|
}
|
|
|
|
:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button {
|
|
margin-right: 4px
|
|
}
|
|
|
|
:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
|
|
margin-right: 4px
|
|
}
|
|
|
|
:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-ms-browse {
|
|
margin-right: 4px
|
|
}
|
|
|
|
:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
|
|
margin-right: 4px
|
|
}
|
|
|
|
:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button {
|
|
margin-left: 4px
|
|
}
|
|
|
|
:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
|
|
margin-left: 4px
|
|
}
|
|
|
|
:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-ms-browse {
|
|
margin-left: 4px
|
|
}
|
|
|
|
:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
|
|
margin-left: 4px
|
|
}
|
|
|
|
::-webkit-input-placeholder {
|
|
opacity: 1
|
|
}
|
|
|
|
::-moz-placeholder {
|
|
opacity: 1
|
|
}
|
|
|
|
::-ms-input-placeholder {
|
|
opacity: 1
|
|
}
|
|
|
|
::placeholder {
|
|
opacity: 1
|
|
}
|
|
|
|
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
|
|
::-webkit-input-placeholder {
|
|
color: currentColor
|
|
}
|
|
|
|
::-moz-placeholder {
|
|
color: currentColor
|
|
}
|
|
|
|
::-ms-input-placeholder {
|
|
color: currentColor
|
|
}
|
|
|
|
::placeholder {
|
|
color: currentColor
|
|
}
|
|
|
|
@supports (color:color-mix(in lab, red, red)) {
|
|
::-webkit-input-placeholder {
|
|
color: color-mix(in oklab, currentcolor 50%, transparent)
|
|
}
|
|
|
|
::-moz-placeholder {
|
|
color: color-mix(in oklab, currentcolor 50%, transparent)
|
|
}
|
|
|
|
::-ms-input-placeholder {
|
|
color: color-mix(in oklab, currentcolor 50%, transparent)
|
|
}
|
|
|
|
::placeholder {
|
|
color: color-mix(in oklab, currentcolor 50%, transparent)
|
|
}
|
|
}
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical
|
|
}
|
|
|
|
::-webkit-search-decoration {
|
|
-webkit-appearance: none
|
|
}
|
|
|
|
::-webkit-date-and-time-value {
|
|
min-height: 1lh;
|
|
text-align: inherit
|
|
}
|
|
|
|
::-webkit-datetime-edit {
|
|
display: inline-flex
|
|
}
|
|
|
|
::-webkit-datetime-edit-fields-wrapper {
|
|
padding: 0
|
|
}
|
|
|
|
::-webkit-datetime-edit {
|
|
padding-top: 0;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
::-webkit-datetime-edit-year-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
::-webkit-datetime-edit-month-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
::-webkit-datetime-edit-day-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
::-webkit-datetime-edit-hour-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
::-webkit-datetime-edit-minute-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
::-webkit-datetime-edit-second-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
::-webkit-datetime-edit-millisecond-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
::-webkit-datetime-edit-meridiem-field {
|
|
padding-top: 0;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
::-webkit-calendar-picker-indicator {
|
|
line-height: 1
|
|
}
|
|
|
|
:-moz-ui-invalid {
|
|
box-shadow: none
|
|
}
|
|
|
|
button {
|
|
-webkit-appearance: button;
|
|
-moz-appearance: button;
|
|
-ms-appearance: button;
|
|
appearance: button
|
|
}
|
|
|
|
input:where([type=button], [type=reset], [type=submit]) {
|
|
-webkit-appearance: button;
|
|
-moz-appearance: button;
|
|
-ms-appearance: button;
|
|
appearance: button
|
|
}
|
|
|
|
::-webkit-file-upload-button {
|
|
-webkit-appearance: button;
|
|
-moz-appearance: button;
|
|
-ms-appearance: button;
|
|
appearance: button
|
|
}
|
|
|
|
::-ms-browse {
|
|
-webkit-appearance: button;
|
|
-moz-appearance: button;
|
|
-ms-appearance: button;
|
|
appearance: button
|
|
}
|
|
|
|
::file-selector-button {
|
|
-webkit-appearance: button;
|
|
-moz-appearance: button;
|
|
-ms-appearance: button;
|
|
appearance: button
|
|
}
|
|
|
|
::-webkit-inner-spin-button {
|
|
height: auto
|
|
}
|
|
|
|
::-webkit-outer-spin-button {
|
|
height: auto
|
|
}
|
|
|
|
[hidden]:where(:not([hidden=until-found])) {
|
|
display: none !important
|
|
}
|
|
}
|
|
|
|
@layer components;
|
|
|
|
@layer utilities {
|
|
.visible {
|
|
visibility: visible
|
|
}
|
|
|
|
.fixed {
|
|
position: fixed
|
|
}
|
|
|
|
.relative {
|
|
position: relative
|
|
}
|
|
|
|
.start:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
left: var(--_cy)
|
|
}
|
|
|
|
.start:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
left: var(--_cy)
|
|
}
|
|
|
|
.start:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
left: var(--_cy)
|
|
}
|
|
|
|
.start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
right: var(--_cy)
|
|
}
|
|
|
|
.start:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
right: var(--_cy)
|
|
}
|
|
|
|
.start:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
right: var(--_cy)
|
|
}
|
|
|
|
.end:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
right: var(--_cy)
|
|
}
|
|
|
|
.end:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
right: var(--_cy)
|
|
}
|
|
|
|
.end:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
|
right: var(--_cy)
|
|
}
|
|
|
|
.end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
left: var(--_cy)
|
|
}
|
|
|
|
.end:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
left: var(--_cy)
|
|
}
|
|
|
|
.end:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
left: var(--_cy)
|
|
}
|
|
|
|
.container {
|
|
width: 100%
|
|
}
|
|
|
|
@media (min-width:40rem) {
|
|
.container {
|
|
max-width: 40rem
|
|
}
|
|
}
|
|
|
|
@media (min-width:48rem) {
|
|
.container {
|
|
max-width: 48rem
|
|
}
|
|
}
|
|
|
|
@media (min-width:64rem) {
|
|
.container {
|
|
max-width: 64rem
|
|
}
|
|
}
|
|
|
|
@media (min-width:80rem) {
|
|
.container {
|
|
max-width: 80rem
|
|
}
|
|
}
|
|
|
|
@media (min-width:96rem) {
|
|
.container {
|
|
max-width: 96rem
|
|
}
|
|
}
|
|
|
|
.block {
|
|
display: block
|
|
}
|
|
|
|
.flex {
|
|
display: flex
|
|
}
|
|
|
|
.hidden {
|
|
display: none
|
|
}
|
|
|
|
.table {
|
|
display: table
|
|
}
|
|
|
|
.flex-shrink {
|
|
flex-shrink: 1
|
|
}
|
|
|
|
.transform {
|
|
transform: var(--_be, ) var(--_bf, ) var(--_at, ) var(--_bh, ) var(--_bi, )
|
|
}
|
|
|
|
.resize {
|
|
resize: both
|
|
}
|
|
|
|
.flex-wrap {
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.border {
|
|
border-style: var(--_bj);
|
|
border-width: 1px
|
|
}
|
|
|
|
.capitalize {
|
|
text-transform: capitalize
|
|
}
|
|
|
|
.ring {
|
|
--_br: var(--_bu, ) 0 0 0 calc(1px+var(--_bv)) var(--_bq, currentcolor);
|
|
box-shadow: var(--_bn), var(--_bt), var(--_bx), var(--_br), var(--_bk)
|
|
}
|
|
|
|
.outline {
|
|
outline-style: var(--_by);
|
|
outline-width: 1px
|
|
}
|
|
|
|
.blur {
|
|
--_bz: blur(8px);
|
|
-webkit-filter: var(--_bz, ) var(--_ca, ) var(--_cb, ) var(--_cc, ) var(--_cd, ) var(--_ce, ) var(--_cg, ) var(--_ch, ) var(--_ci, );
|
|
filter: var(--_bz, ) var(--_ca, ) var(--_cb, ) var(--_cc, ) var(--_cd, ) var(--_ce, ) var(--_cg, ) var(--_ch, ) var(--_ci, )
|
|
}
|
|
|
|
.filter {
|
|
-webkit-filter: var(--_bz, ) var(--_ca, ) var(--_cb, ) var(--_cc, ) var(--_cd, ) var(--_ce, ) var(--_cg, ) var(--_ch, ) var(--_ci, );
|
|
filter: var(--_bz, ) var(--_ca, ) var(--_cb, ) var(--_cc, ) var(--_cd, ) var(--_ce, ) var(--_cg, ) var(--_ch, ) var(--_ci, )
|
|
}
|
|
|
|
.backdrop-filter {
|
|
-webkit-backdrop-filter: var(--_cm, ) var(--_cn, ) var(--_co, ) var(--_cp, ) var(--_cq, ) var(--_cr, ) var(--_cs, ) var(--_ct, ) var(--_cu, );
|
|
backdrop-filter: var(--_cm, ) var(--_cn, ) var(--_co, ) var(--_cp, ) var(--_cq, ) var(--_cr, ) var(--_cs, ) var(--_ct, ) var(--_cu, )
|
|
}
|
|
|
|
.transition {
|
|
transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, -webkit-filter, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
|
|
transition-timing-function: var(--_cv, var(--_dg));
|
|
transition-duration: var(--_hk, var(--_df))
|
|
}
|
|
|
|
.ease-in-out {
|
|
--_cv: var(--_de);
|
|
transition-timing-function: var(--_de)
|
|
}
|
|
}
|
|
|
|
:root {
|
|
--_dj: #1a3a5c;
|
|
--_dk: #2196f3;
|
|
--_dl: #4a8abf;
|
|
--_dm: #eaf2f9;
|
|
--_dn: #00722d;
|
|
--_do: #e8f5ed;
|
|
--_dp: #b08d57;
|
|
--_dq: #f5f0e7;
|
|
--_dr: #c0392b;
|
|
--_ds: #fdecea;
|
|
--_dt: #d4611e;
|
|
--_du: #1d2939;
|
|
--_dv: #475467;
|
|
--_dw: #98a2b3;
|
|
--_dx: #d0d5dd;
|
|
--_dy: #fff;
|
|
--_dz: #f5f6f8;
|
|
--_ea: #eef0f3;
|
|
--_eb: #fff;
|
|
--_ec: #fff;
|
|
--_ed: #f9fafb;
|
|
--_ee: #d0d5dd;
|
|
--_ef: #e4e7ec;
|
|
--_eg: #f2f4f7;
|
|
--_eh: 4px;
|
|
--_ei: 8px;
|
|
--_ej: 12px;
|
|
--_ek: 16px;
|
|
--_el: 20px;
|
|
--_em: 24px;
|
|
--_en: 32px;
|
|
--_eo: 12px;
|
|
--_ep: 13px;
|
|
--_eq: 14px;
|
|
--_er: 16px;
|
|
--_es: 20px;
|
|
--_et: 24px;
|
|
--_cz: 4px;
|
|
--_da: 8px;
|
|
--_db: 12px;
|
|
--_dc: 0 1px 2px rgba(16, 24, 40, .04);
|
|
--_dd: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);
|
|
--_eu: 0 4px 8px -2px rgba(16, 24, 40, .06), 0 2px 4px -2px rgba(16, 24, 40, .04);
|
|
--_ev: cubic-bezier(.4, 0, .2, 1);
|
|
--_ew: .15s var(--_ev);
|
|
--_ex: .2s var(--_ev);
|
|
--_ey: .3s var(--_ev);
|
|
--_ez: "Roboto", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
--_fa: env(safe-area-inset-top, 0px);
|
|
--_fb: env(safe-area-inset-bottom, 0px);
|
|
--_fc: var(--_dk);
|
|
--_fd: var(--_dj);
|
|
--_fe: var(--_dl);
|
|
--_ff: var(--_dn);
|
|
--_fg: var(--_do);
|
|
--_fh: var(--_dp);
|
|
--_fi: var(--_dq);
|
|
--_fj: var(--_dr);
|
|
--_fk: var(--_ds);
|
|
--_fl: var(--_dt);
|
|
--_fm: var(--_dz);
|
|
--_fn: var(--_ea);
|
|
--_fo: var(--_eb);
|
|
--_fp: var(--_du);
|
|
--_fq: var(--_dv);
|
|
--_fr: var(--_dw);
|
|
--_fs: var(--_ee);
|
|
--_ft: var(--_ef);
|
|
--_fu: rgba(16, 24, 40, .08);
|
|
--_fv: rgba(16, 24, 40, .12);
|
|
--_fw: var(--_ez);
|
|
--_fx: 6px;
|
|
--_fy: var(--_db);
|
|
--_fz: 40px;
|
|
--_ga: 56px;
|
|
--_gb: 72px;
|
|
--_gc: 96px;
|
|
--_gd: cubic-bezier(.4, 0, .2, 1);
|
|
--_ge: cubic-bezier(.22, .61, .36, 1);
|
|
--_gf: cubic-bezier(.34, 1.26, .64, 1);
|
|
--_gg: .15s;
|
|
--_gh: .25s;
|
|
--_gi: .4s;
|
|
--_gj: #fcfcfd;
|
|
--_gk: #f9fafb;
|
|
--_gl: #f2f4f7;
|
|
--_gm: #e4e7ec;
|
|
--_gn: #d0d5dd;
|
|
--_go: #98a2b3;
|
|
--_gp: #667085;
|
|
--_gq: #475467;
|
|
--_gr: #344054;
|
|
--_gs: #1d2939;
|
|
--_gt: #101828;
|
|
--_gu: #296399;
|
|
--_gv: #1f4d7a;
|
|
--_gw: #eaf2f9;
|
|
--_gx: 56px;
|
|
--_gy: 40px;
|
|
--_gz: 24px;
|
|
--_ha: 20px;
|
|
--_hb: 16px;
|
|
--_hc: 14px;
|
|
--_hd: 13px;
|
|
--_he: 12px
|
|
}
|
|
|
|
@supports (color:oklch(50% 0 0)) {
|
|
:root {
|
|
--_gu: oklch(45% .08 240);
|
|
--_gv: oklch(38% .08 240);
|
|
--_gw: oklch(95% .02 240)
|
|
}
|
|
}
|
|
|
|
html {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-rendering: optimizelegibility
|
|
}
|
|
|
|
.vf-tnum {
|
|
font-variant-numeric: tabular-nums
|
|
}
|
|
|
|
.vf-fade-in {
|
|
animation: vfFadeIn var(--_gh) var(--_ge) both
|
|
}
|
|
|
|
.vf-slide-up {
|
|
animation: vfSlideUp var(--_gh) var(--_ge) both
|
|
}
|
|
|
|
.vf-pop-in {
|
|
animation: vfPopIn var(--_gi) var(--_gf) both
|
|
}
|
|
|
|
@keyframes vfFadeIn {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes vfSlideUp {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(8px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes vfPopIn {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(.96)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.vf-delay-1 {
|
|
animation-delay: 40ms
|
|
}
|
|
|
|
.vf-delay-2 {
|
|
animation-delay: 80ms
|
|
}
|
|
|
|
.vf-delay-3 {
|
|
animation-delay: .12s
|
|
}
|
|
|
|
.vf-press {
|
|
transition: transform var(--_gg) var(--_gd)
|
|
}
|
|
|
|
.vf-press:active:not(:disabled) {
|
|
transform: scale(.97)
|
|
}
|
|
|
|
.vf-focus-ring {
|
|
transition: border-color var(--_gg) var(--_gd), box-shadow var(--_gh) var(--_ge)
|
|
}
|
|
|
|
.vf-focus-ring:focus {
|
|
border-color: var(--_dk);
|
|
box-shadow: 0 0 0 4px var(--_dm);
|
|
outline: 0
|
|
}
|
|
|
|
@media (prefers-reduced-motion:reduce) {
|
|
|
|
.vf-fade-in,
|
|
.vf-slide-up,
|
|
.vf-pop-in {
|
|
opacity: 1;
|
|
animation: none;
|
|
transform: none
|
|
}
|
|
|
|
.vf-press:active:not(:disabled) {
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
html {
|
|
background: var(--_dz);
|
|
-webkit-text-size-adjust: 100%;
|
|
-moz-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
text-size-adjust: 100%
|
|
}
|
|
|
|
html,
|
|
body {
|
|
touch-action: manipulation;
|
|
min-height: 100dvh;
|
|
min-height: -webkit-fill-available
|
|
}
|
|
|
|
body {
|
|
overscroll-behavior-y: none;
|
|
-webkit-overflow-scrolling: touch;
|
|
font-family: var(--_ez);
|
|
color: var(--_du);
|
|
/* overflow-x: hidden;
|
|
overflow-y: auto */
|
|
}
|
|
|
|
*,
|
|
:before,
|
|
:after {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
button,
|
|
a,
|
|
summary,
|
|
input {
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
input,
|
|
select,
|
|
textarea {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-ms-appearance: none;
|
|
appearance: none;
|
|
color: #010202 !important
|
|
}
|
|
|
|
button {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-ms-appearance: none;
|
|
appearance: none
|
|
}
|
|
|
|
@media (min-width:1439px) {
|
|
.kt-container {
|
|
width: 100% !important;
|
|
max-width: none !important;
|
|
margin: 0 !important;
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important
|
|
}
|
|
|
|
#kt_wrapper,
|
|
#kt_body,
|
|
#kt_content,
|
|
.kt-grid.kt-grid--root,
|
|
.kt-grid.kt-grid--root>.kt-page {
|
|
width: 100% !important;
|
|
max-width: 100% !important
|
|
}
|
|
}
|
|
|
|
@property --tw-rotate-x {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-rotate-y {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-rotate-z {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-skew-x {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-skew-y {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-border-style {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: solid
|
|
}
|
|
|
|
@property --tw-shadow {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0 0 transparent
|
|
}
|
|
|
|
@property --tw-shadow-color {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-shadow-alpha {
|
|
syntax: "<percentage>";
|
|
inherits: false;
|
|
initial-value: 100%
|
|
}
|
|
|
|
@property --tw-inset-shadow {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0 0 transparent
|
|
}
|
|
|
|
@property --tw-inset-shadow-color {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-inset-shadow-alpha {
|
|
syntax: "<percentage>";
|
|
inherits: false;
|
|
initial-value: 100%
|
|
}
|
|
|
|
@property --tw-ring-color {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-ring-shadow {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0 0 transparent
|
|
}
|
|
|
|
@property --tw-inset-ring-color {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-inset-ring-shadow {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0 0 transparent
|
|
}
|
|
|
|
@property --tw-ring-inset {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-ring-offset-width {
|
|
syntax: "<length>";
|
|
inherits: false;
|
|
initial-value: 0
|
|
}
|
|
|
|
@property --tw-ring-offset-color {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: #fff
|
|
}
|
|
|
|
@property --tw-ring-offset-shadow {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: 0 0 transparent
|
|
}
|
|
|
|
@property --tw-outline-style {
|
|
syntax: "*";
|
|
inherits: false;
|
|
initial-value: solid
|
|
}
|
|
|
|
@property --tw-blur {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-brightness {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-contrast {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-grayscale {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-hue-rotate {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-invert {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-opacity {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-saturate {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-sepia {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-drop-shadow {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-drop-shadow-color {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-drop-shadow-alpha {
|
|
syntax: "<percentage>";
|
|
inherits: false;
|
|
initial-value: 100%
|
|
}
|
|
|
|
@property --tw-drop-shadow-size {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-backdrop-blur {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-backdrop-brightness {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-backdrop-contrast {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-backdrop-grayscale {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-backdrop-hue-rotate {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-backdrop-invert {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-backdrop-opacity {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-backdrop-saturate {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-backdrop-sepia {
|
|
syntax: "*";
|
|
inherits: false
|
|
}
|
|
|
|
@property --tw-ease {
|
|
syntax: "*";
|
|
inherits: false
|
|
} |