Files
telangpu 2cc12b5ab7 update
2026-05-10 23:37:56 +08:00

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
}