@font-face { font-family: 'Lyft Pro UI'; src: url(../../../../fonts/LyftProUI-Bold.woff2) format("woff2"), url(../../../../fonts/LyftProUI-Bold.woff) format("woff"); font-style: normal; font-display: swap }
@font-face { font-family: 'Proxima Nova'; src: url(../../../../fonts/ProximaNova-Regular.woff2) format("woff2"), url(../../../../fonts/ProximaNova-Regular.woff) format("woff"); font-style: normal; font-display: swap }
html, body { min-height: 100%; }
body { font-family: 'Proxima Nova'; }
#wrapper { overflow: visible; } #main .inner-vcard { font-family: inherit; } #main, #wrapper { display: block; }
#page_container, .virtual-form-view div#otpContainer { padding: 0; }
/*.close { flex-shrink: 0; display: flex; position: absolute; top: 19px; left: 14px; width: 26px; height: 26px; margin: 0; opacity: 1; z-index: 2; }
.close:hover { opacity: 1; }
.close:before, .close:after { position: absolute; left: 15px; content: ' '; height: 26px; width: 2px; background-color: #0C0B31; transform-origin: center; }
.close:before { transform: rotate(45deg); } .close:after { transform: rotate(-45deg); }
.close + br { display: none; } .form br { display: none; }*/
.form fieldset legend { position: absolute; top: -9999rem; left: -9999rem; }
.form fieldset > div { padding: 33px 16px 16px; /*padding: 59px 16px 16px;*/ display: flex; min-height: 100vh; min-height: 100dvh; flex-direction: column; justify-content: space-between; position: relative; }
.otp_widget-form #OtpCodeField[type="hidden"].error-field + .card-steps-holder .input-step .form-control,
.otp_widget-form .card-steps-holder.error-field .input-step .step-holder input[type="text"].form-control { border-color: #DB3615 !important; }
.virtual-form-view .otp_widget-form { flex-grow: 1; padding: 0; }
.virtual-form-view .otp_widget-form .header { margin: 0 2px 17px; }
.inner-vcard .header .subHeading { font: 500 26px/29px 'Lyft Pro UI'; margin: 0 0 9px; color: #0C0B31; letter-spacing: 0.000625rem; }
.virtual-form-view .otp_widget-form .header .label { display: block; margin: 0 !important; color: #55556F !important; min-height: inherit !important; font: 400 17px/1.1 'Proxima Nova' !important; }
.field-holder { min-height: inherit; }
.card-steps-holder { display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding: 0 22px 8px; }
.card-steps-holder .input-step:nth-child(3) { margin: 0; }
.card-steps-holder .input-step { padding: 0 !important; flex: 0 0 48px; max-width: 48px; display: flex !important; flex-direction: column; }
.vcard-con .vcard-public .img-card-holder .card_img-holder { display: none !important; }
.virtual-card-info-bottom-row-detail:not(:last-child)::after { background: #E7E7EB; }
.virtual-form-view .otp_widget-form .input-step .step-holder input[type="text"].form-control { height: 48px !important; border: #B7B6C2 solid 1px !important; border-radius: 8px; padding: 10px 4px !important; vertical-align: middle; color: #0C0B31 !important; font: 700 22px/26px 'Lyft Pro UI' !important; }
.vcard-public .form .btns { margin: 0; flex-shrink: 0; display: flex; flex-direction: column-reverse; gap: 8px; position: static !important; max-width: none; }
.vcard-public .form .btns.formBtns { width: 100%; }
.vcard-public .form .btns .btn { font: 500 20px/26px 'Lyft Pro UI'; padding: 14px 15px !important }
.vcard-public .form .btns #nextBtn.btn { margin: 0; border-radius: 54px; }
.vcard-public .form .btns #webviewResendBtn.btn { margin: 0; display: flex; align-items: center; justify-content: center; gap: 5px; }
.vcard-public .form .btns #webviewResendBtn.btn.resendDisabled { color: #BDB4F5 !important; letter-spacing: 0.0875rem; }
.vcard-public .form .btns #webviewResendBtn.btn strong { font-weight: 500; }
/* card info screen */
.vcard-public .img-card-holder { width: 106px; height: 164px; padding: 0; margin: 0 auto 41px; border-radius: 0; background-size: 106px 164px !important; }
.vcard-con .sub-container.vcard-public { margin: 0; padding: 102px 16px 16px; }
.vcard-public .virtual-card-info-bottom-title { color: #55556F; font: 15px/1.1 'Proxima Nova'; }
.vcard-public .virtual-card-info-bottom-data { color: #0C0B31; font: 500 17px/1.1 'Proxima Nova'; }
.vcard-public .virtual-card-info-bottom-details { margin: 0 -16px 0 0; font-family: inherit; }
.vcard-public .virtual-card-info-bottom-row-detail { padding: 16px 0 17px; }
.vcard-public .virtual-card-info-bottom-row-detail:first-child { padding: 16px 0 18px; }
.vcard-public .virtual-card-info-bottom-row-detail:last-child { padding: 16px 0 17px; }
.vcard-public .img-card-holder .logo-holder.logo-holder-inner { display: none; }
/* error screen */
#main .vir-card-msg.not-available { padding: 60px 16px 16px; min-height: 100vh; min-height: 100dvh; text-align: left; display: flex; flex-direction: column; justify-content: space-between; }
#main .vir-card-msg.not-available section { padding: 0 0 16px; flex-grow: 1; }
#main .vir-card-msg.not-available section .vir-card-img { display: none; }
#main .vir-card-msg.not-available section h1 { color: #0C0B31; margin: 0 0 8px; letter-spacing: -0.0125rem; font: 700 26px/1.15 'Lyft Pro UI'; }
#main .vir-card-msg.not-available section p { font: 17px/1.1 'Proxima Nova'; color: #55556F; letter-spacing: 0.00625rem; }
#main .vir-card-msg.not-available .btn { flex-shrink: 0; font: 500 20px/26px 'Lyft Pro UI'; border-radius: 56px; padding: 14px 15px; }
.otp_widget-wrapper [id*="multitext-"] ~ .error-text { font: 15px/1.1 'Proxima Nova'; margin: 0 0 0 15px !important; padding-left: 24px; background: url(../../../../cstatic/eab138cf-ac9f-4576-aa1c-ca4c6d040ea3/lyft-error-icon.svg) no-repeat 0 0; }
.section-loader .svg-holder svg circle { fill: #523be4 !important; }
.virtual-card-info-bottom-copy { margin: 0 16px; }
.virtual-card-info-bottom-copy-btn { background: #F4F3F8; border-width: 0; min-width: 72px; font: 500 17px/22px 'Lyft Pro UI'; padding: 7px 13px; }
#copy-virtual-card-toast { color: #0C0B31; z-index: 5; max-width: 374px; width: calc(100% - 16px); min-height: 48px; display: flex; align-items: center; box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.22); padding: 5px 14px 5px 44px; background: #fff url(../../../../cstatic/b8a35acd-6b0e-4418-a625-e89516e76636/virtual-card-toast-icon.svg) no-repeat 11px 49.5%; }
#copy-virtual-card-toast.show { top: 14px; }
#copy-virtual-card-toast .copy-virtual-card-toast-img { display: none; }
#copy-virtual-card-toast .copy-virtual-card-toast { padding: 0; font: 500 17px/1.1 'Proxima Nova'; }
@media screen and (max-width:992px) and (orientation:landscape) {
	#page_container .formBtns { display: flex; flex-direction: column-reverse; }
}
@media screen and (max-width: 992px) and (orientation: landscape) {
	#page_container .formBtns { transform: none !important; min-width: inherit !important; width: 100% !important; }
}
@media screen and (max-width:392px) {
	.card-steps-holder .input-step { flex: 0 0 44px; max-width: 44px; }
}
/*
@supports (-webkit-touch-callout: none) {
	.form fieldset > div,
	#main .vir-card-msg.not-available { min-height: calc(100dvh - 70px); }
}
.form fieldset > div,
#main .vir-card-msg.not-available { background: #cccccc50; }
*/