.src-components-Header-style-module__Header-iUI8a_ { justify-content: space-between; align-items: center; width: 100%; padding: 12px 0; display: flex; } .src-components-Header-style-module__Header-iUI8a_ .src-components-Header-style-module__logo-YEuqRX { width: 114.683px; height: 20px; } .src-components-Header-style-module__Header-iUI8a_ .src-components-Header-style-module__logo-YEuqRX svg { object-fit: contain; width: 100%; height: 100%; color: var(--Text-primary); } .src-components-Header-style-module__Header-iUI8a_ .src-components-Header-style-module__btns-E3ONjx { align-items: center; gap: 8px; display: flex; } .src-components-Header-style-module__Header-iUI8a_ .src-components-Header-style-module__btns-E3ONjx .src-components-Header-style-module__lang-m9I2aR, .src-components-Header-style-module__Header-iUI8a_ .src-components-Header-style-module__btns-E3ONjx .src-components-Header-style-module__help-Bezi75 { padding: var(--spacing-200); align-items: center; gap: var(--spacing-100); color: var(--Text-primary); border-radius: var(--border-radius-300); border: var(--border-width-50) solid var(--Strokes-card); background: var(--Backgrounds-card); box-shadow: 0 4px 4px 0 var(--Shadows-s); -webkit-backdrop-filter: blur(calc(var(--scale-500) / 2)); backdrop-filter: blur(calc(var(--scale-500) / 2)); display: flex; } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M { flex-direction: column; align-items: center; gap: 24px; width: 100%; display: flex; } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M h1 { max-width: 80%; color: var(--Text-primary); text-align: center; font-family: var(--font-Primary); font-size: var(--headings-h4-text-size); font-style: normal; font-weight: 900; line-height: var(--headings-h4-paragraph-spacing); } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M .src-domains-FlowPrepaid-pages-ParkingPage-style-module__inputWrapper-oqLROv { align-items: center; width: 100%; padding: 0 4px; display: flex; position: relative; } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M .src-domains-FlowPrepaid-pages-ParkingPage-style-module__inputWrapper-oqLROv input { width: 100%; } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M .src-domains-FlowPrepaid-pages-ParkingPage-style-module__inputWrapper-oqLROv .src-domains-FlowPrepaid-pages-ParkingPage-style-module__clearButton-R6Ru0y { width: 20px; height: 20px; color: var(--Text-primary, #000); background-color: #0000; padding: 0; position: absolute; right: 12px; } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M .src-domains-FlowPrepaid-pages-ParkingPage-style-module__findOnMap-pRmZ0b { flex-direction: column; align-items: center; display: flex; } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M .src-domains-FlowPrepaid-pages-ParkingPage-style-module__findOnMap-pRmZ0b p { color: var(--Text-primary); text-align: center; font-family: var(--font-Primar); font-size: var(--body-s-text-size, 14px); font-style: normal; font-weight: 500; line-height: var(--body-s-paragraph-spacing, 16px); } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M .src-domains-FlowPrepaid-pages-ParkingPage-style-module__errorMessage-jXJs3U { color: var(--Text-error); text-align: center; font-family: var(--font-Primary); font-size: var(--body-s-text-size); font-style: normal; font-weight: 500; line-height: var(--body-s-paragraph-spacing); } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M .src-domains-FlowPrepaid-pages-ParkingPage-style-module__parkingContent-NJXYqY { align-items: center; gap: var(--spacing-600); flex-direction: column; width: 100%; display: flex; } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M .src-domains-FlowPrepaid-pages-ParkingPage-style-module__parkingContent-NJXYqY .src-domains-FlowPrepaid-pages-ParkingPage-style-module__address-hLCBiC { color: var(--Text-primary); text-align: center; font-family: var(--font-Primary); font-size: var(--body-s-text-size); font-style: normal; font-weight: 500; line-height: var(--body-s-paragraph-spacing); } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M .src-domains-FlowPrepaid-pages-ParkingPage-style-module__parkingContent-NJXYqY .src-domains-FlowPrepaid-pages-ParkingPage-style-module__tariffWrapper-LG2qVz { width: 100%; position: relative; } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M .src-domains-FlowPrepaid-pages-ParkingPage-style-module__parkingContent-NJXYqY .src-domains-FlowPrepaid-pages-ParkingPage-style-module__tariffWrapper-LG2qVz .src-domains-FlowPrepaid-pages-ParkingPage-style-module__tariffGlow-meZCny { width: 100%; height: 50%; position: absolute; top: 0; left: 0; } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M .src-domains-FlowPrepaid-pages-ParkingPage-style-module__btnWrapper-wJa6Rk { width: 100%; margin-top: 96px; position: relative; } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M .src-domains-FlowPrepaid-pages-ParkingPage-style-module__btnWrapper-wJa6Rk .src-domains-FlowPrepaid-pages-ParkingPage-style-module__nextBtnGlow-ydP6w7 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .src-domains-FlowPrepaid-pages-ParkingPage-style-module__ParkingPage-UqBc0M .src-domains-FlowPrepaid-pages-ParkingPage-style-module__btnWrapper-wJa6Rk .src-domains-FlowPrepaid-pages-ParkingPage-style-module__nextBtn-cFCwH4 { width: 100%; } .src-components-Badge1-style-module__Badge1-vFCdab { padding: var(--spacing-50) var(--spacing-200); border-radius: var(--border-radius-100); border: var(--border-width-25) solid var(--Strokes-label); background: var(--Backgrounds-label-gray-100); color: var(--Text-primary); text-align: right; font-family: var(--font-Primary); font-size: var(--body-caption-text-size); font-style: normal; font-weight: 500; line-height: var(--body-caption-paragraph-spacing); justify-content: center; align-items: center; gap: 2px; display: flex; } .src-components-Modals-ShowParkingDetails-style-module__ShowParkingDetails-crkC14, .src-components-Modals-ShowParkingDetails-style-module__ShowParkingDetailsContent-iayaF2 { width: 100%; margin: 0; padding: 0; } .src-components-Modals-ShowParkingDetails-style-module__ShowParkingDetails-crkC14 { box-shadow: none; } .src-components-Modals-ShowParkingDetails-style-module__ShowParkingDetailsContent-iayaF2 { align-items: center; gap: var(--spacing-600); padding: var(--spacing-800); border-radius: var(--border-radius-800, 32px) var(--border-radius-800, 32px) var(--border-radius-none, 0) var(--border-width-none, 0); border: 2px solid var(--Strokes-card); background: var(--Backgrounds-info); -webkit-backdrop-filter: blur(calc(var(--scale-500) / 2)); backdrop-filter: blur(calc(var(--scale-500) / 2)); flex-direction: column; display: flex; } .src-components-Modals-ShowParkingDetails-style-module__ShowParkingDetailsContent-iayaF2 .src-components-Modals-ShowParkingDetails-style-module__header-dPgjr7 { justify-content: center; align-items: center; width: 100%; display: flex; position: relative; } .src-components-Modals-ShowParkingDetails-style-module__ShowParkingDetailsContent-iayaF2 .src-components-Modals-ShowParkingDetails-style-module__header-dPgjr7 .src-components-Modals-ShowParkingDetails-style-module__close-Fwgweh { width: 24px; height: 24px; color: var(--Backgrounds-label-blue); background-color: #0000; padding: 0; position: absolute; left: 0; } .src-components-Modals-ShowParkingDetails-style-module__ShowParkingDetailsContent-iayaF2 .src-components-Modals-ShowParkingDetails-style-module__header-dPgjr7 .src-components-Modals-ShowParkingDetails-style-module__close-Fwgweh svg { object-fit: contain; width: 100%; height: 100%; } .src-components-Modals-ShowParkingDetails-style-module__ShowParkingDetailsContent-iayaF2 .src-components-Modals-ShowParkingDetails-style-module__header-dPgjr7 .src-components-Modals-ShowParkingDetails-style-module__modalTitle-Vlkiag { color: var(--Text-primary); text-align: center; font-family: var(--font-Primary); font-size: var(--headings-h6-text-size); font-style: normal; font-weight: 500; line-height: var(--headings-h6-paragraph-spacing); } .src-components-Modals-ShowParkingDetails-style-module__ShowParkingDetailsContent-iayaF2 .src-components-Modals-ShowParkingDetails-style-module__content-Sz2sFY { width: 100%; display: inherit; flex-direction: inherit; align-items: inherit; gap: inherit; overflow-y: auto; } .src-components-Modals-ShowParkingDetails-style-module__ShowParkingDetailsContent-iayaF2 .src-components-Modals-ShowParkingDetails-style-module__content-Sz2sFY .src-components-Modals-ShowParkingDetails-style-module__address-hCuwPU { color: var(--Text-primary); text-align: center; font-family: var(--font-Primary); font-size: var(--body-s-text-size); font-style: normal; font-weight: 400; line-height: var(--body-s-paragraph-spacing); } .src-components-RowTableWithTitle-style-module__tableBlock-KyhYxr { width: 100%; } .src-components-RowTableWithTitle-style-module__tableBlock-KyhYxr .src-components-RowTableWithTitle-style-module__header-RL6sv6 { justify-content: space-between; align-items: center; width: 100%; margin-bottom: 8px; display: flex; } .src-components-RowTableWithTitle-style-module__tableBlock-KyhYxr .src-components-RowTableWithTitle-style-module__header-RL6sv6 .src-components-RowTableWithTitle-style-module__left-NVJ8UK { padding-left: 12px; } .src-components-RowTableWithTitle-style-module__tableBlock-KyhYxr .src-components-RowTableWithTitle-style-module__header-RL6sv6 .src-components-RowTableWithTitle-style-module__left-NVJ8UK h5 { color: var(--Text-secondary); font-family: var(--font-Primary); font-size: var(--body-caption-text-size); font-style: normal; font-weight: 400; line-height: var(--body-caption-paragraph-spacing); } .src-components-RowTableWithTitle-style-module__tableBlock-KyhYxr .src-components-RowTableWithTitle-style-module__table-QiduoG { padding: var(--spacing-300); justify-content: center; align-items: flex-start; gap: var(--scale-300); border-radius: var(--border-radius-300); border: var(--border-width-25) solid var(--Strokes-card); background: var(--Backgrounds-card); box-shadow: 0 4px 4px 0 var(--Shadows-s); -webkit-backdrop-filter: blur(calc(var(--scale-500) / 2)); backdrop-filter: blur(calc(var(--scale-500) / 2)); flex-direction: column; align-self: stretch; display: flex; } .src-components-RowTableWithTitle-style-module__tableBlock-KyhYxr .src-components-RowTableWithTitle-style-module__table-QiduoG .src-components-RowTableWithTitle-style-module__line-rot06r { background: var(--Strokes-input-inactive); border-radius: 24px; width: 100%; height: 1px; } .src-components-RowTableWithTitle-style-module__tableBlock-KyhYxr .src-components-RowTableWithTitle-style-module__table-QiduoG .src-components-RowTableWithTitle-style-module__row-J4cJS_ { justify-content: space-between; align-self: stretch; align-items: center; display: flex; position: relative; } .src-components-RowTableWithTitle-style-module__tableBlock-KyhYxr .src-components-RowTableWithTitle-style-module__table-QiduoG .src-components-RowTableWithTitle-style-module__row-J4cJS_.src-components-RowTableWithTitle-style-module__active-JOX3EX .src-components-RowTableWithTitle-style-module__label-MBewZP, .src-components-RowTableWithTitle-style-module__tableBlock-KyhYxr .src-components-RowTableWithTitle-style-module__table-QiduoG .src-components-RowTableWithTitle-style-module__row-J4cJS_.src-components-RowTableWithTitle-style-module__active-JOX3EX .src-components-RowTableWithTitle-style-module__time-F1X7Tc, .src-components-RowTableWithTitle-style-module__tableBlock-KyhYxr .src-components-RowTableWithTitle-style-module__table-QiduoG .src-components-RowTableWithTitle-style-module__row-J4cJS_.src-components-RowTableWithTitle-style-module__active-JOX3EX .src-components-RowTableWithTitle-style-module__price-o97H71 { color: var(--Text-blue); } .src-components-RowTableWithTitle-style-module__tableBlock-KyhYxr .src-components-RowTableWithTitle-style-module__table-QiduoG .src-components-RowTableWithTitle-style-module__row-J4cJS_ .src-components-RowTableWithTitle-style-module__label-MBewZP { color: var(--Text-primary); font-family: var(--font-Primary); font-size: var(--body-s-text-size); font-style: normal; font-weight: 400; line-height: var(--body-s-paragraph-spacing); } .src-components-RowTableWithTitle-style-module__tableBlock-KyhYxr .src-components-RowTableWithTitle-style-module__table-QiduoG .src-components-RowTableWithTitle-style-module__row-J4cJS_ .src-components-RowTableWithTitle-style-module__time-F1X7Tc { color: var(--Text-primary); text-align: center; font-family: var(--font-Primary); font-size: var(--body-caption-text-size); font-style: normal; font-weight: 400; line-height: var(--body-caption-paragraph-spacing); position: absolute; left: 50%; transform: translate(-50%); } .src-components-RowTableWithTitle-style-module__tableBlock-KyhYxr .src-components-RowTableWithTitle-style-module__table-QiduoG .src-components-RowTableWithTitle-style-module__row-J4cJS_ .src-components-RowTableWithTitle-style-module__price-o97H71 { color: var(--Text-primary); text-align: right; font-family: var(--font-Primary); font-size: var(--body-m-text-size); font-style: normal; font-weight: 500; line-height: var(--body-m-paragraph-spacing); } .src-components-Modals-SelectParkingOnMap-style-module__SelectParkingOnMap-Cfbs5K, .src-components-Modals-SelectParkingOnMap-style-module__SelectParkingOnMapContent-xgm3bK { width: 100%; margin: 0; padding: 0; } .src-components-Modals-SelectParkingOnMap-style-module__SelectParkingOnMapContent-xgm3bK { align-items: center; gap: var(--spacing-600); padding: var(--spacing-800); border-radius: var(--border-radius-800, 32px) var(--border-radius-800, 32px) var(--border-radius-none, 0) var(--border-width-none, 0); border: 2px solid var(--Strokes-card); background: var(--Backgrounds-info); -webkit-backdrop-filter: blur(calc(var(--scale-500) / 2)); backdrop-filter: blur(calc(var(--scale-500) / 2)); flex-direction: column; display: flex; } .src-components-Modals-SelectParkingOnMap-style-module__SelectParkingOnMapContent-xgm3bK .src-components-Modals-SelectParkingOnMap-style-module__header-iqpvx4 { justify-content: center; align-items: center; width: 100%; display: flex; position: relative; } .src-components-Modals-SelectParkingOnMap-style-module__SelectParkingOnMapContent-xgm3bK .src-components-Modals-SelectParkingOnMap-style-module__header-iqpvx4 .src-components-Modals-SelectParkingOnMap-style-module__close-RcDvXA, .src-components-Modals-SelectParkingOnMap-style-module__SelectParkingOnMapContent-xgm3bK .src-components-Modals-SelectParkingOnMap-style-module__header-iqpvx4 .src-components-Modals-SelectParkingOnMap-style-module__check-Mek4d0 { width: 24px; height: 24px; color: var(--Backgrounds-label-blue); background-color: #0000; padding: 0; position: absolute; left: 0; } :is(.src-components-Modals-SelectParkingOnMap-style-module__SelectParkingOnMapContent-xgm3bK .src-components-Modals-SelectParkingOnMap-style-module__header-iqpvx4 .src-components-Modals-SelectParkingOnMap-style-module__close-RcDvXA, .src-components-Modals-SelectParkingOnMap-style-module__SelectParkingOnMapContent-xgm3bK .src-components-Modals-SelectParkingOnMap-style-module__header-iqpvx4 .src-components-Modals-SelectParkingOnMap-style-module__check-Mek4d0) svg { object-fit: contain; width: 100%; height: 100%; } .src-components-Modals-SelectParkingOnMap-style-module__SelectParkingOnMapContent-xgm3bK .src-components-Modals-SelectParkingOnMap-style-module__header-iqpvx4 .src-components-Modals-SelectParkingOnMap-style-module__check-Mek4d0 { left: unset; right: 0; } .src-components-Modals-SelectParkingOnMap-style-module__SelectParkingOnMapContent-xgm3bK .src-components-Modals-SelectParkingOnMap-style-module__header-iqpvx4 .src-components-Modals-SelectParkingOnMap-style-module__modalTitle-Pn1Ka1 { color: var(--Text-primary); text-align: center; font-family: var(--font-Primary); font-size: var(--headings-h6-text-size); font-style: normal; font-weight: 500; line-height: var(--headings-h6-paragraph-spacing); } .src-components-Modals-SelectParkingOnMap-style-module__SelectParkingOnMapContent-xgm3bK .src-components-Modals-SelectParkingOnMap-style-module__content-evWjSD { width: 100%; display: inherit; flex-direction: inherit; align-items: inherit; gap: inherit; overflow-y: auto; } .src-components-Modals-SelectParkingOnMap-style-module__SelectParkingOnMapContent-xgm3bK .src-components-Modals-SelectParkingOnMap-style-module__content-evWjSD .src-components-Modals-SelectParkingOnMap-style-module__address-Pug4PX { color: var(--Text-primary); text-align: center; font-family: var(--font-Primary); font-size: var(--body-s-text-size); font-style: normal; font-weight: 400; line-height: var(--body-s-paragraph-spacing); } .src-components-AppMap-style-module__mapWrapper-jXg2Jh { width: 100%; height: 100%; position: relative; } .src-components-AppMap-style-module__mapWrapper-jXg2Jh .src-components-AppMap-style-module__mapControls-MaCuSB { z-index: 10; gap: var(--spacing-300); flex-direction: column; display: flex; position: absolute; bottom: 12px; right: 12px; } .src-components-AppMap-style-module__mapWrapper-jXg2Jh .src-components-AppMap-style-module__mapControls-MaCuSB .src-components-AppMap-style-module__controlMapButton-_gzlIX { padding: var(--border-radius-200) var(--spacing-200); justify-content: center; align-items: center; gap: var(--Button-gap, 8px); border-radius: var(--border-radius-round); background: var(--Button-round); box-shadow: 0 1px 2px 0 var(--Shadows-l); -webkit-backdrop-filter: blur(calc(var(--scale-100) / 2)); backdrop-filter: blur(calc(var(--scale-100) / 2)); align-self: stretch; display: flex; } .src-components-AppMap-MapMarker-style-module__pin-_BiFlH { border-radius: var(--border-radius-200); background: var(--Backgrounds-label-gray-300); box-shadow: 0 4px 4px 0 var(--Shadows-s); -webkit-backdrop-filter: blur(calc(var(--scale-500) / 2)); backdrop-filter: blur(calc(var(--scale-500) / 2)); flex-direction: column; align-items: center; display: flex; } .src-components-AppMap-MapMarker-style-module__pin-_BiFlH.src-components-AppMap-MapMarker-style-module__selected-bsfDle { background: var(--Backgrounds-label-blue); } .src-components-AppMap-MapMarker-style-module__pin-_BiFlH.src-components-AppMap-MapMarker-style-module__selected-bsfDle .src-components-AppMap-MapMarker-style-module__vector-AO39A3 { color: var(--Backgrounds-label-blue); } .src-components-AppMap-MapMarker-style-module__pin-_BiFlH.src-components-AppMap-MapMarker-style-module__selected-bsfDle .src-components-AppMap-MapMarker-style-module__content-iw9aj4 .src-components-AppMap-MapMarker-style-module__icon-e_l1kM { color: var(--Backgrounds-label-blue); } .src-components-AppMap-MapMarker-style-module__pin-_BiFlH .src-components-AppMap-MapMarker-style-module__content-iw9aj4 { align-items: center; gap: 4px; padding: 8px; display: flex; } .src-components-AppMap-MapMarker-style-module__pin-_BiFlH .src-components-AppMap-MapMarker-style-module__content-iw9aj4 .src-components-AppMap-MapMarker-style-module__icon-e_l1kM { width: 10px; height: 10px; color: var(--Backgrounds-label-gray-300); justify-content: center; align-items: center; display: flex; } .src-components-AppMap-MapMarker-style-module__pin-_BiFlH .src-components-AppMap-MapMarker-style-module__content-iw9aj4 .src-components-AppMap-MapMarker-style-module__icon-e_l1kM svg { object-fit: contain; width: 100%; height: 100%; } .src-components-AppMap-MapMarker-style-module__pin-_BiFlH .src-components-AppMap-MapMarker-style-module__content-iw9aj4 .src-components-AppMap-MapMarker-style-module__text-cxkA45 { color: var(--Text-blue-label); text-align: right; font-family: var(--font-Primary); font-size: var(--body-caption-text-size); font-style: normal; font-weight: 500; line-height: var(--body-caption-paragraph-spacing); } .src-components-AppMap-MapMarker-style-module__pin-_BiFlH .src-components-AppMap-MapMarker-style-module__vector-AO39A3 { width: 12px; height: 14px; color: var(--Backgrounds-label-gray-300); z-index: -1; position: absolute; bottom: -5px; } .src-components-AppMap-MapMarker-style-module__pin-_BiFlH .src-components-AppMap-MapMarker-style-module__vector-AO39A3 svg { object-fit: contain; width: 100%; height: 100%; } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq { width: 100%; padding: var(--spacing-300) 0; justify-content: space-between; align-items: center; gap: 5px; display: flex; position: relative; } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__oneStep-Is8CxL { background-color: #0000; flex-direction: column; align-items: center; gap: 8px; display: flex; } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__oneStep-Is8CxL:disabled { opacity: 1; } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__oneStep-Is8CxL p { color: var(--Text-primary); text-align: center; font-family: var(--font-Primary); font-size: var(--body-caption-text-size); font-style: normal; font-weight: 400; line-height: var(--body-caption-paragraph-spacing); } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__oneStep-Is8CxL .src-domains-FlowPrepaid-StepsPrepaid-style-module__circle-U4Y3qk { aspect-ratio: 1; border-radius: var(--border-radius-round); border: var(--border-width-50) solid var(--Strokes-check); background: var(--Button-check); width: 32px; height: 32px; box-shadow: 0 1px 2px 0 var(--Shadows-l); -webkit-backdrop-filter: blur(calc(var(--scale-100) / 2)); backdrop-filter: blur(calc(var(--scale-100) / 2)); color: var(--Text-primary); flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: flex; } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__oneStep-Is8CxL .src-domains-FlowPrepaid-StepsPrepaid-style-module__circle-U4Y3qk svg { color: var(--Text-primary); } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__oneStep-Is8CxL.src-domains-FlowPrepaid-StepsPrepaid-style-module__current-V_7lRJ p { color: var(--Text-blue); font-weight: 500; } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__oneStep-Is8CxL.src-domains-FlowPrepaid-StepsPrepaid-style-module__current-V_7lRJ .src-domains-FlowPrepaid-StepsPrepaid-style-module__circle-U4Y3qk { border-radius: var(--border-radius-round); border: var(--border-width-50) solid var(--Text-blue); background: var(--Button-check); -webkit-backdrop-filter: blur(calc(var(--scale-500) / 2)); backdrop-filter: blur(calc(var(--scale-500) / 2)); } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__oneStep-Is8CxL.src-domains-FlowPrepaid-StepsPrepaid-style-module__current-V_7lRJ .src-domains-FlowPrepaid-StepsPrepaid-style-module__circle-U4Y3qk svg { color: var(--Text-blue); } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__oneStep-Is8CxL.src-domains-FlowPrepaid-StepsPrepaid-style-module__done-JbLKCY .src-domains-FlowPrepaid-StepsPrepaid-style-module__circle-U4Y3qk { border-radius: var(--border-radius-round); border: var(--border-width-50) solid var(--Strokes-check); background: var(--Backgrounds-label-blue); box-shadow: 0 1px 2px 0 var(--Shadows-l); -webkit-backdrop-filter: blur(calc(var(--scale-100) / 2)); backdrop-filter: blur(calc(var(--scale-100) / 2)); } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__oneStep-Is8CxL.src-domains-FlowPrepaid-StepsPrepaid-style-module__done-JbLKCY .src-domains-FlowPrepaid-StepsPrepaid-style-module__circle-U4Y3qk svg { color: var(--Text-active); } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__line-cNo78v { background: var(--Strokes-input-inactive); width: 33%; height: 2px; position: relative; bottom: -12px; } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__line-cNo78v:after, .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__line-cNo78v:before { content: ""; width: 50%; height: inherit; background: var(--Strokes-input-inactive); z-index: -1; position: absolute; right: -50%; } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__line-cNo78v:before { right: unset; left: -50%; } .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__line-cNo78v.src-domains-FlowPrepaid-StepsPrepaid-style-module__current-V_7lRJ, .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__line-cNo78v.src-domains-FlowPrepaid-StepsPrepaid-style-module__done-JbLKCY { background: var(--Text-blue); } :is(.src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__line-cNo78v.src-domains-FlowPrepaid-StepsPrepaid-style-module__current-V_7lRJ, .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__line-cNo78v.src-domains-FlowPrepaid-StepsPrepaid-style-module__done-JbLKCY):after, :is(.src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__line-cNo78v.src-domains-FlowPrepaid-StepsPrepaid-style-module__current-V_7lRJ, .src-domains-FlowPrepaid-StepsPrepaid-style-module__StepsPrepaid-Zptqmq .src-domains-FlowPrepaid-StepsPrepaid-style-module__line-cNo78v.src-domains-FlowPrepaid-StepsPrepaid-style-module__done-JbLKCY):before { background: var(--Text-blue); } .src-Layout-AppLayout-style-module__layout-AM6SoX { background: var(--Backgrounds-main-bg); min-height: 100dvh; position: relative; } .src-Layout-AppLayout-style-module__layout-AM6SoX .src-Layout-AppLayout-style-module__wrapper-_JXmZJ { min-height: inherit; z-index: 1; padding: 0 32px 32px; position: relative; } .src-Layout-AppLayout-style-module__backgroundPattern-ElcXrs { z-index: 0; width: 100%; height: 100%; color: var(--Backgrounds-lines); opacity: .5; pointer-events: none; position: fixed; inset: 0; } .src-Layout-AppLayout-style-module__content-GnDMDg { z-index: 1; position: relative; } *, :before, :after { box-sizing: border-box; } ul[class], ol[class] { padding: 0; } body, h1, h2, h3, h4, h5, h6, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd { margin: 0; } body { scroll-behavior: smooth; text-rendering: optimizespeed; min-height: 100dvh; line-height: 1.5; } ul[class], ol[class] { list-style: none; } a:not([class]) { text-decoration-skip-ink: auto; } img { max-width: 100%; display: block; } article > * + * { margin-top: 1em; } input, button, textarea, select { font: inherit; } @media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } :root { --colors-blue-100: #c1c8e7; --colors-blue-200: #a1aeeb; --colors-blue-300: #8095f0; --colors-blue-400: #607bf4; --colors-blue-50: #d1d4e4; --colors-blue-500: #4062f9; --colors-blue-500-o10: #4062f91a; --colors-blue-500-o20: #4062f933; --colors-blue-600: #334ec7; --colors-blue-600-o10: #334ec71a; --colors-blue-600-o20: #334ec733; --colors-blue-700: #263b95; --colors-blue-800: #1a2764; --colors-blue-900: #0d1432; --colors-brown-100: #ddd3c1; --colors-brown-200: #cbb693; --colors-brown-300: #b89964; --colors-brown-400: #a67c36; --colors-brown-500: #935f07; --colors-brown-600: #7e540e; --colors-brown-700: #694915; --colors-brown-800: #543f1d; --colors-brown-900: #3f3424; --colors-cards-mc-1: #eb001b; --colors-cards-mc-2: #f79e1b; --colors-cards-mc-3: #ff5f00; --colors-cards-visa: #1a1f71; --colors-foundations-black: #000; --colors-foundations-white: #fff; --colors-gray-100: #e1e1e2; --colors-gray-200: #c3c2c4; --colors-gray-25: #f7f7f8; --colors-gray-300: #a4a4a7; --colors-gray-400: #868589; --colors-gray-50: #f0f0f0; --colors-gray-500: #68676c; --colors-gray-600: #535256; --colors-gray-700: #3e3e41; --colors-gray-800: #2a292b; --colors-gray-900: #151516; --colors-green-100: #cff1e6; --colors-green-200: #9fe3cd; --colors-green-300: #70d5b3; --colors-green-400: #40c79a; --colors-green-500: #10b981; --colors-green-600: #0d9467; --colors-green-700: #0a6f4d; --colors-green-800: #064a34; --colors-green-900: #03251a; --colors-navy-100: #d4d8ea; --colors-navy-200: #a8b1d5; --colors-navy-300: #7d89bf; --colors-navy-400: #5162aa; --colors-navy-500: #3c4fa0; --colors-nude-100: #eee9df; --colors-nude-200: #ece2cf; --colors-nude-300: #e9dcbe; --colors-nude-400: #e7d5ae; --colors-nude-500: #e5ce9d; --colors-nude-600: #c0ad86; --colors-nude-700: #9a8c6f; --colors-nude-800: #756b59; --colors-nude-900: #4f4a42; --colors-opacity-100-o80: #e1e1e2cc; --colors-opacity-25-o10: #f7f7f81a; --colors-opacity-25-o20: #f7f7f833; --colors-opacity-25-o30: #f7f7f84d; --colors-opacity-25-o40: #f7f7f866; --colors-opacity-25-o50: #f7f7f880; --colors-opacity-25-o60: #f7f7f899; --colors-opacity-25-o70: #f7f7f8b2; --colors-opacity-25-o80: #f7f7f8cc; --colors-opacity-25-o90: #f7f7f8e5; --colors-opacity-300-o60: #a4a4a799; --colors-opacity-500-o60: #68676c99; --colors-opacity-800-o10: #2a292b1a; --colors-opacity-800-o20: #2a292b33; --colors-opacity-800-o30: #2a292b4d; --colors-opacity-800-o40: #2a292b66; --colors-opacity-800-o50: #2a292b80; --colors-opacity-800-o60: #2a292b99; --colors-opacity-800-o70: #2a292bb2; --colors-opacity-800-o80: #2a292bcc; --colors-opacity-800-o90: #2a292be5; --colors-opacity-900-o10: #1515161a; --colors-opacity-900-o20: #15151633; --colors-opacity-900-o30: #1515164d; --colors-opacity-900-o40: #15151666; --colors-opacity-900-o50: #15151680; --colors-opacity-900-o60: #15151699; --colors-opacity-900-o70: #151516b2; --colors-opacity-900-o80: #151516cc; --colors-opacity-900-o90: #151516e5; --colors-opacity-black-o0: #0000; --colors-opacity-black-o10: #0000001a; --colors-opacity-black-o20: #0003; --colors-opacity-black-o30: #0000004d; --colors-opacity-black-o40: #0006; --colors-opacity-black-o50: #00000080; --colors-opacity-black-o60: #0009; --colors-opacity-black-o70: #000000b2; --colors-opacity-black-o8: #00000014; --colors-opacity-black-o80: #000c; --colors-opacity-black-o90: #000000e5; --colors-opacity-white-o10: #ffffff1a; --colors-opacity-white-o20: #fff3; --colors-opacity-white-o30: #ffffff4d; --colors-opacity-white-o40: #fff6; --colors-opacity-white-o50: #ffffff80; --colors-opacity-white-o60: #fff9; --colors-opacity-white-o70: #ffffffb2; --colors-opacity-white-o80: #fffc; --colors-opacity-white-o90: #ffffffe5; --colors-orange-100: #fdecce; --colors-orange-200: #fbd89d; --colors-orange-300: #f9c56d; --colors-orange-400: #f7b13c; --colors-orange-500: #f59e0b; --colors-orange-600: #c47e09; --colors-orange-700: #935f07; --colors-orange-800: #623f04; --colors-orange-900: #312002; --colors-purple-100: #dacfe8; --colors-purple-200: #c5aee1; --colors-purple-300: #af8dd9; --colors-purple-400: #9a6cd2; --colors-purple-400-o0: #9a6cd200; --colors-purple-500: #844bca; --colors-purple-600: #7244aa; --colors-purple-600-o0: #7244aa00; --colors-purple-700: #603d8a; --colors-purple-800: #4e376b; --colors-purple-900: #3c304b; --colors-red-100: #fdd9df; --colors-red-200: #fbb2bf; --colors-red-300: #f88c9e; --colors-red-400: #f6657e; --colors-red-500: #f43f5e; --colors-red-600: #c3324b; --colors-red-700: #922638; --colors-red-800: #621926; --colors-red-900: #310d13; --colors-teal-100: #ccf8f5; --colors-teal-200: #99f2ea; --colors-teal-300: #66ebe0; --colors-teal-400: #33e5d5; --colors-teal-50: #e5fcfa; --colors-teal-500: #00decb; --colors-teal-600: #00b2a2; --colors-teal-700: #00857a; --colors-teal-800: #005951; --colors-teal-900: #002c29; --colors-yellow-100: #f0ecc3; --colors-yellow-200: #f0e895; --colors-yellow-300: #f0e568; --colors-yellow-400: #f0e13a; --colors-yellow-500: #f0dd0d; --colors-yellow-600: #c8b913; --colors-yellow-700: #a19519; --colors-yellow-800: #79711f; --colors-yellow-900: #524d25; --fonts-inter-style-Inter: "Inter"; --fonts-inter-weight-Black: "Black"; --fonts-inter-weight-Bold: "Bold"; --fonts-inter-weight-Light: "Light"; --fonts-inter-weight-Medium: "Medium"; --fonts-inter-weight-Regular: "Regular"; --scale-0: 0px; --scale-10: .5px; --scale-100: 4px; --scale-1000: 40px; --scale-1100: 48px; --scale-1200: 56px; --scale-1300: 64px; --scale-1400: 72px; --scale-1500: 96px; --scale-1600: 128px; --scale-1700: 256px; --scale-1800: 512px; --scale-200: 8px; --scale-25: 1px; --scale-300: 12px; --scale-400: 16px; --scale-50: 2px; --scale-500: 20px; --scale-600: 24px; --scale-700: 28px; --scale-800: 32px; --scale-900: 36px; } :root { --accent-teal-100: var(--colors-teal-100); --accent-teal-200: var(--colors-teal-200); --accent-teal-300: var(--colors-teal-300); --accent-teal-400: var(--colors-teal-400); --accent-teal-50: var(--colors-teal-50); --accent-teal-500: var(--colors-teal-500); --accent-teal-600: var(--colors-teal-600); --accent-teal-700: var(--colors-teal-700); --accent-teal-800: var(--colors-teal-800); --accent-teal-900: var(--colors-teal-900); --border-radius-100: var(--scale-100); --border-radius-200: var(--scale-200); --border-radius-300: var(--scale-300); --border-radius-400: var(--scale-400); --border-radius-50: var(--scale-50); --border-radius-800: var(--scale-800); --border-radius-none: var(--scale-0); --border-radius-round: var(--scale-1800); --border-width-10: var(--scale-10); --border-width-100: var(--scale-100); --border-width-200: var(--scale-200); --border-width-25: var(--scale-25); --border-width-50: var(--scale-50); --border-width-none: var(--scale-0); --error-100: var(--colors-red-100); --error-200: var(--colors-red-200); --error-300: var(--colors-red-300); --error-400: var(--colors-red-400); --error-500: var(--colors-red-500); --error-600: var(--colors-red-600); --error-700: var(--colors-red-700); --error-800: var(--colors-red-800); --error-900: var(--colors-red-900); --font-Primary: var(--fonts-inter-style-Inter); --foundations-100: var(--colors-gray-100); --foundations-200: var(--colors-gray-200); --foundations-25: var(--colors-gray-25); --foundations-300: var(--colors-gray-300); --foundations-400: var(--colors-gray-400); --foundations-50: var(--colors-gray-50); --foundations-500: var(--colors-gray-500); --foundations-600: var(--colors-gray-600); --foundations-700: var(--colors-gray-700); --foundations-800: var(--colors-gray-800); --foundations-900: var(--colors-gray-900); --foundations-black: var(--colors-foundations-black); --foundations-white: var(--colors-foundations-white); --primary-100: var(--colors-blue-100); --primary-200: var(--colors-blue-200); --primary-300: var(--colors-blue-300); --primary-400: var(--colors-blue-400); --primary-50: var(--colors-blue-50); --primary-500: var(--colors-blue-500); --primary-600: var(--colors-blue-600); --primary-700: var(--colors-blue-700); --primary-800: var(--colors-blue-800); --primary-900: var(--colors-blue-900); --secondary-100: var(--colors-navy-100); --secondary-200: var(--colors-navy-200); --secondary-300: var(--colors-navy-300); --secondary-400: var(--colors-navy-400); --secondary-500: var(--colors-navy-500); --spacing-100: var(--scale-100); --spacing-1000: var(--scale-1000); --spacing-1100: var(--scale-1100); --spacing-1200: var(--scale-1200); --spacing-1300: var(--scale-1300); --spacing-1400: var(--scale-1400); --spacing-1500: var(--scale-1500); --spacing-1600: var(--scale-1600); --spacing-1700: var(--scale-1700); --spacing-1800: var(--scale-1800); --spacing-200: var(--scale-200); --spacing-25: var(--scale-25); --spacing-300: var(--scale-300); --spacing-400: var(--scale-400); --spacing-50: var(--scale-50); --spacing-500: var(--scale-500); --spacing-600: var(--scale-600); --spacing-700: var(--scale-700); --spacing-800: var(--scale-800); --spacing-900: var(--scale-900); --spacing-none: var(--scale-0); --success-100: var(--colors-green-100); --success-200: var(--colors-green-200); --success-300: var(--colors-green-300); --success-400: var(--colors-green-400); --success-500: var(--colors-green-500); --success-600: var(--colors-green-600); --success-700: var(--colors-green-700); --success-800: var(--colors-green-800); --success-900: var(--colors-green-900); --warning-100: var(--colors-orange-100); --warning-200: var(--colors-orange-200); --warning-300: var(--colors-orange-300); --warning-400: var(--colors-orange-400); --warning-500: var(--colors-orange-500); --warning-600: var(--colors-orange-600); --warning-700: var(--colors-orange-700); --warning-800: var(--colors-orange-800); --warning-900: var(--colors-orange-900); } :root { --body-caption-line-height: 16px; --body-caption-paragraph-spacing: 16px; --body-caption-text-size: 12px; --body-l-line-height: 24px; --body-l-paragraph-spacing: 24px; --body-l-text-size: 20px; --body-links-line-height: 24px; --body-links-paragraph-spacing: 24px; --body-links-spacing: 1px; --body-links-text-size: 20px; --body-m-line-height: 20px; --body-m-paragraph-spacing: 20px; --body-m-text-size: 16px; --body-s-line-height: 16px; --body-s-paragraph-spacing: 16px; --body-s-text-size: 14px; --headings-h1-line-height: 56px; --headings-h1-paragraph-spacing: 56px; --headings-h1-text-size: 48px; --headings-h2-line-height: 48px; --headings-h2-paragraph-spacing: 48px; --headings-h2-text-size: 40px; --headings-h3-line-height: 40px; --headings-h3-paragraph-spacing: 40px; --headings-h3-text-size: 32px; --headings-h4-line-height: 32px; --headings-h4-paragraph-spacing: 32px; --headings-h4-text-size: 28px; --headings-h5-line-height: 28px; --headings-h5-paragraph-spacing: 28px; --headings-h5-text-size: 24px; --headings-h6-line-height: 24px; --headings-h6-paragraph-spacing: 24px; --headings-h6-text-size: 20px; } :root[data-theme="light"] { --Backgrounds-card: var(--colors-opacity-white-o60); --Backgrounds-card-blue-opacity: var(--colors-blue-500-o10); --Backgrounds-drawer: var(--colors-opacity-100-o80); --Backgrounds-gray-opacity: var(--colors-opacity-300-o60); --Backgrounds-info: var(--colors-opacity-white-o80); --Backgrounds-label-blue: var(--colors-blue-500); --Backgrounds-label-blue-opacity: var(--colors-blue-500-o20); --Backgrounds-label-dark-blue: var(--colors-blue-900); --Backgrounds-label-gray-100: var(--colors-gray-100); --Backgrounds-label-gray-300: var(--colors-gray-300); --Backgrounds-label-teal: var(--colors-teal-500); --Backgrounds-lines: var(--colors-gray-50); --Backgrounds-main-bg: var(--colors-gray-100); --Backgrounds-onboarding-blue: var(--colors-blue-500); --Backgrounds-onboarding-navy-primary: var(--colors-navy-400); --Backgrounds-onboarding-navy-secondary: var(--colors-navy-200); --Backgrounds-onboarding-white: var(--colors-foundations-white); --Backgrounds-opacity: var(--scale-1000); --Backgrounds-parked: var(--colors-gray-100); --Backgrounds-splash: var(--colors-foundations-white); --Backgrounds-tab-selected: var(--colors-opacity-800-o10); --Backgrounds-toggle: var(--colors-foundations-white); --Backgrounds-toggle-anim: var(--colors-blue-600); --Button-active: var(--colors-blue-500); --Button-check: var(--colors-opacity-25-o60); --Button-disabled: var(--colors-blue-100); --Button-error: var(--colors-red-500); --Button-icon: var(--colors-gray-500); --Button-round: #0009; --Glow-blue: var(--colors-blue-500); --Glow-orange: var(--colors-orange-300); --Glow-purple: var(--colors-purple-400); --Glow-purple-o: var(--colors-purple-400-o0); --Glow-red: var(--colors-red-200); --Glow-teal: var(--colors-teal-400); --Shadows-element: var(--colors-opacity-black-o40); --Shadows-l: var(--colors-opacity-black-o20); --Shadows-m: var(--colors-opacity-black-o10); --Shadows-s: var(--colors-opacity-black-o8); --Strokes-card: var(--colors-foundations-white); --Strokes-check: var(--colors-foundations-white); --Strokes-element: var(--colors-blue-200); --Strokes-input-done: var(--colors-foundations-black); --Strokes-input-inactive: var(--colors-gray-200); --Strokes-label: var(--colors-foundations-white); --Text-active: var(--colors-foundations-white); --Text-blue: var(--colors-blue-500); --Text-blue-label: var(--colors-foundations-white); --Text-disabled: var(--colors-opacity-white-o80); --Text-error: var(--colors-red-500); --Text-green: var(--colors-green-600); --Text-input-hint: var(--colors-gray-300); --Text-input-inactive: var(--colors-gray-400); --Text-mc-1: var(--colors-cards-mc-1); --Text-mc-2: var(--colors-cards-mc-2); --Text-mc-3: var(--colors-cards-mc-3); --Text-primary: var(--colors-foundations-black); --Text-secondary: var(--colors-gray-500); --Text-tab-blue: var(--colors-blue-500); --Text-teal: var(--colors-teal-500); --Text-visa: var(--colors-cards-visa); --Vehicles-black-1: var(--colors-gray-600); --Vehicles-black-2: var(--colors-foundations-black); --Vehicles-black-3: var(--colors-gray-700); --Vehicles-black-4: var(--colors-gray-900); --Vehicles-blue-1: var(--colors-blue-500); --Vehicles-blue-2: var(--colors-blue-700); --Vehicles-blue-3: var(--colors-blue-300); --Vehicles-blue-4: var(--colors-blue-100); --Vehicles-brown-1: var(--colors-brown-500); --Vehicles-brown-2: var(--colors-brown-700); --Vehicles-brown-3: var(--colors-brown-300); --Vehicles-brown-4: var(--colors-brown-100); --Vehicles-bw-1: var(--colors-gray-500); --Vehicles-bw-2: var(--colors-foundations-black); --Vehicles-bw-3: var(--colors-foundations-white); --Vehicles-bw-4: var(--colors-gray-700); --Vehicles-gray-1: var(--colors-gray-500); --Vehicles-gray-2: var(--colors-gray-700); --Vehicles-gray-3: var(--colors-gray-300); --Vehicles-gray-4: var(--colors-gray-100); --Vehicles-green-1: var(--colors-green-500); --Vehicles-green-2: var(--colors-green-700); --Vehicles-green-3: var(--colors-green-300); --Vehicles-green-4: var(--colors-green-100); --Vehicles-multi-1: var(--colors-blue-500); --Vehicles-multi-2: var(--colors-red-500); --Vehicles-multi-3: var(--colors-green-500); --Vehicles-multi-4: var(--colors-orange-500); --Vehicles-nude-1: var(--colors-nude-500); --Vehicles-nude-2: var(--colors-nude-700); --Vehicles-nude-3: var(--colors-nude-300); --Vehicles-nude-4: var(--colors-nude-100); --Vehicles-orange-1: var(--colors-orange-500); --Vehicles-orange-2: var(--colors-orange-700); --Vehicles-orange-3: var(--colors-orange-300); --Vehicles-orange-4: var(--colors-orange-100); --Vehicles-purple-1: var(--colors-purple-500); --Vehicles-purple-2: var(--colors-purple-700); --Vehicles-purple-3: var(--colors-purple-300); --Vehicles-purple-4: var(--colors-purple-100); --Vehicles-red-1: var(--colors-red-500); --Vehicles-red-2: var(--colors-red-700); --Vehicles-red-3: var(--colors-red-300); --Vehicles-red-4: var(--colors-red-100); --Vehicles-white-1: var(--colors-gray-100); --Vehicles-white-2: var(--colors-foundations-white); --Vehicles-white-3: var(--colors-gray-300); --Vehicles-white-4: var(--colors-gray-400); --Vehicles-yellow-1: var(--colors-yellow-500); --Vehicles-yellow-2: var(--colors-yellow-700); --Vehicles-yellow-3: var(--colors-yellow-300); --Vehicles-yellow-4: var(--colors-yellow-100); } :root[data-theme="dark"] { --Backgrounds-card: var(--colors-opacity-900-o60); --Backgrounds-card-blue-opacity: var(--colors-blue-600-o10); --Backgrounds-drawer: var(--colors-opacity-900-o80); --Backgrounds-gray-opacity: var(--colors-opacity-500-o60); --Backgrounds-info: var(--colors-opacity-900-o80); --Backgrounds-label-blue: var(--colors-blue-600); --Backgrounds-label-blue-opacity: var(--colors-blue-600-o20); --Backgrounds-label-dark-blue: var(--colors-blue-800); --Backgrounds-label-gray-100: var(--colors-gray-700); --Backgrounds-label-gray-300: var(--colors-gray-700); --Backgrounds-label-teal: var(--colors-teal-600); --Backgrounds-lines: var(--colors-foundations-black); --Backgrounds-main-bg: var(--colors-gray-900); --Backgrounds-onboarding-blue: var(--colors-blue-500); --Backgrounds-onboarding-navy-primary: var(--colors-navy-400); --Backgrounds-onboarding-navy-secondary: var(--colors-navy-200); --Backgrounds-onboarding-white: var(--foundations-white); --Backgrounds-opacity: var(--scale-1200); --Backgrounds-parked: var(--colors-gray-800); --Backgrounds-splash: var(--colors-foundations-black); --Backgrounds-tab-selected: var(--colors-opacity-25-o10); --Backgrounds-toggle: var(--colors-gray-600); --Backgrounds-toggle-anim: var(--colors-blue-700); --Button-active: var(--colors-blue-600); --Button-check: var(--colors-opacity-800-o60); --Button-disabled: var(--colors-blue-800); --Button-error: var(--colors-red-600); --Button-icon: var(--colors-foundations-white); --Button-round: #2a292b99; --Glow-blue: var(--colors-blue-400); --Glow-orange: var(--colors-orange-700); --Glow-purple: var(--colors-purple-600); --Glow-purple-o: var(--colors-purple-600-o0); --Glow-red: var(--colors-red-600); --Glow-teal: var(--colors-teal-500); --Shadows-element: var(--colors-opacity-black-o40); --Shadows-l: var(--colors-opacity-black-o80); --Shadows-m: var(--colors-opacity-black-o60); --Shadows-s: var(--colors-opacity-black-o40); --Strokes-card: var(--colors-gray-800); --Strokes-check: var(--colors-gray-800); --Strokes-element: var(--colors-gray-800); --Strokes-input-done: var(--colors-foundations-white); --Strokes-input-inactive: var(--colors-gray-600); --Strokes-label: var(--colors-gray-600); --Text-active: var(--colors-foundations-white); --Text-blue: var(--colors-blue-600); --Text-blue-label: var(--colors-foundations-white); --Text-disabled: var(--colors-opacity-white-o20); --Text-error: var(--colors-red-600); --Text-green: var(--colors-green-600); --Text-input-hint: var(--colors-gray-500); --Text-input-inactive: var(--colors-gray-300); --Text-mc-1: var(--colors-cards-mc-1); --Text-mc-2: var(--colors-cards-mc-2); --Text-mc-3: var(--colors-cards-mc-3); --Text-primary: var(--colors-foundations-white); --Text-secondary: var(--colors-gray-300); --Text-tab-blue: var(--colors-blue-500); --Text-teal: var(--colors-teal-500); --Text-visa: var(--colors-foundations-white); --Vehicles-black-1: var(--colors-gray-600); --Vehicles-black-2: var(--colors-gray-500); --Vehicles-black-3: var(--colors-gray-700); --Vehicles-black-4: var(--colors-gray-800); --Vehicles-blue-1: var(--colors-blue-600); --Vehicles-blue-2: var(--colors-blue-500); --Vehicles-blue-3: var(--colors-blue-700); --Vehicles-blue-4: var(--colors-blue-800); --Vehicles-brown-1: var(--colors-brown-600); --Vehicles-brown-2: var(--colors-brown-500); --Vehicles-brown-3: var(--colors-brown-700); --Vehicles-brown-4: var(--colors-brown-800); --Vehicles-bw-1: var(--colors-gray-600); --Vehicles-bw-2: var(--colors-gray-800); --Vehicles-bw-3: var(--colors-gray-200); --Vehicles-bw-4: var(--colors-gray-900); --Vehicles-gray-1: var(--colors-gray-500); --Vehicles-gray-2: var(--colors-gray-400); --Vehicles-gray-3: var(--colors-gray-600); --Vehicles-gray-4: var(--colors-gray-700); --Vehicles-green-1: var(--colors-green-600); --Vehicles-green-2: var(--colors-green-500); --Vehicles-green-3: var(--colors-green-700); --Vehicles-green-4: var(--colors-green-800); --Vehicles-multi-1: var(--colors-blue-600); --Vehicles-multi-2: var(--colors-red-600); --Vehicles-multi-3: var(--colors-green-600); --Vehicles-multi-4: var(--colors-orange-600); --Vehicles-nude-1: var(--colors-nude-600); --Vehicles-nude-2: var(--colors-nude-500); --Vehicles-nude-3: var(--colors-nude-700); --Vehicles-nude-4: var(--colors-nude-800); --Vehicles-orange-1: var(--colors-orange-600); --Vehicles-orange-2: var(--colors-orange-500); --Vehicles-orange-3: var(--colors-orange-700); --Vehicles-orange-4: var(--colors-yellow-800); --Vehicles-purple-1: var(--colors-purple-600); --Vehicles-purple-2: var(--colors-purple-500); --Vehicles-purple-3: var(--colors-purple-700); --Vehicles-purple-4: var(--colors-purple-800); --Vehicles-red-1: var(--colors-red-600); --Vehicles-red-2: var(--colors-red-500); --Vehicles-red-3: var(--colors-red-700); --Vehicles-red-4: var(--colors-red-800); --Vehicles-white-1: var(--colors-gray-200); --Vehicles-white-2: var(--colors-gray-100); --Vehicles-white-3: var(--colors-gray-400); --Vehicles-white-4: var(--colors-gray-600); --Vehicles-yellow-1: var(--colors-yellow-600); --Vehicles-yellow-2: var(--colors-yellow-500); --Vehicles-yellow-3: var(--colors-yellow-700); --Vehicles-yellow-4: var(--colors-yellow-800); } @font-face { font-family: Inter; src: url(/static/font/Inter-VariableFont_opsz,wght.cc27cf3ff1.ttf) format("truetype"); font-style: normal; font-weight: 100 900; font-display: swap; } @font-face { font-family: Inter; src: url(/static/font/Inter-Italic-VariableFont_opsz,wght.dd830f3b56.ttf) format("truetype"); font-style: italic; font-weight: 100 900; font-display: swap; } html, body, #root { width: 100%; max-width: 430px; } html { background: var(--Backgrounds-main-bg); scroll-behavior: smooth; } body { font-family: var(--font-Primary), system-ui, sans-serif; background: var(--Backgrounds-main-bg); color: var(--Text-primary); } ul { padding: 0; list-style: none; } a { text-decoration: none; } button { border: none; outline: none; } button:disabled { opacity: .5; } .customMask { -webkit-backdrop-filter: blur(4px) !important; backdrop-filter: blur(4px) !important; background: #0003 !important; } .inputType1 { height: var(--scale-1200); padding: var(--spacing-200) var(--Button-horizontal-padding, 12px); border-radius: var(--border-radius-300); border: .5px solid var(--Text-blue); background: var(--Backgrounds-card); -webkit-backdrop-filter: blur(calc(var(--scale-500) / 2)); backdrop-filter: blur(calc(var(--scale-500) / 2)); color: var(--Text-primary, #000); font-family: var(--font-Primary); font-size: var(--body-l-text-size); font-style: normal; font-weight: 500; line-height: var(--body-l-paragraph-spacing); letter-spacing: -.5px; outline: none; } .inputType1::placeholder { color: var(--Text-input-hint); font-family: var(--font-Primary); font-size: var(--body-l-text-size); font-style: normal; font-weight: 500; line-height: var(--body-l-paragraph-spacing); letter-spacing: -.5px; } .inputType1.error { border-color: var(--Text-error); } .inputType1.filled { border-color: var(--Strokes-input-done); } .buttonLink { color: var(--Text-blue); font-family: var(--font-Primary); font-size: var(--body-s-text-size); font-style: normal; font-weight: 500; line-height: var(--body-s-paragraph-spacing); text-decoration-skip-ink: none; text-underline-offset: auto; text-underline-position: from-font; background-color: #0000; text-decoration-line: underline; text-decoration-style: solid; text-decoration-thickness: auto; } .buttonPrimary { width: 100%; padding: var(--spacing-300) var(--Button-horizontal-padding, 12px); border-radius: var(--border-radius-300); background: var(--Button-active); box-shadow: 0 4px 4px 0 var(--Shadows-s), 0 10px 10px 0 var(--Shadows-m); -webkit-backdrop-filter: blur(calc(var(--scale-500) / 2)); backdrop-filter: blur(calc(var(--scale-500) / 2)); color: var(--Text-active); font-family: var(--font-Primary); font-size: var(--body-l-text-size); font-style: normal; font-weight: 500; line-height: var(--body-l-paragraph-spacing); text-transform: uppercase; justify-content: center; align-items: center; display: flex; } .glow { border-radius: var(--border-radius-300); opacity: .4; background: conic-gradient(from 201deg at 70.88% 66.67%, var(--Glow-purple, #9a6cd2) 62.7615deg, var(--Glow-teal, #33e5d5) 185.156deg, var(--Glow-blue, #4062f9) 274.449deg); filter: blur(calc(var(--scale-1400) / 2)); }