._3q6ayXiE9ahPxyHWrtzfdY {
display: flex;
justify-content: center;
bottom: 130;
z-index: 9999;
}
._3q6ayXiE9ahPxyHWrtzfdY ._3PKLAQ45swunPGbKUhcKeP {
box-shadow: 0px 1px 8px var(--grey-shadow);
min-width: calc(100vw - 40px);
max-width: calc(100vw - 40px);
min-height: 40px;
background: var(--black);
border-radius: 4px;
}
._3q6ayXiE9ahPxyHWrtzfdY ._3PKLAQ45swunPGbKUhcKeP ._1dBaIW88kHRV1wZYD0lVV2 {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.28px;
color: var(--toast-text-color);
}
._3q6ayXiE9ahPxyHWrtzfdY ._3PKLAQ45swunPGbKUhcKeP svg, ._3q6ayXiE9ahPxyHWrtzfdY ._3PKLAQ45swunPGbKUhcKeP button {
display: none;
}
._3q6ayXiE9ahPxyHWrtzfdY ._20se55EsrCJxtMvNSMFi10 {
background: #fa2617;
}
/* Toastify container positioning overrides */
.Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
bottom: 130px;
transform: translateX(0);
}
:root {
--text-muted: #717478;
--grey-border: #e4e7ed;
--grey-bg: #f5f7fa;
--grey-bg-1: #eaecf0;
--white: #fbfefe;
--yellow-white: #fef7e9;
--light-blue-bg: #f5f7fa;
--light-blue-2: #f0f5ff;
--textBorderColor: #d5d7db;
--errorColor: #e32727;
--blue: #2a55e5;
--textColor: #ffffff;
--sliderColorSecondry: #caced3;
--black: #111112;
--grey-bg-2: #717478;
--grey-shadow: rgba(0,0,0,0.16078);
--light-grey-shadow: rgba(0,0,0,0.10196);
--teal: #00a098;
--light-teal: #eafcfb;
--text-primary: #212121;
--ligth-grey-placeHolder: #d0d5dd;
--grey-text: #4a4c4f;
--text-black-1: #1d2939;
--text-grey-1: #667085;
--super-blue-500: #4d43fe;
--Super-Gray-600: #475467;
--Super-Green-700: #6cbb2c;
--Super-Green-500: #b5ef85;
--Super-Green-25: #f9fdf5;
--Super-Gray-300: #d0d5dd;
--Super-Gray-800: #1d2939;
--Super-Gray-400: #98a2b3;
--text-grey-2: #98a2b3;
--button-green: #34a853;
--toast-text-color: #fcfcfd;
--Super-Green-25: #f9fdf5;
--Super-Green-500: #b5ef85;
}
:root {
--primary: var(--blue);
--primary-button-text: var(--textColor);
--accent: var(--light-blue-2);
}
:root {
--primary-color: #7f56d9;
--gray: #475467;
--error: #f04438;
--warning: #dc6803;
--success: #039855;
--primary-text: #344054;
}
._2x2_pa8nheKgXXd7h8-83z {
font-family: 'Anek Latin', sans-serif;
font-size: 60px;
font-weight: 400;
line-height: 72px;
letter-spacing: -0.02em;
}
._8HTE-NgAToqtBMHlaF3_K {
font-family: 'Anek Latin', sans-serif;
font-size: 48px;
font-weight: 400;
line-height: 60px;
letter-spacing: -0.02em;
}
._2YOyzJhWh4bcQFckT1y-Hu {
font-family: 'Anek Latin', sans-serif;
font-size: 36px;
font-weight: 400;
line-height: 44px;
letter-spacing: -0.02em;
}
._3wsyMbwJZ8AdnXkkpRzzrx {
font-family: 'Anek Latin', sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 38px;
letter-spacing: 0em;
}
._1cvbxUMbptqmJbh5jj49AW {
font-family: 'Anek Latin', sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0em;
}
._3jkDPYjy9jnE9Mek83HB69 {
font-family: 'Anek Latin', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0em;
}
._264IgNioGKE_p0yMh_EnEi {
font-family: 'Anek Latin', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
._2DsYumSuNZF9ZMrwtW0c2m {
font-family: 'Anek Latin', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
}
._1Z8KteuE2gD_eOdYWuF_fa {
font-family: 'Anek Latin', sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0em;
}
.YS5Ei_B4H5Ivtwzg1PxLU {
font-family: 'Anek Latin', sans-serif;
font-size: 10px;
font-weight: 400;
letter-spacing: 0em;
}
.Q7QkvguWhQYhwAFwGq1fB {
background-color: rgba(16, 24, 40, 0.8);
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: calc(100vh - env(safe-area-inset-top));
z-index: 999999;
display: flex;
padding-top: env(safe-area-inset-top);
}
.Q7QkvguWhQYhwAFwGq1fB ._3hZX9mwfCYYPSS3Y3gp0H2 {
animation-name: _1hqT1HlBUbzywTsCIQODc3;
animation-duration: 0.4s;
animation-timing-function: ease-out;
background-color: #f2f4f7;
width: 100%;
margin: 0 12px 12px 12px;
height: -moz-max-content;
height: max-content;
max-height: calc(100vh - env(safe-area-inset-top));
border-radius: 12px;
opacity: 1;
align-self: flex-end;
overflow: hidden;
}
.Q7QkvguWhQYhwAFwGq1fB ._3hZX9mwfCYYPSS3Y3gp0H2 ._1G1bESW5poMKsJgwFWttH5 {
position: relative;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.Q7QkvguWhQYhwAFwGq1fB ._3hZX9mwfCYYPSS3Y3gp0H2 ._1G1bESW5poMKsJgwFWttH5::before {
content: '';
display: block;
width: 40px;
height: 4px;
border-radius: 100px;
background-color: #e4e7ed;
}
.Q7QkvguWhQYhwAFwGq1fB ._3hZX9mwfCYYPSS3Y3gp0H2 ._3AXBPkHPEXhT7lAfjtQcpV {
overflow: hidden;
}
.Q7QkvguWhQYhwAFwGq1fB ._3hZX9mwfCYYPSS3Y3gp0H2 ._37VHhoQ71cp_PSFpTtfpIn {
overflow: hidden;
}
.Q7QkvguWhQYhwAFwGq1fB .r15TWbKI2hgHr_lFb1B8J {
margin: 0;
}
@keyframes _1hqT1HlBUbzywTsCIQODc3 {
0% {
transform: translateY(100px);
}
100% {
transform: translateY(0px);
}
}
._1IX-DRQ2sorqfOGDFd0gUJ {
display: flex;
align-items: center;
padding: 22px;
position: fixed;
font-weight: 600;
z-index: 5;
top: 0;
justify-content: space-between;
background-color: var(--white);
width: 100%;
box-sizing: border-box;
}
._3I7O2j5eN4Aty7C95VuCOZ {
font-weight: 600px;
font-size: 16px;
}
._3h6jRkqSfG8Ph01rkCLAuS {
margin-left: 6px;
display: flex;
align-items: center;
}
._167ui8L3BTx_L97ORKd7hD {
align-items: center;
}
._167ui8L3BTx_L97ORKd7hD ._31Tavna2cIB9BCzTJ5dvoB {
color: var(--primary);
font-size: 12px;
font-weight: 600;
}
._13aQbED7aZS5uFUWWtAab_ ._3rCTGCI8yzFUt85B2XlGpP {
border-radius: 0;
overflow: scroll;
}
._2AyxSDUTyqxg5GxgUtx5V- {
display: flex;
align-items: center;
justify-content: space-between;
}
._6ho-Fy1ZOwEJTQVXlEzSC {
margin-left: 24px;
}
._2uf95PifeoSe06Y864t8Aw {
margin-right: 12px;
}
._3LOzHMTeASRzskbMF7yZxz {
font-weight: 600;
font-size: 16px;
padding: 16px;
border-bottom: 1px solid var(--grey-border);
}
._1rO7jpiiTibIoNlnfW3d8a .VlJENlZf_8blXtOd3fQ6i {
width: calc(100vw - 32px);
margin: 10px 0 0 14px;
}
._1rO7jpiiTibIoNlnfW3d8a .VlJENlZf_8blXtOd3fQ6i input {
width: calc(100vw - 74px);
font-size: 14px;
}
._1pCoSRa9ogKnKMG0UsJrAr {
position: absolute;
-webkit-overflow-scrolling: touch;
width: 100vw;
z-index: 10000;
top: 0;
left: 0;
background: #f2f4f7;
overflow: auto;
}
._1rO7jpiiTibIoNlnfW3d8a {
overflow: auto;
height: 100vh;
}
._22t9huWlvxEU8a_Po0jU50 {
height: 52px;
display: flex;
justify-content: center;
text-align: center;
flex-direction: column;
}
._22t9huWlvxEU8a_Po0jU50 span {
color: var(--primary);
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
._30kOA5o01EiTYfAKzf-ESb {
white-space: pre-line;
}
._30kOA5o01EiTYfAKzf-ESb p {
margin: 0;
}
._30kOA5o01EiTYfAKzf-ESb a {
-webkit-text-decoration: none;
text-decoration: none;
color: var(--primary);
}
._2V2ciI7dM05mWPL0z89nSA, ._MdBn8PPhJVQed4nHKCUG, ._1PEfoC2xisFn0_l0ZlJ9N8 {
padding: 24px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
._2V2ciI7dM05mWPL0z89nSA p, ._MdBn8PPhJVQed4nHKCUG p, ._1PEfoC2xisFn0_l0ZlJ9N8 p {
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: var(--black);
margin: auto;
height: 48px;
}
._2V2ciI7dM05mWPL0z89nSA .kK9bcz9IwpFa9fAzPqYN2, ._MdBn8PPhJVQed4nHKCUG .kK9bcz9IwpFa9fAzPqYN2, ._1PEfoC2xisFn0_l0ZlJ9N8 .kK9bcz9IwpFa9fAzPqYN2 {
display: flex;
height: 56px;
max-width: 312px;
padding: 16px 20px;
justify-content: center;
align-items: center;
gap: 12px;
flex: 1 0 0;
border-radius: 8px;
font-size: 18px;
font-style: normal;
font-weight: 600;
border: 1px solid #b5ef85;
border: 1px solid var(--Super-Green-500, #b5ef85);
background: #b5ef85;
background: var(--Super-Green-500, #b5ef85);
color: #1d2939;
}
._2V2ciI7dM05mWPL0z89nSA ._1ENNVuCgtBc9O90PoyKx7P, ._MdBn8PPhJVQed4nHKCUG ._1ENNVuCgtBc9O90PoyKx7P, ._1PEfoC2xisFn0_l0ZlJ9N8 ._1ENNVuCgtBc9O90PoyKx7P {
height: 56px;
max-width: 312px;
padding: 16px 20px;
border-radius: 8px;
border: 1px solid #d0d5dd;
border: 1px solid var(--Super-Gray-300, #d0d5dd);
background: #fff;
background: var(--Super-Gray-0, #fff);
color: #1d2939;
border-radius: 8px;
font-style: normal;
font-weight: 600;
margin-top: 15px;
color: #344054;
color: var(--Super-Gray-700, #344054);
/* H7/Semibold */
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 122.222% */
letter-spacing: 0.36px;
}
._2V2ciI7dM05mWPL0z89nSA .feXrgw8sv37sOUMM7ofVw, ._2V2ciI7dM05mWPL0z89nSA ._1KPs31t3sQpyrFuO40QdlM, ._2V2ciI7dM05mWPL0z89nSA .Ii-txQNpesfXr5z6bhOwv, ._MdBn8PPhJVQed4nHKCUG .feXrgw8sv37sOUMM7ofVw, ._MdBn8PPhJVQed4nHKCUG ._1KPs31t3sQpyrFuO40QdlM, ._MdBn8PPhJVQed4nHKCUG .Ii-txQNpesfXr5z6bhOwv, ._1PEfoC2xisFn0_l0ZlJ9N8 .feXrgw8sv37sOUMM7ofVw, ._1PEfoC2xisFn0_l0ZlJ9N8 ._1KPs31t3sQpyrFuO40QdlM, ._1PEfoC2xisFn0_l0ZlJ9N8 .Ii-txQNpesfXr5z6bhOwv {
font-weight: 600;
}
._2V2ciI7dM05mWPL0z89nSA .feXrgw8sv37sOUMM7ofVw, ._2V2ciI7dM05mWPL0z89nSA ._1KPs31t3sQpyrFuO40QdlM, ._MdBn8PPhJVQed4nHKCUG .feXrgw8sv37sOUMM7ofVw, ._MdBn8PPhJVQed4nHKCUG ._1KPs31t3sQpyrFuO40QdlM, ._1PEfoC2xisFn0_l0ZlJ9N8 .feXrgw8sv37sOUMM7ofVw, ._1PEfoC2xisFn0_l0ZlJ9N8 ._1KPs31t3sQpyrFuO40QdlM {
border-radius: 4px;
height: 56px;
font-size: 16px;
font-weight: 600;
}
._2V2ciI7dM05mWPL0z89nSA ._1KPs31t3sQpyrFuO40QdlM, ._2V2ciI7dM05mWPL0z89nSA .Ii-txQNpesfXr5z6bhOwv, ._MdBn8PPhJVQed4nHKCUG ._1KPs31t3sQpyrFuO40QdlM, ._MdBn8PPhJVQed4nHKCUG .Ii-txQNpesfXr5z6bhOwv, ._1PEfoC2xisFn0_l0ZlJ9N8 ._1KPs31t3sQpyrFuO40QdlM, ._1PEfoC2xisFn0_l0ZlJ9N8 .Ii-txQNpesfXr5z6bhOwv {
background: var(--textColor);
color: var(--primary);
margin-top: 15px;
border: 1px solid var(--textBorderColor);
}
._2V2ciI7dM05mWPL0z89nSA ._27gXSipTbeXGgYMTv-DC-w, ._MdBn8PPhJVQed4nHKCUG ._27gXSipTbeXGgYMTv-DC-w, ._1PEfoC2xisFn0_l0ZlJ9N8 ._27gXSipTbeXGgYMTv-DC-w {
display: block;
margin: auto;
}
._2V2ciI7dM05mWPL0z89nSA p {
text-align: center;
padding: 14px 40px;
}
._2V2ciI7dM05mWPL0z89nSA ._27gXSipTbeXGgYMTv-DC-w {
margin: 20px auto;
}
._2V2ciI7dM05mWPL0z89nSA ._25YHxosVZ2CwKB68kPAc-c {
margin: 12px auto;
}
._MdBn8PPhJVQed4nHKCUG p, ._1PEfoC2xisFn0_l0ZlJ9N8 p {
text-align: left;
padding: 20px 0;
}
._MdBn8PPhJVQed4nHKCUG ._27gXSipTbeXGgYMTv-DC-w {
margin: auto;
}
._MdBn8PPhJVQed4nHKCUG .Ii-txQNpesfXr5z6bhOwv {
border: none;
}
._1PEfoC2xisFn0_l0ZlJ9N8 ._27gXSipTbeXGgYMTv-DC-w, ._MdBn8PPhJVQed4nHKCUG ._27gXSipTbeXGgYMTv-DC-w {
padding-bottom: 20px;
}
._2CdpoY5YGXvbklwJhUCKGW {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
outline: none;
background: var(--primary);
border: none;
color: var(--textColor);
width: 100%;
padding: 10px;
font-size: 14px;
border-radius: 2px;
height: 40px;
}
._3KiCY8HKVKM_HGqIAd7LI6 {
background-color: var(--grey-bg-2) !important;
}
._3SrhTom-jOqhZNpAZ845QF {
display: none;
}
.yRgjdOgv1j0vFPDWlBsCe {
display: flex;
border: 1px solid var(--primary);
margin: 10px 0;
padding: 10px;
background-color: var(--accent);
border-radius: 8px;
font-size: 14px;
color: var(--black);
}
._3r8xbsPZvl7HJmmZEV_ix_ {
display: flex;
border: 1px solid var(--grey-border);
margin: 10px 0;
padding: 10px;
border-radius: 8px;
font-size: 14px;
color: var(--black);
}
._114VdD4rWKNCSdPmKme8ja {
font-weight: 600;
line-height: 24px;
}
._3uDTxGtxZ6cqbDzq5xx6NA {
margin: 16px;
}
._3Fl0XR2jMw6MaseIqr-EcH {
border-radius: 4px;
}
._2vbyVn2aB-3823jbPBgzz0 {
overflow: hidden;
width: 100%;
position: relative;
}
.pr3reyH5qrEHd-DfBAfFX {
display: flex;
width: -moz-fit-content;
width: fit-content;
will-change: transform;
}
._3jf67tb3I65uRQsW1vIeAU {
flex-shrink: 0;
padding: 8px;
margin-right: 20px;
}
.btyGeFGjbGxptQfGi4ZOb {
display: flex;
justify-content: flex-start;
overflow: hidden;
position: relative;
width: 100%;
}
/* Add animation when autoPlay is true */
._3UHZhtHFn1EDoRjI04j1HF {
animation: hDy7HhmAnKAUIdZmeAEW1 linear infinite;
animation-fill-mode: both;
}
@keyframes hDy7HhmAnKAUIdZmeAEW1 {
from {
transform: translateX(0);
}
to {
transform: translateX(var(--scroll-width));
}
}
._1rkrTssUNLu0E0Q5MTmQ2o {
display: flex;
overflow-x: auto;
width: 100%;
}
._3XbI4FvCwVBCyX6vjkwiCm {
flex-direction: row;
}
._3zUKgCBtpc_haaF4cKD7v8 {
flex-direction: column;
}
.PgcVLxudHiQztQ_CVacCw {
margin-bottom: 14px;
}
._3zzA0NuLC29WFmXe1yls4V {
flex-direction: row;
display: flex;
align-items: center;
position: relative;
/* padding-right: 12px; */
}
._2wxnRnBogp3Xah3XiJm140 {
flex-direction: column;
display: flex;
}
._2pJK8vj57ET8Wa8Bk9MCix {
padding-right: 0px;
flex-direction: column;
}
.NJ4erut_udKuLK1CS2lf_ {
gap: 12px;
}
._3vyJFyOdMVLJF9VoRTC0f4 {
margin-top: 8px;
align-items: center;
}
._3K4jFWKjpzRB118D9T4xKv {
gap: 3px;
width: 100%;
}
._2Z1-0QdcQQIcNL36MRDvSQ {
flex: 1;
flex-basis: 100%;
}
._2Z1-0QdcQQIcNL36MRDvSQ {
flex: 1;
flex-basis: 100%;
padding-right: 0;
}
._1pzcUSiSXFdGreOr98_2Bx {
display: flex;
align-items: center;
justify-content: center;
padding: 16px 20px;
gap: 10px;
outline: none;
background: var(--primary-color);
border: none;
color: white;
width: auto;
padding: 10px;
font-size: 14px;
border-radius: 8px;
height: 40px;
}
._1-MLDZcKmJjs96RPSpcMg2 {
background-color: var(--grey-bg-1);
border-color: var(--grey-bg-1);
color: var(--text-grey-2);
}
._3KwjITn47U27sU6NkLGsaV {
/* width: auto !important; */
}
._1WYRRoqbz8hoHGQc3YY7nD {
width: 100%;
height: 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* Chrome, Safari, Opera */
._1WYRRoqbz8hoHGQc3YY7nD::-webkit-progress-bar {
background-color: #eee;
border-radius: 4px;
}
._1WYRRoqbz8hoHGQc3YY7nD::-webkit-progress-value {
background-color: #4d43fe; /* Green */
border-radius: 4px;
}
/* Firefox */
._1WYRRoqbz8hoHGQc3YY7nD::-moz-progress-bar {
background-color: #4d43fe;
border-radius: 4px;
}
._3baHbDUP2LTfl254zVQ2ue {
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 10px;
}
._1LZw_h27B3zmtGs-o7q7wj {
color: var(--black);
}
._1LZw_h27B3zmtGs-o7q7wj ._3E7t4QCKtaQ4eEMsrY9bhX {
font-weight: 400;
padding: 16px;
font-size: 14px;
line-height: 20px;
border-bottom: 1px solid var(--grey-border);
display: flex;
justify-content: space-between;
}
._1LZw_h27B3zmtGs-o7q7wj .K0t35BrMhX4DM_DzyFDm_ {
transform: rotate(180deg);
margin-bottom: 8px;
}
._1LZw_h27B3zmtGs-o7q7wj ._2nOGn0278iIpDMFHuXDTLi {
font-size: 12px;
margin: 0;
padding: 16px;
border-bottom: 1px solid var(--grey-border);
background: var(--grey-bg);
line-height: 14px;
}
._2FajxfnyB_ysWeX2pQIou7 {
margin: 16px;
}
._3ITTxTjdz-U8rhyBpIHiIU {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 8px 16px;
gap: 10px;
background: var(--grey-bg);
border-radius: 4px;
margin: 16px 0;
box-sizing: border-box;
}
._3ITTxTjdz-U8rhyBpIHiIU ._1p_XkkxGQqpqra3ih74m5W {
font-family: 'Anek Latin', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--text-primary);
flex: none;
order: 1;
flex-grow: 0;
word-break: break-word;
}
._3ITTxTjdz-U8rhyBpIHiIU ._2RmqwNFFafKGoCOlhegdK2 {
font-family: 'Anek Latin', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: var(--text-muted);
flex: none;
order: 0;
flex-grow: 0;
}
._3CrNUmPOeyprY32S7dZOG1 {
width: calc(100vw - 32px);
padding-left: 25px;
background-color: var(--grey-bg);
color: var(--text-muted);
font-size: 14px;
}
._4dyasEYbe3IIDtuRUuhHY {
background-color: var(--textColor);
color: var(--primary);
border: 1px solid var(--textBorderColor);
margin: 16px 0;
border-radius: 4px;
}
.b8ZOoOgnAxGm8SSbfdtw1 {
border-radius: 4px;
background-color: var(--textColor);
border: 1px solid var(--primary);
color: var(--primary);
}
._1ofCrrwy7yJIlMuoev1ZPY {
margin: 16px 0;
border: 1px solid var(--textBorderColor);
border-radius: 8px;
}
._1ofCrrwy7yJIlMuoev1ZPY ._3xoyZJ9ww98Ww7MokG9XX1 ._3GVXkHD0ot4Dqd-UGbiqNV {
padding: 16px 16px 16px 0;
}
._1RQKWv-Odi-HWffukRFhe- img {
width: calc(100vw - 32px);
}
._1SMZ29_hvTRolQyl-VMN0G img {
width: calc(100vw);
}
._3eQauaK8QXl6JW7qblu2Ya {
background: var(--grey-bg);
border-radius: 8px;
}
._1LjKfjOqi6HvCPTNFQ0yaB {
display: flex;
justify-content: space-between;
padding: 12px 16px;
}
.pkZ42-EEEJZAlLC2TQT1p {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 24px;
}
.pkZ42-EEEJZAlLC2TQT1p .v3kaln9EKvRuMeIxV6tua {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px 24px;
width: 191px;
height: 40px;
background: var(--primary);
border-radius: 4px;
flex: none;
order: 1;
flex-grow: 0;
}
._3RI6exnhxQbbvkiL3WgDn {
display: flex;
flex-direction: column;
gap: 10px;
}
.nHqiB6ttRM2TrIB5Cr-b3 {
border-radius: 4px;
}
._1n4cO8LI-CaSxjZ5HdN3tG {
margin: 0 0 5px 0;
font-size: 14px;
text-align: center;
color: var(--black);
}
._37mWttP1jEFwObIjDtAo-x {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
padding: 24px;
overflow: auto;
}
._37mWttP1jEFwObIjDtAo-x ._2a60vAcz8nz9tTFz65_2Bw {
font-size: 17px;
font-weight: 600;
line-height: 24px;
padding-top: 16px;
}
._37mWttP1jEFwObIjDtAo-x ._17jlo12W8QDCIWUSfFrzWB {
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding-bottom: 24px;
}
._37mWttP1jEFwObIjDtAo-x p {
text-align: center;
margin: 0px;
color: var(--black);
}
._1XcMFWYmu7jV-NM7yDgzn2 {
position: relative;
width: 100%;
}
._1PVNm7ki8xXSi6AnkbxxGN {
width: 100%;
}
._1J3jpRCdVAOqCNuHOO9Yri {
width: 100%;
}
._1PVNm7ki8xXSi6AnkbxxGN, ._1J3jpRCdVAOqCNuHOO9Yri {
position: absolute;
border-radius: 3px;
height: 6px;
}
._1PVNm7ki8xXSi6AnkbxxGN {
background-color: var(--sliderColorSecondry);
}
.xd7YYID4XUnbbUhn3Yeyg {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 16px;
color: var(--text-muted);
}
._2NCNrrfPap8ljzvsVRyW1w {
pointer-events: none;
position: relative;
height: 0;
width: 100%;
outline: none;
z-index: 1;
top: 2px;
margin: auto;
}
._2NCNrrfPap8ljzvsVRyW1w, ._2NCNrrfPap8ljzvsVRyW1w::-webkit-slider-thumb {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
}
._2NCNrrfPap8ljzvsVRyW1w::-webkit-slider-thumb {
background-color: var(--textColor);
border-radius: 50%;
border: solid var(--primary) 2px;
cursor: pointer;
width: 24px;
height: 24px;
pointer-events: all;
}
._2NCNrrfPap8ljzvsVRyW1w::-moz-range-thumb {
background-color: var(--textColor);
border-radius: 50%;
border: solid var(--primary) 2px;
cursor: pointer;
width: 24px;
height: 24px;
pointer-events: all;
}
._1cB5lXSBqTUkvLaCfniWLt {
width: 164px;
height: 40px;
padding: 10px 0px 10px 12px;
box-sizing: border-box;
border: 1px solid var(--textBorderColor);
border-radius: 4px;
gap: 10px;
}
._1cB5lXSBqTUkvLaCfniWLt:focus {
border: 1px solid var(--primary);
}
._1cB5lXSBqTUkvLaCfniWLt::-moz-placeholder {
color: var(--ligth-grey-placeHolder);
}
._1cB5lXSBqTUkvLaCfniWLt::placeholder {
color: var(--ligth-grey-placeHolder);
}
*:focus {
outline: none;
}
._196x55ucFNyvCjuc80Bb09 {
color: var(--errorColor);
font-size: 12px;
margin-top: 0px;
}
._1k9R8q5c_yxCn44dzzdnuI {
border: 1px solid var(--errorColor);
}
._1k9R8q5c_yxCn44dzzdnuI:focus {
outline: none;
border: 1px solid var(--errorColor);
}
.hq34LPGWBlIS3BFE1uhRc {
display: flex;
align-items: center;
width: 100%;
}
.hq34LPGWBlIS3BFE1uhRc input {
flex: 1;
min-width: 0;
}
._2IZVZ8IvS-mSaIfP_kTlNG {
display: flex;
align-items: center;
flex-shrink: 0;
}
._3dcloTBkb_GMbb0jwaGRWo {
position: relative;
}
._3dcloTBkb_GMbb0jwaGRWo:focus {
background-color: 'red';
}
._3dcloTBkb_GMbb0jwaGRWo .plFVxAaA9UBBNZ1xv4bUT {
display: flex;
flex-direction: column;
}
._3dcloTBkb_GMbb0jwaGRWo .plFVxAaA9UBBNZ1xv4bUT ._1ZX8qVNpfkH5nTNBGhXEbm {
height: 16px;
font-family: 'Anek Latin', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: var(--black);
flex: none;
order: 0;
flex-grow: 0;
}
._3dcloTBkb_GMbb0jwaGRWo .plFVxAaA9UBBNZ1xv4bUT ._1IJVgd3g0iVvaRjlvQWuOX {
box-sizing: border-box;
padding: 10px 0px 10px 12px;
width: 328px;
height: 40px;
background: #ffffff;
border-radius: 4px;
margin-top: 4px;
}
._3dcloTBkb_GMbb0jwaGRWo .plFVxAaA9UBBNZ1xv4bUT ._1IJVgd3g0iVvaRjlvQWuOX:focus, ._3dcloTBkb_GMbb0jwaGRWo .plFVxAaA9UBBNZ1xv4bUT ._1IJVgd3g0iVvaRjlvQWuOX:focus-visible {
outline: none;
border: 1px solid var(--primary);
}
._3dcloTBkb_GMbb0jwaGRWo ._1e0uBTC8GfDgdBOMrDllvv {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 14px 12px 14px 12px;
gap: 16px;
position: absolute;
width: 328px;
background: #ffffff;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
border-radius: 4px;
}
._3dcloTBkb_GMbb0jwaGRWo ._1e0uBTC8GfDgdBOMrDllvv .JKHgfqYu2pNmjaUv5Db0s {
font-family: 'Anek Latin', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #000000;
flex: none;
order: 0;
flex-grow: 0;
margin-bottom: 16px;
}
._3dcloTBkb_GMbb0jwaGRWo ._1e0uBTC8GfDgdBOMrDllvv .JKHgfqYu2pNmjaUv5Db0s:last-child {
margin-bottom: 0px;
}
._2aRHsbYcvzE7kJ4smM0ziV {
display: flex;
justify-content: left;
align-items: flex-start;
}
._2aRHsbYcvzE7kJ4smM0ziV ._2St6LX3So6YnoBrBofwuvV {
display: flex;
justify-content: left;
align-items: flex-start;
gap: 5px;
padding: 12px;
}
._2aRHsbYcvzE7kJ4smM0ziV ._2St6LX3So6YnoBrBofwuvV a {
-webkit-text-decoration: none;
text-decoration: none;
color: var(--primary);
}
._2aRHsbYcvzE7kJ4smM0ziV ._2St6LX3So6YnoBrBofwuvV p {
margin: 0;
}
._2aRHsbYcvzE7kJ4smM0ziV ._2St6LX3So6YnoBrBofwuvV .J4EIeRswzC4B1iZCyrZ-y {
display: none;
}
._2aRHsbYcvzE7kJ4smM0ziV ._2St6LX3So6YnoBrBofwuvV ._39yy7eJqQ6xXWDDQlMsZWi {
min-height: 20px;
min-width: 20px;
}
._2aRHsbYcvzE7kJ4smM0ziV ._2St6LX3So6YnoBrBofwuvV .mqozCOSbA1ge7XaQxriQ8 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
/* Keeping `max-height` value as consent text's `line-height` * no. of lines. */
max-height: 32px;
}
._2aRHsbYcvzE7kJ4smM0ziV ._2St6LX3So6YnoBrBofwuvV ._1e34oU0mqK46PKGUo_X-gt {
color: var(--primary);
border: none;
background: none;
padding: 0;
}
._2XBkEVKd6-LHKxWxXPy6aq {
display: flex;
}
._2XBkEVKd6-LHKxWxXPy6aq > *:not(:last-child) {
margin-right: 16px;
}
._30cWGY3U5-vkFW0T_wDKQS {
padding: 10px 0px 10px 0px;
border: none;
color: var(--black);
}
._30cWGY3U5-vkFW0T_wDKQS:focus {
border: none;
}
._1OYFFlJIxCq0Hcfgik8ev1 {
color: var(--errorColor);
font-size: 12px;
margin-top: 0px;
}
.gaoGotr-1VzgSUTy3yNmS {
width: calc(100vw - 32px);
display: inline-flex;
align-items: center;
background: var(--white);
margin-top: 10px;
border: 1px solid var(--textBorderColor);
border-radius: 4px;
}
.gaoGotr-1VzgSUTy3yNmS .rLncIaechsl-UnlFjpnZj {
padding: 8px 8px 10px 10px;
background: var(--white);
}
.gaoGotr-1VzgSUTy3yNmS:focus-within {
border: 1px solid var(--primary);
}
._3x4rL3vigsXo1SiGjGGJU6 {
display: inline-flex;
align-items: center;
background: var(--white);
margin-top: 10px;
border: 1px solid var(--errorColor);
border-radius: 4px;
}
._3x4rL3vigsXo1SiGjGGJU6 .rLncIaechsl-UnlFjpnZj {
padding: 8px 8px 10px 10px;
background: var(--white);
}
._3x4rL3vigsXo1SiGjGGJU6:focus-within {
border: 1px solid var(--errorColor);
}
._2tZaidnsMNn-n4WLE-Cl2R {
width: calc(100vw - 30px);
}
.IZpyzKJJhIFfPql9JDjCE {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
background-color: var(--white);
}
.IZpyzKJJhIFfPql9JDjCE ._3u8C03GsMsN35wwMh-jrOW {
margin: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
/* TODO: remove the topbar from additional details */
height: 90vh;
}
.IZpyzKJJhIFfPql9JDjCE ._3u8C03GsMsN35wwMh-jrOW .ubsCiwzITSAYLUAJdKzjX {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.IZpyzKJJhIFfPql9JDjCE ._3u8C03GsMsN35wwMh-jrOW .ubsCiwzITSAYLUAJdKzjX ._2ehGYB2S8Jmj6eJ8ek0RQf {
margin-top: 20%;
margin-bottom: 50px;
}
.IZpyzKJJhIFfPql9JDjCE ._3u8C03GsMsN35wwMh-jrOW ._3PrfOT0ZQJrhSL69Y9wPT9 {
text-align: center;
margin-top: 35px;
}
.IZpyzKJJhIFfPql9JDjCE ._3u8C03GsMsN35wwMh-jrOW ._2NmT3q3JIheUhBcb1aDTcs {
font-weight: 600;
font-size: 18px;
line-height: 28px;
}
.IZpyzKJJhIFfPql9JDjCE ._3u8C03GsMsN35wwMh-jrOW ._3PKV6hERP63gkQMHphooqY {
font-size: 16px;
line-height: 28px;
}
.IZpyzKJJhIFfPql9JDjCE ._3u8C03GsMsN35wwMh-jrOW .Xgp_CVUOuIgACnEOWYb8U {
margin: 5px 20px;
width: 90%;
}
.IZpyzKJJhIFfPql9JDjCE ._3u8C03GsMsN35wwMh-jrOW .b0x-QoH6ZlfFadS5TB5NL {
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-align: center;
color: var(--text-muted);
margin-bottom: 20px;
}
._2kNeybsHD2IFqHbduFzbaf progress {
border-radius: 5px;
height: 6px;
}
._2kNeybsHD2IFqHbduFzbaf progress::-webkit-progress-bar {
border-radius: 5px;
background-color: var(--light-teal);
}
._2kNeybsHD2IFqHbduFzbaf progress::-webkit-progress-value {
border-radius: 5px;
background-color: var(--teal);
}
.CAxRfyUFk9aF5MBUHyqYS {
display: flex;
flex-direction: column;
flex: 1;
}
._231efXFMkr3uiY1o-WVpBC {
width: 100%;
}
._2FObvJpFfPkCQrW7mNcOS7 {
margin-left: 16px;
margin-right: 16px;
}
._3qgysGEelHDmpr2F2vHKnP {
width: calc(100vw - 60px);
font-size: 14px;
}
._1gUrUNa0T5JtO-MHJdVGSN {
font-size: 12px;
margin-bottom: 5px;
}
._1rJVCg5YVouMRpIFWsuLuj {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
gap: 20px;
}
._1rJVCg5YVouMRpIFWsuLuj ._1WQXxHKmoqxdo9IIFU5i8f {
font-size: 13px;
font-weight: 400;
margin-top: 32px;
margin-bottom: 24px;
}
._1e_so7KCIq3efKSJc-UiJT {
margin-top: 20px;
}
._1X2qUOMoa1zdgk8CBlusfI {
border: 1px solid grey;
display: flex;
align-items: flex-start;
margin-bottom: 14px;
border-radius: 8px;
padding: 10px 5px;
}
._1X2qUOMoa1zdgk8CBlusfI input[type='radio'] {
width: 25px;
height: 20px;
accent-color: var(--primary);
}
._1X2qUOMoa1zdgk8CBlusfI:checked {
border: 1px solid blue;
}
._1X2qUOMoa1zdgk8CBlusfI ._2TAVlgOdMD_1_5u5JFAvfA {
font-size: 14px;
margin-bottom: 8px;
}
._1X2qUOMoa1zdgk8CBlusfI ._3C60kEgGTecKCEr9HKbnvG {
font-size: 12px;
color: var(--grey-bg-2);
}
.bOr5f_P9fLihPHkUDqzlu {
border: 1px solid var(--primary);
display: flex;
align-items: flex-start;
margin-bottom: 14px;
border-radius: 8px;
padding: 10px 5px;
}
.bOr5f_P9fLihPHkUDqzlu input[type='radio'] {
width: 25px;
height: 20px;
accent-color: var(--primary);
}
.bOr5f_P9fLihPHkUDqzlu:checked {
border: 1px solid var(--primary);
}
.bOr5f_P9fLihPHkUDqzlu ._2TAVlgOdMD_1_5u5JFAvfA {
font-size: 14px;
margin-bottom: 8px;
}
.bOr5f_P9fLihPHkUDqzlu ._3C60kEgGTecKCEr9HKbnvG {
font-size: 12px;
color: var(--grey-bg-2);
}
._2Z_42pXpOYEkYA17cAWxiI {
padding: 10px;
}
._2MjLIHYjvup34Gf8b5DClw {
margin-top: 10px;
}
._1p_cWoPmFeTkcrTuQKTGk8 {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 14px 12px 14px 12px;
gap: 16px;
position: absolute;
max-height: 122px;
overflow-x: scroll;
width: 100%;
box-sizing: border-box;
background: #ffffff;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
border-radius: 4px;
}
._34LAG_HteRUgGAJxvb13j6 {
font-family: 'Anek Latin', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #000000;
flex: none;
order: 0;
flex-grow: 0;
margin-bottom: 16px;
}
._34LAG_HteRUgGAJxvb13j6:last-child {
margin-bottom: 0px;
}
._3kzGMvtG7OevSmISESmOzE {
position: sticky;
padding: 10px;
bottom: 0;
left: 0;
right: 0;
background: var(--white);
box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.1);
z-index: 100;
}
.E5Vlv6xVynWk6E2jr3bUL {
width: 100%;
border-radius: 4px;
}
._2vj9e6EO3MhAgEMoz1jzMU {
display: flex;
justify-content: space-between;
flex-direction: column;
flex: 1;
gap: 20px;
position: relative;
}
.j8lwSMKag1Byu5zakvjXk {
width: 100%;
}
._25MqKtCQNqMHp3flL2bGUM {
width: 100%;
/* to be removed */
margin-top: -10px;
}
._3W50a1P2FXJxJ6CpmLJXEu {
padding: 7px 2px;
margin-top: -8px;
gap: 5px;
}
._3UB6AnPPYQjh8W1elb0mmw {
font-size: 12px;
line-height: 16px;
color: var(--black);
margin-bottom: 4px;
}
.PeUaF3nCkD5oYFv5pHvx5 {
margin: 5px 2px;
padding-left: 2px;
}
._2Dn6sQhfH1j8btFDiO2bnM {
margin: 20px 16px;
}
._3gl_Erbs5NeMASEu2mz6ut {
margin: 0px;
font-size: 12px;
line-height: 16px;
text-align: left;
color: var(--grey-text);
padding: 0 16px;
}
._1fPFSvHxHmTr9si-howMhL {
display: flex;
margin: 10px;
}
._1fPFSvHxHmTr9si-howMhL .ZHCVw7kEmBk0SQ7donjnB {
font-size: 12px;
padding: 0;
line-height: 16px;
text-align: left;
gap: 10px;
}
._1fPFSvHxHmTr9si-howMhL ._3w-G5FD_w_y7PHiohkmHil {
outline: 2px solid var(--text-muted);
border-radius: 4px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 30px;
height: 18px;
}
._1fPFSvHxHmTr9si-howMhL ._3w-G5FD_w_y7PHiohkmHil:checked {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
outline: none;
border-radius: 4px;
width: 30px;
height: 18px;
}
._3iR1EpcsGPGe332yv3SI4I {
border: 1px solid var(--textBorderColor);
padding: 4px 12px;
margin-right: 8px;
margin-top: 10px;
border-radius: 20px;
font-size: 14px;
}
._3iR1EpcsGPGe332yv3SI4I input {
display: none;
}
._3iR1EpcsGPGe332yv3SI4I .sXgMbnv5dltb5AGNnZw_J {
padding: 12px 4px;
font-size: 14px;
}
._3bNCaMS-vE93C6dr8No9HF {
border: 1px solid var(--primary);
background-color: var(--accent);
padding: 4px 12px;
margin-right: 8px;
margin-top: 10px;
border-radius: 20px;
font-size: 14px;
color: var(--primary);
}
._3bNCaMS-vE93C6dr8No9HF input {
display: none;
}
._3bNCaMS-vE93C6dr8No9HF .sXgMbnv5dltb5AGNnZw_J {
padding: 12px 4px;
font-size: 14px;
}
._3TSQMQmGBtS_qF8FXzobJI {
margin-bottom: 12px;
}
.-vTKAQWrcpDS4PPG0s2TV {
display: flex;
gap: 8px;
}
.-vTKAQWrcpDS4PPG0s2TV ._1LQRvWIwM61mtr1MMKHFjw {
flex: 1;
}
._3cCRTBl0Og1TeEgXaW1_gb {
position: sticky;
bottom: 0;
left: 0;
right: 0;
background: var(--white);
box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.1);
}
._2FcBibcCAlthHOKaKbVtHS {
margin: 10px;
border-radius: 4px;
}
._2jGl8rQ6KQFZalGgjNeOmu {
font-size: 14px;
padding: 16px 12px;
color: var(--textColor);
background-color: var(--black);
margin: 5px 35px;
border-radius: 4px;
}
._1oAkdacYpJ_s03IJ6xv0d5 {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
}
._1cRSgfy9xbpc3GlHqQD94k {
margin: 10px 10px;
border-top: 1px solid var(--grey-border);
}
._1cRSgfy9xbpc3GlHqQD94k ._1tjUqea8PiJPAySXfHpHaQ {
display: flex;
padding: 20px 5px;
border-bottom: 1px solid var(--grey-border);
}
._1cRSgfy9xbpc3GlHqQD94k ._1tjUqea8PiJPAySXfHpHaQ input[type='radio'] {
accent-color: var(--primary);
}
._1cRSgfy9xbpc3GlHqQD94k ._3WNkcO2Sy3x-SscOouzT_g {
display: flex;
justify-content: space-between;
flex-grow: 1;
font-size: 14px;
}
._1cRSgfy9xbpc3GlHqQD94k ._3WNkcO2Sy3x-SscOouzT_g ._3Jg3pV6jFCSCdGHSImUrEP {
padding-left: 3px;
display: flex;
}
._1cRSgfy9xbpc3GlHqQD94k ._3WNkcO2Sy3x-SscOouzT_g .GYM8edMg4C5VDZMSKhYXs {
color: var(--text-muted);
}
._2ofll3qoj_wuI4kcFrlvIr {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
background: rgba(255, 255, 255, 0.8);
}
._2ofll3qoj_wuI4kcFrlvIr ._2QMHQyN4W4py2QU0ymhaCx {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
._2ofll3qoj_wuI4kcFrlvIr ._2oNCvelSjdiKKuzvlWu82q {
font-size: 28px;
font-weight: 600;
position: absolute;
z-index: 5;
color: var(--white);
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
}
._19kiGztKwxQhx3ZbFaSsiq {
font-size: 18px;
line-height: 24px;
font-weight: 600;
}
._2o5z_o2_A6Tj1ApSuZrToB {
padding-top: 10px;
}
._1KHhFrQ9ngrDbPwFgeExSC {
margin-top: 24px;
padding-bottom: 18px;
}
._1KHhFrQ9ngrDbPwFgeExSC ._2LGsKMbCv0FBVCUKRoy793 {
background-color: var(--primary);
}
._2okHPkpPkpWIsdVPBblw-l {
display: inline-flex;
align-items: center;
background: var(--white);
margin-top: 18px;
border: 1px solid var(--textBorderColor);
border-radius: 4px;
}
._2okHPkpPkpWIsdVPBblw-l ._7tsM3xY71Ath1O55oqL-L {
padding: 10px 10px;
background: var(--white);
}
._2okHPkpPkpWIsdVPBblw-l:focus-within {
border: 1px solid var(--primary);
}
._2okHPkpPkpWIsdVPBblw-l ._1ddngG6r6vWx3z3LVTSSA0 {
font-weight: 600;
font-size: 20px;
border: none;
}
._2okHPkpPkpWIsdVPBblw-l ._1ddngG6r6vWx3z3LVTSSA0 input {
outline: none;
}
._2okHPkpPkpWIsdVPBblw-l ._1ddngG6r6vWx3z3LVTSSA0:focus {
outline: none;
}
.H--z6rSqMBH-zNci-RyXl {
border: 1px solid var(--errorColor) !important;
}
._2f70shHQVhJMqgNexdXel2 {
background-color: var(--light-blue-bg);
padding-left: 15px;
padding-right: 15px;
}
._3unl30kBWrXj9HemZATJp3 {
padding: 10px 0 16px;
}
._3unl30kBWrXj9HemZATJp3 .EHEF363XjZU-_rV2ZKZen {
color: var(--grey-text);
font-size: 12px;
font-weight: 400;
line-height: 18px;
margin-bottom: 4px;
}
._3unl30kBWrXj9HemZATJp3 ._18Qs-zNgWY1OV-oFGHBsOu {
display: flex;
gap: 8px;
margin-bottom: 4px;
}
._3unl30kBWrXj9HemZATJp3 ._18Qs-zNgWY1OV-oFGHBsOu ._2d6z_WeVPCgo4PyEJSAXNj {
color: var(--text-primary);
font-size: 24px;
font-weight: 700;
line-height: 28px;
}
._3unl30kBWrXj9HemZATJp3 ._18Qs-zNgWY1OV-oFGHBsOu ._2sZ_MlYRLw06gMKIFvpBk7 {
border: none;
outline: none;
padding: 0;
background: none;
}
._3unl30kBWrXj9HemZATJp3 ._3wRuW5iCQis-ubBGs29U_t {
color: var(--text-primary);
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
._3jNwdDnZMhHR1FwVRHKUEH {
position: sticky;
padding: 10px;
bottom: 0;
left: 0;
right: 0;
background: var(--white);
box-shadow: 2px -4px 8px 0px rgba(0, 0, 0, 0.1);
}
._2bO6CM9lYw3qtzmzoohRwF {
font-size: 12px;
color: var(--text-muted);
margin-top: 20px;
}
._3lDvenX84JWZVO9oboL_DY {
font-size: 12px;
color: var(--text-muted);
margin-top: 10px;
margin-bottom: 20px;
}
.GC13DnTnzSI0JnIzP2-PE {
font-size: 12px;
color: var(--errorColor);
}
._3DGuSA977psnu2Qf_36wb2 {
margin: 15px;
font-size: 12px;
}
._1p6CQXUbnrmSSSD89uOWhZ {
padding-left: 15px;
margin-top: 10px;
}
.z2Z0bYrsdX4I21I1B3jOk {
width: -moz-fit-content;
width: fit-content;
}
.OksOxp8UrNw0-BHpgaoAf {
width: auto;
}
.Hjoi29CWQEdzcIH3FJMJv .Vi90F_1jGth69KAz2zF-l {
border-radius: 0;
}
.CNM2doQz0WwAscuowzSOe {
display: flex;
justify-content: center;
color: var(--primary);
font-weight: 600;
font-size: 14px;
margin-top: 18px;
margin-bottom: 24px;
}
.JiDe2TbCba0sYgTaNNdmw {
margin-left: 8px;
}
._2JQ4dMOMmbvuKpjQahyMux {
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: calc(100vh - env(safe-area-inset-top));
z-index: 9999999;
display: flex;
justify-content: center;
align-items: center;
}
._2JQ4dMOMmbvuKpjQahyMux ._1zM8LbuHlsm5Nus6tBCnkx {
background-color: white;
padding: 25px 15px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin: 0 25px 0;
border-radius: 10px;
}
._2JQ4dMOMmbvuKpjQahyMux ._2Hq4txiGZIBgPHWw8pmzIQ {
padding: 0;
height: 40px;
border-radius: 4px;
}
._2JQ4dMOMmbvuKpjQahyMux .diaJ_nFQkPFses-sOio_8 {
font-size: 12px;
line-height: 16px;
color: var(--black);
}
._2JQ4dMOMmbvuKpjQahyMux ._3_djQJ7nx7h1m-kDWDhyXj {
font-size: 24px;
font-weight: 900;
margin-bottom: 30px;
}
._2IEW729_cHDFTXzn3MKb6f {
max-height: calc(90vh - env(safe-area-inset-top));
overflow: scroll;
}
._2Nu099_gWn4JeHb-IMf7Hb {
font-size: 16px;
font-weight: 600;
margin: 20px 16px;
}
.dh_5eR7qgsqbEijieg-65 {
display: flex;
justify-content: space-between;
padding: 12px 16px;
}
._2FCTMVz6bVp8wjk1jVL8UJ {
background: var(--grey-bg);
border-radius: 8px;
margin: 10px 16px;
}
._3qogpYQ_Ff33Mrqt0cAnuC {
position: sticky;
bottom: 0;
background: var(--white);
padding: 16px;
}
.yZS8ABK6bKr0fWvDJQNqU {
color: var(--primary) !important;
}
.yZS8ABK6bKr0fWvDJQNqU {
margin-right: auto;
margin-left: 5px;
font-size: 12px;
align-self: center;
}
._1In4jlht5c7smfmWYx7h24 {
border-collapse: collapse;
margin: 10px;
width: 95%;
table-layout: fixed;
}
._1In4jlht5c7smfmWYx7h24 ._1tnWrWcUM7AOYEfsAK6A1h {
background-color: var(--grey-bg);
color: var(--text-muted);
font-weight: 500;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.3px;
}
._1In4jlht5c7smfmWYx7h24 ._1tnWrWcUM7AOYEfsAK6A1h, ._1In4jlht5c7smfmWYx7h24 .TUjAyejRch7H-mCEp9xPk {
border: 1px solid var(--grey-border);
font-size: 12px;
padding: 10px;
text-align: left;
word-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
._1In4jlht5c7smfmWYx7h24 .TUjAyejRch7H-mCEp9xPk {
font-size: 14px;
line-height: 20px;
color: var(--black);
white-space: pre-wrap;
}
._1p7-wPysztX253ZknnzV3n {
overflow-y: scroll;
height: 100vh;
-ms-overflow-style: none;
scrollbar-width: none;
}
._1p7-wPysztX253ZknnzV3n::-webkit-scrollbar {
display: none;
}
._1p7-wPysztX253ZknnzV3n ._2tmOoI2kzktjdguvKEuXR3 table, ._1p7-wPysztX253ZknnzV3n ._2tmOoI2kzktjdguvKEuXR3 th {
border: 1px solid var(--black);
border-collapse: collapse;
font-size: 12px;
color: var(--black);
padding: 5px;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM {
padding: 16px;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM::-webkit-scrollbar {
display: none;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._3Te5c2ty1hEA77dSRxd-lv, ._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._1TNDGQt5ddRltfkZigG11K, ._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM .Y5LEqaY2egf_rLIAicMty {
margin: 0px;
padding: 10px 0px;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._1TNDGQt5ddRltfkZigG11K {
font-size: 14px;
padding-right: 6px;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._3Te5c2ty1hEA77dSRxd-lv {
font-weight: 600;
font-size: 16px;
line-height: 24px;
margin-top: 22px;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._1mNE28px6wrt5wecYuQQ4a {
font-size: 12px;
line-height: 16px;
color: var(--black);
margin: 22px 0;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM .Y5LEqaY2egf_rLIAicMty {
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: var(--text-muted);
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._3tLsKy_5rtDwCL6JdwnXF6 {
display: flex;
align-items: center;
justify-content: space-between;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._2DEw3oOYqw1www1orJJi5G {
display: flex;
align-items: center;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._21pcsmwkHnG8TeW2gwiC_D, ._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._5Q8zQC4fW_ftwdlNyS1sP {
font-size: 13px;
line-height: 18px;
color: var(--black);
border: 1px solid var(--grey-border);
padding: 10px;
white-space: pre-wrap;
word-wrap: break-word;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._5Q8zQC4fW_ftwdlNyS1sP, ._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._11vWMzEI12-jx2hUTE2Nk_ {
text-align: right;
word-break: break-word;
word-wrap: break-word;
hyphens: auto;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._21pcsmwkHnG8TeW2gwiC_D, ._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._12f_HiP8qJI_Bv0xsXiVxi {
text-align: left;
word-break: break-word;
word-wrap: break-word;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._11vWMzEI12-jx2hUTE2Nk_, ._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM ._12f_HiP8qJI_Bv0xsXiVxi {
background-color: var(--light-blue-bg);
color: var(--text-muted);
font-weight: 500;
line-height: 16px;
letter-spacing: 0.3px;
border: 1px solid var(--grey-border);
font-size: 12px;
padding: 10px;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM .KmpvAzGEBr3krvDffNkz0 {
margin-top: 32px;
font-size: 12px;
text-align: left;
line-height: 16px;
color: var(--black);
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM .KmpvAzGEBr3krvDffNkz0 h1 {
font-weight: 600;
font-size: 17px;
line-height: 24px;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM .KmpvAzGEBr3krvDffNkz0 ul {
padding-left: 12px;
line-height: 2;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM .KmpvAzGEBr3krvDffNkz0 li {
padding: 0 0 0 10px;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM .zCfYgF0AdDgfngNJnc-xr {
border: 1px solid var(--grey-border);
padding-left: 10px;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM .zCfYgF0AdDgfngNJnc-xr ._1ifI4zoMApifzaEBzemgi6 {
font-weight: 700;
font-size: 16px;
line-height: 20px;
}
._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM .zCfYgF0AdDgfngNJnc-xr p, ._1p7-wPysztX253ZknnzV3n ._25d8F6MW-UT_uimT9fVwuM .zCfYgF0AdDgfngNJnc-xr .tJL3sS2WjvnCPFAFRkUQf {
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
._1p7-wPysztX253ZknnzV3n ._1e6CAVZnv541PRLKyE2ynj {
margin: 0px;
width: 100%;
table-layout: fixed;
word-wrap: break-word;
}
._1p7-wPysztX253ZknnzV3n ._1IAvgmmX7HA6uZ_OW-kyrT {
background-color: var(--textColor);
position: sticky;
top: 0px;
padding: 20px 20px 15px 18px;
}
._1p7-wPysztX253ZknnzV3n ._1IAvgmmX7HA6uZ_OW-kyrT .-FqAw0_QZetIuYC5mC92C {
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.15px;
}
._1p7-wPysztX253ZknnzV3n ._40V6pNRkWBLa6EENGPEld {
background-color: var(--textColor);
position: sticky;
bottom: env(safe-area-inset-top);
height: 120px;
margin: auto;
text-align: center;
border-top: 1px solid var(--grey-border);
box-sizing: border-box;
box-shadow: 0px -2px 8px var(--light-grey-shadow);
padding: 16px;
}
._1p7-wPysztX253ZknnzV3n ._40V6pNRkWBLa6EENGPEld ._3z6HOqhyQqAOZDSqbFMVhM {
font-size: 12px;
padding: 0;
padding-bottom: 16px;
text-align: left;
gap: 10px;
}
._1p7-wPysztX253ZknnzV3n ._40V6pNRkWBLa6EENGPEld ._3peyK7iSIb020BqLQZRqEO {
padding: 0;
height: 40px;
border-radius: 4px;
}
._1p7-wPysztX253ZknnzV3n ._40V6pNRkWBLa6EENGPEld .jpWNutx8AzSzcI8J59zsh {
font-size: 12px;
line-height: 16px;
color: var(--black);
}
._1p7-wPysztX253ZknnzV3n ._40V6pNRkWBLa6EENGPEld .vf13QyWfLhFLzUjLzNOxi {
outline: 2px solid var(--text-muted);
border-radius: 4px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 30px;
height: 18px;
}
._1p7-wPysztX253ZknnzV3n ._40V6pNRkWBLa6EENGPEld .vf13QyWfLhFLzUjLzNOxi:checked {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
outline: none;
border-radius: 4px;
width: 30px;
height: 18px;
}
._1p7-wPysztX253ZknnzV3n ._1X65yuBfWXC-BneqMLz10c {
box-shadow: 0px 1px 8px var(--grey-shadow);
border-radius: 4px;
position: absolute;
width: 210px;
height: 44px;
background: var(--black);
text-align: center;
z-index: 1;
}
._1p7-wPysztX253ZknnzV3n ._1X65yuBfWXC-BneqMLz10c p {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.15px;
color: var(--textColor);
}
._1p7-wPysztX253ZknnzV3n ._16zdLoYP60UsuVrhPpykDx {
position: absolute;
top: 690px;
left: 90px;
}
._1p7-wPysztX253ZknnzV3n .TKTToCNYN8BzDKN70Avqx {
font-size: 13px;
line-height: 20px;
color: #717478;
margin: 0 16px 16px;
}
._1p7-wPysztX253ZknnzV3n .TKTToCNYN8BzDKN70Avqx span {
font-size: 14px;
font-weight: 600;
color: var(--primary);
}
._1p7-wPysztX253ZknnzV3n ._16NHKpLqDZemFAwPt32Tv6 {
display: flex;
gap: 10px;
}
._1p7-wPysztX253ZknnzV3n ._16NHKpLqDZemFAwPt32Tv6 .d3IRs5HkioduHALljrk13 {
height: -moz-max-content;
height: max-content;
}
._1p7-wPysztX253ZknnzV3n ._16NHKpLqDZemFAwPt32Tv6 .d3IRs5HkioduHALljrk13 > {
min-height: 20px;
min-width: 20px;
}
._1p7-wPysztX253ZknnzV3n ._16NHKpLqDZemFAwPt32Tv6 ._1gZhpmvzDJ3vYRfLGvH6xu {
margin: 0 0 5px;
text-align: left;
font-size: 12px;
line-height: 16px;
color: var(--black);
}
._1p7-wPysztX253ZknnzV3n ._16NHKpLqDZemFAwPt32Tv6 ._1gZhpmvzDJ3vYRfLGvH6xu span {
color: var(--primary);
font-weight: 600;
}
._2NlY6GzJhDLh1gBWgy0_VZ {
overflow-y: scroll;
height: 85vh;
padding: 16px;
-ms-overflow-style: none;
scrollbar-width: none;
}
._2NlY6GzJhDLh1gBWgy0_VZ::-webkit-scrollbar {
display: none;
}
._2NlY6GzJhDLh1gBWgy0_VZ ._2EG1mhaH4COR0LNQQ8zfba {
margin: 0;
}
._2NlY6GzJhDLh1gBWgy0_VZ .ISPFs28OaYQuIfwubiFHy, ._2NlY6GzJhDLh1gBWgy0_VZ ._3WRuuAhdMp9_E-qesDUEOD {
background-color: var(--light-blue-bg);
color: var(--text-muted);
font-weight: 500;
line-height: 16px;
letter-spacing: 0.3px;
border: 1px solid var(--grey-border);
font-size: 12px;
padding: 10px;
}
._2NlY6GzJhDLh1gBWgy0_VZ ._3pVK-yValN-OTeyIhzXzRy, ._2NlY6GzJhDLh1gBWgy0_VZ ._2w_spbxFZ2Z8AtRK8MKnCD, ._2NlY6GzJhDLh1gBWgy0_VZ .ISPFs28OaYQuIfwubiFHy, ._2NlY6GzJhDLh1gBWgy0_VZ ._3WRuuAhdMp9_E-qesDUEOD {
min-width: 100px;
}
._2NlY6GzJhDLh1gBWgy0_VZ ._3pVK-yValN-OTeyIhzXzRy, ._2NlY6GzJhDLh1gBWgy0_VZ ._2w_spbxFZ2Z8AtRK8MKnCD {
font-size: 14px;
line-height: 20px;
color: var(--black);
border: 1px solid var(--grey-border);
padding: 10px;
}
._2NlY6GzJhDLh1gBWgy0_VZ ._2w_spbxFZ2Z8AtRK8MKnCD, ._2NlY6GzJhDLh1gBWgy0_VZ .ISPFs28OaYQuIfwubiFHy {
text-align: right;
}
._2NlY6GzJhDLh1gBWgy0_VZ ._3pVK-yValN-OTeyIhzXzRy, ._2NlY6GzJhDLh1gBWgy0_VZ ._3WRuuAhdMp9_E-qesDUEOD {
text-align: left;
}
._1v1QbzXoGAB0kj8bMOQP6o {
position: sticky;
top: 0px;
padding: 20px 20px 15px 25px;
}
._1v1QbzXoGAB0kj8bMOQP6o ._3cgQLH152vkZSX8Z8UqORH {
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.15px;
}
._9gKrC7C1XH_uwh317Ni_a {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 4px;
gap: 10px;
height: 16px;
background: var(--teal);
border-radius: 2px;
position: relative;
}
._9gKrC7C1XH_uwh317Ni_a::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, transparent 90%, white 90%);
opacity: 0.3;
animation: W8iL_olHD0WgIFNG6SkSS 1.5s infinite;
}
._9gKrC7C1XH_uwh317Ni_a ._34BN_LXjtsVDjLg4YDwMNz {
height: 16px;
font-family: 'Anek Latin', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 10px;
line-height: 16px;
color: var(--textColor);
flex: none;
order: 0;
flex-grow: 0;
}
@keyframes W8iL_olHD0WgIFNG6SkSS {
0% {
transform: translateX(-90%);
}
100% {
transform: translateX(0%);
}
}
._3sQtAh3KIDhY0Ja74gDP9Y {
display: flex;
flex-direction: column;
align-items: center;
padding: 16px 16px 24px;
gap: 20px;
background: var(--yellow-white);
border-radius: 8px;
margin: 0 16px;
}
._3sQtAh3KIDhY0Ja74gDP9Y ._11WMPeN1wkBZR5huH_3RV6 {
width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 10px 12px;
gap: 10px;
height: 60px;
border: 1px solid var(--textBorderColor);
border-radius: 4px;
flex: none;
flex-grow: 0;
}
._3sQtAh3KIDhY0Ja74gDP9Y > label {
align-self: start;
height: 16px;
font-family: 'Anek Latin', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: var(--black);
flex: none;
flex-grow: 0;
}
._3sQtAh3KIDhY0Ja74gDP9Y > button {
height: 20px;
font-family: 'Anek Latin', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: var(--primary);
flex: none;
flex-grow: 0;
background: transparent;
padding: 0;
}
._3tmLDy28Gw29GmCm7HHy3V {
color: #344054;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px;
}
._3fuSEh5QHimoW8F08tssNg {
border-radius: 8px;
border: 1px solid #d0d5dd;
background: #fff;
}
._2gOQKUafEG1N88jLx7UShd {
flex: 1;
color: #344054;
font-size: 16px;
font-weight: 400;
line-height: 24px;
border: none;
height: 40px;
resize: none;
}
._2gOQKUafEG1N88jLx7UShd::placeholder {
color: var(--ligth-grey-placeHolder);
}
._2gOQKUafEG1N88jLx7UShd:disabled {
background-color: transparent;
color: #98a2b3;
}
._2gOQKUafEG1N88jLx7UShd[type='number']::-webkit-inner-spin-button,
._2gOQKUafEG1N88jLx7UShd[type='number']::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
._2ofa6rz2pNGawDxLKh6YHJ {
color: #667085;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.Bes0FmvSsF4A9rF-nv53Z {
color: #12b76a;
font-size: 12px;
line-height: 18px;
margin-top: 6px;
display: block;
}
._26-HjHy6pwVL8i6XvnCnLX {
display: flex;
flex-direction: column;
gap: 6px;
._1kTyyzNdjeXspcVT9QXzd1 {
background-color: #f9fafb;
}
}
._1DzNMsO5dzDgI1_P_Hw5Rd {
color: var(--primary-text);
}
._3587UqfcRxHOy2XuKnSIG_ {
display: flex;
justify-content: space-between;
border: 1px solid var(--grey-shadow);
border-radius: 8px;
padding: 8px 16px;
background-color: #ffffff;
align-items: center;
}
._3587UqfcRxHOy2XuKnSIG_:focus {
border-color: var(--primary);
box-shadow: 0px 0px 0px 4px #f4ebff, 0px 1px 2px 0px #1018280d;
}
._3587UqfcRxHOy2XuKnSIG_:focus-within {
border-color: var(--primary);
box-shadow: 0px 0px 0px 4px #f4ebff, 0px 1px 2px 0px #1018280d;
}
._3587UqfcRxHOy2XuKnSIG_::placeholder {
color: var(--ligth-grey-placeHolder);
}
._3c6AsyAzODawc1ZNW-Gbod {
color: var(--gray);
}
._3ZoFH2RgR7CqjBrA6VQYMy {
border-color: var(--error);
box-shadow: 0px 0px 0px 4px #ffebeb, 0px 1px 2px 0px #1018280d;
}
._19n_2XWEwXQHxzcHcG0RY0 {
display: flex;
position: relative;
}
._2FtrCcOLSfHNw0yelPuktN {
position: absolute;
top: 16px;
left: 15px;
font-size: 16px;
color: var(--ligth-grey-placeHolder);
pointer-events: none;
font-family: 'Anek Latin', sans-serif;
white-space: nowrap;
}
._2FtrCcOLSfHNw0yelPuktN span:first-child {
visibility: hidden;
}
._2yvLLWUYhoN3O17Jw-fJYD {
pointer-events: none;
cursor: none;
}
._2l_9zedlJYF21aN33SDyFy {
position: absolute;
right: 15px;
top: 13px;
}
.TNtzCfdwE3lIPqgNbb2SU {
position: relative;
bottom: 1px;
}
._1AFW1Sm_7aJJFNnjdlWAMp {
position: relative;
bottom: 1px;
width: fit-content !important;
}
._1zQOifu_OFFYZrWeNkVNxu {
display: flex;
gap: 2px;
/* justify-content: left; */
align-items: flex-start;
max-height: 70vh;
overflow: scroll;
._1FiNe7g9EKy5IuFc4dsbDs {
-webkit-appearance: none;
appearance: none;
margin: 0;
font: inherit;
/* --- Control the size of the checkbox BOX here --- */
min-width: 16px;
min-height: 16px;
margin-right: 4px;
border: 1px solid var(--gray);
border-radius: 4px;
background-color: #fff;
display: grid;
place-content: center;
cursor: pointer;
&::before {
content: '';
/* --- Control the size of the CHECKMARK here --- */
width: 3px;
height: 7px;
border: solid var(--Success-500, #12b76a);
/* --- Control the thickness of the CHECKMARK here --- */
border-width: 0 1.8px 1.8px 0;
transform-origin: center;
transform: rotate(45deg) scale(0);
}
&:checked {
background-color: var(--Success-50, #ecfdf3);
border-color: var(--Success-500, #12b76a);
&::before {
transform: rotate(45deg) scale(1) translate(-1px, -1px);
}
}
}
._2eBoojQfZtyb90PlM8h23b {
width: 100%;
display: flex;
overflow: hidden;
._3Npu8-9ymFJNue05AqspIM {
& > p {
margin: 0;
display: inline;
}
}
.okBKLoivT7ZKcuep-ZxjV {
width: calc(100% - 90px);
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
._7S-s5ZYxF2GOOQodYkMMe {
border: none;
background: none;
padding: 0;
color: #4d43fe;
font-weight: 600;
font-size: 12px;
}
}
}
._2oIXBxln9XPvd3OOng_Kl {
position: relative;
width: 100%;
}
._2AnEpeofudUNmOBPD_YdSn {
width: 100%;
}
._3qX88QOoGkC4leaysrszY8 {
width: 100%;
background-color: var(--primary);
}
._2AnEpeofudUNmOBPD_YdSn,
._3qX88QOoGkC4leaysrszY8 {
position: absolute;
border-radius: 3px;
height: 6px;
}
._2AnEpeofudUNmOBPD_YdSn {
background-color: var(--sliderColorSecondry);
}
._1-3zwd7HqJ2PjT3Zi0Qalk {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 16px;
color: var(--text-muted);
}
._15zeyvzYy-o56uffhgCrtU {
pointer-events: none;
position: relative;
height: 10px;
width: 100%;
outline: none;
z-index: 1;
top: 2px;
margin: auto;
}
._15zeyvzYy-o56uffhgCrtU,
._15zeyvzYy-o56uffhgCrtU::-webkit-slider-thumb {
-webkit-appearance: none;
height: 0;
-webkit-tap-highlight-color: transparent;
}
._15zeyvzYy-o56uffhgCrtU::-webkit-slider-thumb {
background-color: var(--textColor);
border-radius: 50%;
border: solid var(--primary) 2px;
cursor: pointer;
width: 24px;
height: 24px;
pointer-events: all;
}
._15zeyvzYy-o56uffhgCrtU::-moz-range-thumb {
background-color: var(--textColor);
border-radius: 50%;
border: solid var(--primary) 2px;
cursor: pointer;
width: 24px;
height: 24px;
pointer-events: all;
}
._2OHFr-VJFY4WeJ-BE2RcSg {
display: flex;
justify-content: space-between;
}
.I4kNjSD-AIlcWAqBbFuME {
display: flex;
gap: 12px;
}
._3YlOOS6mBSjUkeNZz09apP {
display: flex;
flex-direction: column;
gap: 12px;
}
._3VfNDxdc9yt1EBJdEDVJbg {
display: flex;
justify-content: space-between;
padding: 16px;
border-radius: 8px;
border: 1px solid #eaecf0;
background: #fff;
}
._23g0sBx2cFlGdTMR9-fBPq {
flex-direction: row-reverse;
}
._1GLGxgetFxo96DnKx-ngly {
display: flex;
align-items: center;
gap: 12px;
}
._12rmD5_sgw99agFKJHn3vl {
color: #344054;
font-size: 14px;
font-weight: 500;
line-height: 22px;
}
._2cmVfe1SFy2usUwEtKC0sl {
border: 1px solid var(--button-green);
background: var(--button-green);
._12rmD5_sgw99agFKJHn3vl {
color: var(--text-button-green);
}
}
._3m4YlSJh7tWNTChRKJDuaQ {
accent-color: var(--button-green);
margin: 0;
}
._2lZiatc2AzScV_JmxwOfIx {
display: flex;
gap: 12px;
}
._1de7xEm5UDWK1VgXy6VJRv {
display: flex;
align-items: stretch;
justify-content: center;
}
._3vxpW5iG7y-yVQ041rskoj {
display: flex;
padding: 12px 16px;
border-radius: 8px;
border: 1px solid #d0d5dd;
background-color: #ffffff;
cursor: pointer;
text-align: center;
flex: 1 1 0;
justify-content: center;
}
._2fJA3a1gRVjDckgnA8YUID {
background-color: #dbe1ff;
border-color: #c7cdff;
color: #4d43fe;
}
._3vxpW5iG7y-yVQ041rskoj input {
display: none;
}
._31r-luV7-zBUyP8_x9V2eD {
white-space: nowrap;
font-weight: bold;
}
._1_x3VBSA_cGNA2qxWHGTlE {
display: flex;
justify-content: space-between;
}
._2TIf-ZqewyXh7h1gjMYn8V {
display: flex;
gap: 12px;
}
._3ZSlXAUARcf2-D03L-BOVY {
display: flex;
flex-direction: column;
gap: 12px;
}
._1WZkuWZpf_t_I2ikFvLkk3 {
display: flex;
justify-content: space-between;
padding: 16px;
border-radius: 8px;
border: 1px solid #eaecf0;
background: #fff;
}
.w7nbaL2cMmjgkoGlI-lmt {
flex-direction: row-reverse;
}
._2vLlPLOqwms6TN5h71ct4M {
display: flex;
align-items: center;
gap: 12px;
}
._2ciEPS-4XS0JWgrdpK65Fc {
color: #344054;
font-size: 14px;
font-weight: 500;
line-height: 22px;
}
._1O_lGjdZfjFU6yMSki8im4 {
border: 1px solid var(--primary);
background: var(--accent);
._2ciEPS-4XS0JWgrdpK65Fc {
color: #53389e;
}
}
.hF7RtMleUB-n0cS00xbQB {
accent-color: var(--primary);
margin: 0;
}
._1L7bbV7bmxVnR6NmrH2buY {
appearance: none;
width: 28px;
height: 28px;
border: 2px solid #d0d5dd;
border-radius: 50%;
background: #fff;
cursor: pointer;
position: relative;
transition: border-color 0.2s, background 0.2s;
outline: none !important;
display: inline-block;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;
}
._1L7bbV7bmxVnR6NmrH2buY:focus {
outline: none !important;
box-shadow: none !important;
}
._1L7bbV7bmxVnR6NmrH2buY:focus-visible {
outline: none !important;
box-shadow: none !important;
}
._1L7bbV7bmxVnR6NmrH2buY:checked {
border-color: #3ac267;
background-color: #3ac267;
}
._1L7bbV7bmxVnR6NmrH2buY:checked::after {
content: '';
position: absolute;
top: 40%;
left: 50%;
width: 8px;
height: 14px;
border: solid #fff;
border-width: 0 3px 3px 0;
border-radius: 1px;
transform: translate(-50%, -50%) rotate(45deg);
display: block;
}
._2whju_WE6AWQ4jh-7QdoPl {
display: flex;
align-items: baseline;
gap: 12px;
}
._12iU4K4xwUDxs7wwL2zZIo {
display: flex;
flex-direction: column;
gap: 4px;
}
._1639BLEboZob7GLF7Q7dpH {
position: relative;
._3WLR050aRjUiMRt-rpVt36 {
align-items: center;
font-size: 16px;
line-height: 20px;
background: #ffffff;
color: #344054;
padding: 16px 16px;
._16iVQz9-4ue6GIHEdVu0Q6 {
transform: rotate(180deg);
}
}
._3iYFxcYwYJug5CJgLBBpqP {
border: 1px solid var(--gray);
background-color: var(--light-grey-shadow);
&:focus {
box-shadow: none;
}
}
._3T00PPwc8XMJ4Fw5MRuEiC {
position: absolute;
top: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
position: absolute;
width: 100%;
background: #ffffff;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
border-radius: 4px;
z-index: 1;
margin-top: 8px;
._2vAlMbKRxcXm6ipv_qj2Pm {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 14px;
width: 100%;
box-sizing: border-box;
&:focus {
border-color: var(--primary-color);
box-shadow: 0px 0px 0px 4px #f4ebff, 0px 1px 2px 0px #1018280d;
}
&:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
}
.P2u9nUy9zLeeA8HmygCjT {
color: var(--text-grey-1);
font-weight: 400;
line-height: 24px;
}
._3q28IQJp9tyAnV1ZGRA-s_ {
background-color: var(--grey-bg);
}
.lRapqS_Gj2JAytknLLsCI {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
}
._77Buw_rbcQHuz949lBoUR {
color: var(--primary-text);
}
._1sfShs3U9l0yyOVdQjbrMD {
color: var(--ligth-grey-placeHolder);
}
}
._1SiqkQh2R14LhiDmYKqR18 {
display: block;
._6COfhBcj_MWcZnwtA46Yv {
width: 100%;
border: none;
padding: 0;
height: 36px;
font-size: 16px;
line-height: 20px;
}
}
.Pg8X5TTXQkkGdSOrutBkV {
position: absolute;
top: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
position: absolute;
width: 100%;
background: #ffffff;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
border-radius: 4px;
z-index: 1;
.flMy4SymeJw1tF3sETndq {
width: 100%;
._2kFsYTcPwU4cs5CaBv3HIl {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px;
width: 100%;
box-sizing: border-box;
}
}
}
._1A4x5p_MeV5W2pTAyPxpHY {
display: flex;
align-items: center;
gap: 12px;
}
._1O0DiFYLCky6hxPCfe2yZX {
margin-right: 12px;
object-fit: contain;
}
._1fAX42shCS-2IwgcyEh2t {
color: rgb(217, 45, 32);
font-size: 12px;
font-weight: 400;
line-height: 18px;
margin-top: 6px;
}
._2bcvUT459cIWVNenIDD1b8 {
color: #12b76a;
font-size: 12px;
line-height: 18px;
margin-top: 6px;
}
._2bcvUT459cIWVNenIDD1b8 {
color: #12b76a;
font-size: 12px;
line-height: 18px;
}
._2EO_BWH_pAEHcAdFS2iVWj {
align-items: center;
}
.QzgMKEe_qKtd1_lbCz_q6 {
display: flex;
flex-direction: column;
gap: 24px;
}
.QzgMKEe_qKtd1_lbCz_q6 ._3za7dVHC5YeWAzpy8eKofB {
margin-top: 6px;
color: #039855;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
._3hPDw6afMRfU_7KJE7lCkn {
display: flex;
flex-direction: column;
margin-top: 6px;
gap: 2px;
color: var(--error);
}
._1eDwwL9Vasxv3u1bLJPvw8 {
border-radius: 4px;
border: 1px solid #eee;
background: #fafafa;
padding: 16px;
margin-bottom: 16px;
}
._1eDwwL9Vasxv3u1bLJPvw8 .mbcEOBs74FGf3UB2tA8Rt {
margin-bottom: 20px;
}
._1eDwwL9Vasxv3u1bLJPvw8 .mbcEOBs74FGf3UB2tA8Rt ._2w45l2t6YUZypedX3dJxwQ {
color: #111112;
text-align: center;
font-size: 17px;
font-weight: 600;
line-height: 24px;
}
._1eDwwL9Vasxv3u1bLJPvw8 .mbcEOBs74FGf3UB2tA8Rt ._2imRGXp4ceOtE0vD2tdNvE {
color: #717478;
text-align: center;
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
._1eDwwL9Vasxv3u1bLJPvw8 ._34L8jISET7WfoVZPTwevy7 {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 22px;
}
._1eDwwL9Vasxv3u1bLJPvw8 ._34L8jISET7WfoVZPTwevy7 ._3tt17UhcMroAkprPInLRez {
border-radius: 4px;
border: 1px solid #d5d7db;
background: #fff;
width: 240px;
height: 48px;
color: #111112;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
}
.zCAWey2CgZThHJ2b96yr9 {
text-align: center;
}
.zCAWey2CgZThHJ2b96yr9 ._1thWtgnPUD2vpaHazMrPyG {
border: none;
background-color: transparent;
color: var(--primary);
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
._1OHMwWqcNhTGjSzvRCCnwB {
margin: 24px;
border-radius: 12px;
}
._169bX7NTp_bamnDjwN9X5S {
padding: 24px;
background-color: #f2f4f7;
}
._169bX7NTp_bamnDjwN9X5S ._1Lo5cffVv1yB68o-j7Sjr5 {
color: #4d43fe;
font-size: 20px;
font-weight: 700;
line-height: 24px;
margin-bottom: 20px;
}
._169bX7NTp_bamnDjwN9X5S ._2lrOztjPaRbLHzCt2vbmnU {
padding-bottom: 16px;
}
._169bX7NTp_bamnDjwN9X5S ._2lrOztjPaRbLHzCt2vbmnU ._3rhzpQ4bJc6MyQfIXe63RV {
color: #667085;
}
._169bX7NTp_bamnDjwN9X5S ._2lrOztjPaRbLHzCt2vbmnU ._1xcnHNXPEOUgxmWmyQ6yHH {
color: #101828;
font-size: 16px;
font-weight: 600;
line-height: 28px;
margin-bottom: 8;
}
._169bX7NTp_bamnDjwN9X5S ._2lrOztjPaRbLHzCt2vbmnU ._2_Zq4d3iGF-ssLuj98ZsjX {
display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
border-radius: 8px;
background: #ffffff;
}
._169bX7NTp_bamnDjwN9X5S ._2lrOztjPaRbLHzCt2vbmnU ._2_Zq4d3iGF-ssLuj98ZsjX .vkSBGh2yhuLS0ygqiUzmG {
display: flex;
justify-content: space-between;
width: 100%;
color: #667085;
font-size: 14px;
font-weight: 500;
line-height: 18px;
}
._169bX7NTp_bamnDjwN9X5S ._2lrOztjPaRbLHzCt2vbmnU ._3Ru9PZBXh-b68ZbFdjk686 {
margin-top: 8px;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
._169bX7NTp_bamnDjwN9X5S .Na8uvdS_tEoiN8DosyHph {
border-radius: 8px;
border: 1px solid #b5ef85;
background: #b5ef85;
color: #1d2939;
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
padding: 16px 20px;
font-size: 18px;
font-weight: 600;
line-height: 22px;
height: 56px;
width: 100%;
}
._20i0FUI23AdLQK2M7w1qjP {
padding: 12px;
border-radius: 8px;
border: 1px solid var(--grey-border);
margin-bottom: 30px;
}
._20i0FUI23AdLQK2M7w1qjP ._3VoGbyPHQA-Yk4KnQ-ruQf {
font-size: 12px;
line-height: 16px;
color: var(--grey-text);
}
._20i0FUI23AdLQK2M7w1qjP ._2cZ7r4IEq7twEIjXHR8fUw {
display: flex;
justify-content: space-between;
align-items: center;
}
._20i0FUI23AdLQK2M7w1qjP ._2cZ7r4IEq7twEIjXHR8fUw ._1ZYBcf_yLUUykjsS5lsvpw {
font-size: 24px;
line-height: 28px;
color: var(--black);
font-weight: 600;
}
._20i0FUI23AdLQK2M7w1qjP ._2cZ7r4IEq7twEIjXHR8fUw ._1iuyqqwjSzYfsrEyZpQIjC {
height: 36px;
width: 36px;
border: 1px solid var(--grey-border);
border-radius: 8px;
background-color: var(--white);
}
._20i0FUI23AdLQK2M7w1qjP ._2cZ7r4IEq7twEIjXHR8fUw ._1EHDAUDpmsjxQUOPK7Y2AM {
background-color: var(--primary);
}
._20i0FUI23AdLQK2M7w1qjP .hEMKbHvJQa195Mvna6EGs {
margin-top: 20px;
}
._20i0FUI23AdLQK2M7w1qjP ._1DfSP8F7b1I8rZBHDw1QB6 {
margin-top: 12px;
background-color: var(--accent);
}
._20i0FUI23AdLQK2M7w1qjP ._1DfSP8F7b1I8rZBHDw1QB6 ._1pgtu0dz0ruw2d6B9zjXTH {
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: var(--primary);
}
._2ZXGqyzCIWbuwBVOhx44P9 {
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: var(--black);
margin-bottom: 16px;
}
._2dk-0ReQn7RdSaAkK5jX4W {
border: 1px solid var(--grey-border);
border-radius: 8px;
}
._2dk-0ReQn7RdSaAkK5jX4W ._1V1wQgE6CVvFnwa6Bugk32 {
display: flex;
justify-content: space-between;
padding: 24px 16px;
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: var(--grey-text);
border-bottom: 1px solid var(--grey-border);
}
._2dk-0ReQn7RdSaAkK5jX4W ._1wB2EX70PWQpgeRcQnWDt7 {
min-width: 80px;
}
._2dk-0ReQn7RdSaAkK5jX4W ._2jgbKAzr3dLMgQolzh77N9 {
min-width: 110px;
}
._2dk-0ReQn7RdSaAkK5jX4W ._2YnpW_TQPKR7x4lzb1q2fN {
display: flex;
padding: 16px;
width: 100%;
border-bottom: 1px solid var(--grey-border);
}
._2dk-0ReQn7RdSaAkK5jX4W ._2YnpW_TQPKR7x4lzb1q2fN input[type='radio'] {
accent-color: var(--primary);
}
._2dk-0ReQn7RdSaAkK5jX4W ._2YnpW_TQPKR7x4lzb1q2fN._1HafT0yOMh0La6nxZMLvfm {
border-bottom: none;
}
._2dk-0ReQn7RdSaAkK5jX4W ._2YnpW_TQPKR7x4lzb1q2fN._2lIbrN76iZ4WabycoGTsu4 {
background-color: var(--accent);
}
._2dk-0ReQn7RdSaAkK5jX4W ._2YnpW_TQPKR7x4lzb1q2fN ._2BT5PfGw1g7bDfvoiqZ_OD {
display: flex;
justify-content: space-between;
flex: 1;
padding-left: 10px;
font-size: 14px;
line-height: 22px;
}
._2dk-0ReQn7RdSaAkK5jX4W ._2YnpW_TQPKR7x4lzb1q2fN ._2BT5PfGw1g7bDfvoiqZ_OD ._16WQXH9FoMNFASOrdefs_w {
color: var(--black);
}
._2dk-0ReQn7RdSaAkK5jX4W ._2YnpW_TQPKR7x4lzb1q2fN ._2BT5PfGw1g7bDfvoiqZ_OD ._3XBAdl-X7nzxZDtYW-7SSv {
text-align: center;
}
._2dk-0ReQn7RdSaAkK5jX4W ._2YnpW_TQPKR7x4lzb1q2fN ._2BT5PfGw1g7bDfvoiqZ_OD ._2pybpKfWBzzGvLTdG0Ogcy {
color: var(--grey-text);
}
._2dk-0ReQn7RdSaAkK5jX4W ._2YnpW_TQPKR7x4lzb1q2fN ._1OBiRo1waaGQ6jBSIX8a9c {
display: flex;
flex-direction: column;
gap: 48px;
justify-content: space-between;
flex: 1;
font-size: 14px;
line-height: 22px;
border-radius: 12px;
}
._2dk-0ReQn7RdSaAkK5jX4W ._2YnpW_TQPKR7x4lzb1q2fN ._1OBiRo1waaGQ6jBSIX8a9c ._3XBAdl-X7nzxZDtYW-7SSv {
text-align: center;
}
._2dk-0ReQn7RdSaAkK5jX4W ._2YnpW_TQPKR7x4lzb1q2fN ._1OBiRo1waaGQ6jBSIX8a9c ._1wB2EX70PWQpgeRcQnWDt7 {
color: var(--Super-Gray-600);
font-weight: 700;
font-size: 16px;
}
._2dk-0ReQn7RdSaAkK5jX4W ._2YnpW_TQPKR7x4lzb1q2fN ._1OBiRo1waaGQ6jBSIX8a9c ._16WQXH9FoMNFASOrdefs_w {
color: var(--primary);
font-size: 18px;
font-weight: 700;
}
._2dk-0ReQn7RdSaAkK5jX4W ._2YnpW_TQPKR7x4lzb1q2fN ._1OBiRo1waaGQ6jBSIX8a9c ._2pybpKfWBzzGvLTdG0Ogcy {
color: var(--Super-Gray-600);
}
._2dk-0ReQn7RdSaAkK5jX4W ._2PCdxOP5w0rjkpTLUxDj1k {
flex-direction: row-reverse;
align-items: baseline;
border-radius: 12px;
position: relative;
width: auto;
flex: 1;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1),
0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
._2dk-0ReQn7RdSaAkK5jX4W ._2PCdxOP5w0rjkpTLUxDj1k._2lIbrN76iZ4WabycoGTsu4 {
background-color: var(--Super-Green-25);
border: 2px solid var(--Super-Green-500);
}
._2dk-0ReQn7RdSaAkK5jX4W ._2PCdxOP5w0rjkpTLUxDj1k input[type='radio'] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 16px;
height: 16px;
border: 1.5px solid #d0d5dd;
/* gray border */
border-radius: 50%;
background-color: #fff;
/* white background when unchecked */
position: relative;
left: 5px;
top: 2px;
cursor: pointer;
}
._2dk-0ReQn7RdSaAkK5jX4W ._2PCdxOP5w0rjkpTLUxDj1k input[type='radio']::after {
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
._2dk-0ReQn7RdSaAkK5jX4W ._2PCdxOP5w0rjkpTLUxDj1k input[type='radio']:checked {
border-color: #6aa84f;
/* green border when checked */
background-color: #e0ffc7;
/* light green background only when checked */
}
._2dk-0ReQn7RdSaAkK5jX4W ._2PCdxOP5w0rjkpTLUxDj1k input[type='radio']:checked::after {
background-color: #6aa84f;
/* green center dot */
border: 1px solid #6aa84f;
}
._3wYGctxEOB3A38_l4V0Fka {
border: none;
border-radius: 0;
width: 100%;
overflow: visible;
box-sizing: border-box;
}
._3_vQyA73D7r9KWcCj3PxuY {
text-align: center;
margin-top: 28px;
}
._3_vQyA73D7r9KWcCj3PxuY ._2oPVpJr6ylR8e8N8HkPK4F {
border: none;
background-color: transparent;
color: var(--primary);
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
._3_vQyA73D7r9KWcCj3PxuY ._2oPVpJr6ylR8e8N8HkPK4F:disabled {
opacity: 0.6;
}
._2upuZM9So9sUkyfibYnDNC {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
._3MKKY57HrtMoBuxJ1czSy4 {
color: #1d2939;
color: var(--Super-Gray-800, #1d2939);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px;
letter-spacing: 0.4px;
}
._2ikxITmTYimZg8y3XVbbhr {
color: #475467;
color: var(--Super-Gray-600, #475467);
font-family: 'Anek Latin';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.28px;
}
._3LsHSc-Rv3beAZP72W2hmK {
color: #1d2939;
color: var(--Super-Gray-800, #1d2939);
font-family: 'Anek Latin';
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.28px;
}
._2hp727Qo-W2db-p7PZYxMX {
width: 100%;
overflow: visible;
padding-bottom: 1px;
box-sizing: border-box;
}
._2hp727Qo-W2db-p7PZYxMX > div {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-gap: 8px !important;
gap: 8px !important;
padding: 0 !important;
width: 100% !important;
overflow: visible !important;
box-sizing: border-box !important;
}
._2PCdxOP5w0rjkpTLUxDj1k {
padding: 12px !important;
width: 100% !important;
}
._2PCdxOP5w0rjkpTLUxDj1k {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
border-radius: 12px;
position: relative;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1),
0px 2px 4px -2px rgba(16, 24, 40, 0.06);
background: white;
margin: 0;
box-sizing: border-box;
border: 1px solid #e4e7ec;
overflow: visible;
min-width: 0;
}
._2PCdxOP5w0rjkpTLUxDj1k._2lIbrN76iZ4WabycoGTsu4 {
padding: 11px !important;
}
._2PCdxOP5w0rjkpTLUxDj1k._2lIbrN76iZ4WabycoGTsu4 {
background-color: var(--Super-Green-25);
border: 2px solid var(--Super-Green-500);
}
._2PCdxOP5w0rjkpTLUxDj1k input[type='radio'] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 14px;
height: 14px;
border: 1.5px solid #d0d5dd;
border-radius: 50%;
background-color: #fff;
position: relative;
margin-left: 6px;
cursor: pointer;
flex-shrink: 0;
}
._2PCdxOP5w0rjkpTLUxDj1k input[type='radio']::after {
content: '';
width: 7px;
height: 7px;
border-radius: 50%;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
._2PCdxOP5w0rjkpTLUxDj1k input[type='radio']:checked {
border-color: #6aa84f;
background-color: #e0ffc7;
}
._2PCdxOP5w0rjkpTLUxDj1k input[type='radio']:checked::after {
background-color: #6aa84f;
border: 1px solid #6aa84f;
}
._1OBiRo1waaGQ6jBSIX8a9c {
display: flex;
flex-direction: column;
gap: 16px;
justify-content: space-between;
flex: 1;
font-size: 14px;
line-height: 20px;
border-radius: 12px;
position: relative;
width: 100%;
box-sizing: border-box;
padding-top: 16px;
min-width: 0;
}
._1OBiRo1waaGQ6jBSIX8a9c ._16WQXH9FoMNFASOrdefs_w {
color: var(--primary);
font-size: 16px;
font-weight: 700;
width: 100%;
font-family: 'Anek Latin', monospace;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
._1OBiRo1waaGQ6jBSIX8a9c ._1wB2EX70PWQpgeRcQnWDt7 {
color: var(--Super-Gray-600);
font-weight: 700;
font-size: 14px;
}
._1OBiRo1waaGQ6jBSIX8a9c ._2pybpKfWBzzGvLTdG0Ogcy {
color: var(--Super-Gray-600);
font-size: 14px;
}
._2EB95iGaEenOSpdQVjF94V {
position: absolute;
top: -25px;
left: 60%;
transform: translateX(-50%);
z-index: 1;
}
._15TW-S3DbROh5re3yyHvOs {
max-width: 400px;
margin: 0 auto;
padding: 1.5rem;
background-color: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
text-align: center;
margin-bottom: 0;
}
._3EypgJ11ZleAA8NrQlbyY_ {
width: 48px;
height: 4px;
background-color: #d1d5db;
border-radius: 9999px;
margin: 0 auto 1rem auto;
}
._3sPj1Di_drN4QmvMzGdXSn {
font-size: 1.25rem;
font-weight: 600;
color: #4d43fe;
margin-bottom: 1rem;
text-align: left;
}
._24kBcNK7bDNDl9JU3K1xgK {
text-align: left;
position: relative;
}
._2yXnJMSsTajRDRd9NTU4ax {
display: block;
font-size: 0.875rem;
font-weight: 500;
color: #374151;
margin-bottom: 0.5rem;
}
._3PAiNg3UTKgZ1VdX0Gry38 {
width: 100%;
padding: 0.75rem 1rem;
font-size: 1rem;
border: 1px solid #d1d5db;
border-radius: 0.75rem;
color: #1f2937;
outline: none;
padding-left: 30px;
}
._3PAiNg3UTKgZ1VdX0Gry38:focus {
border-color: #a78bfa;
box-shadow: 0 0 0 2px rgba(167, 139, 250, 0.5);
}
._1v_AZHdL8Odf6vV2tOY9c {
font-size: 0.875rem;
color: #6b7280;
margin-top: 0.5rem;
}
._3i8aZqOGrDkiJsWNM1DTFp {
border-radius: 8px;
border: 1px solid #b5ef85;
border: 1px solid var(--Super-Green-500, #b5ef85);
background: #b5ef85;
background: var(--Super-Green-500, #b5ef85);
/* Shadow/xs */
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
width: 100%;
padding: 16px 20px;
font-weight: 600;
}
._3i8aZqOGrDkiJsWNM1DTFp:hover {
background-color: #a3e88c;
}
._2iVz0tfBs85C5DCAPNRvl- {
background: #d0d5dd !important;
border-color: var(--white) !important;
}
._2iVz0tfBs85C5DCAPNRvl- {
color: white;
pointer-events: none;
cursor: not-allowed;
}
._2UjMlBrMrouQYoGZm7vV6k {
color: white;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
font-weight: bold;
text-align: center;
padding-top: 0;
padding-left: 32px;
padding-right: 32px;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto; /* default: no top gap (small text) */
min-height: 28px;
height: 28px; /* fix banner height to avoid vertical jitter */
display: flex;
align-items: center;
justify-content: center;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: top center;
background-image: url('data:image/svg+xml;utf8,');
background-image: var(
--banner-svg-url,
url('data:image/svg+xml;utf8,')
);
}
/* Remove default margins from nested rich text elements to keep vertical centering consistent */
._2UjMlBrMrouQYoGZm7vV6k * {
line-height: 28px !important;
}
._2UjMlBrMrouQYoGZm7vV6k * {
margin-left: 4px;
margin-right: 4px;
}
._2wYc6xa1Zoo-hfV3uEG-t6 {
display: flex;
align-items: center;
height: 28px;
}
._2wYc6xa1Zoo-hfV3uEG-t6 * {
line-height: 28px !important;
}
._2wYc6xa1Zoo-hfV3uEG-t6 * {
margin-left: 12px;
margin-right: 12px;
}
._3gHssIHw0gCjXZXEI47ike {
padding: 12px;
border-radius: 8px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 24px;
}
._3gHssIHw0gCjXZXEI47ike ._2T3zOKztehHsvPwHias3ye {
font-size: 14px;
line-height: 18px;
color: #667085;
}
._3gHssIHw0gCjXZXEI47ike ._1ts5kUjma0H41uk4YugDLH ._2WBZcsLk1fSAgbVzeoEQho {
font-size: 24px;
line-height: 28px;
color: var(--black);
font-weight: 600;
}
._3gHssIHw0gCjXZXEI47ike ._1ts5kUjma0H41uk4YugDLH .MERCS6dVKUlsDjjNAu51C {
height: 36px;
width: 36px;
border: 1px solid var(--grey-border);
border-radius: 8px;
background-color: var(--white);
}
._3gHssIHw0gCjXZXEI47ike ._1ts5kUjma0H41uk4YugDLH ._6xEDCmgPaPZTUSZ2ofM23 {
background-color: var(--primary);
}
._3gHssIHw0gCjXZXEI47ike ._24s7v8pTArm1yob2h1nBIt {
margin-top: 20px;
}
._3gHssIHw0gCjXZXEI47ike ._3IRpGNunU1I_ufwc7IQAdh {
width: 100%;
display: flex;
justify-content: center;
}
._3gHssIHw0gCjXZXEI47ike ._1qV8AdsO4nkOi2BBh1Hh95 {
background-color: #fff;
}
._3gHssIHw0gCjXZXEI47ike ._1qV8AdsO4nkOi2BBh1Hh95 .m2Teay5Yp5acj04EbJ32J {
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: #4d43fe;
}
._2JpKz-UPsE_rQa9i1wHgJH {
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: var(--black);
margin-bottom: 16px;
}
.QF1TdmBnArO3YzrwNKyXM {
border: 1px solid var(--grey-border);
border-radius: 8px;
}
.QF1TdmBnArO3YzrwNKyXM ._2hCcIr1wh0WGQyDEJzRsVc {
display: flex;
justify-content: space-between;
padding: 24px 16px;
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: var(--grey-text);
border-bottom: 1px solid var(--grey-border);
}
.QF1TdmBnArO3YzrwNKyXM ._3QgM7pLUj2tFChWK3RCbcY {
min-width: 80px;
}
.QF1TdmBnArO3YzrwNKyXM ._2PIxK6PP09ssZ_L4HPoNS_ {
min-width: 110px;
}
.QF1TdmBnArO3YzrwNKyXM .VzpVFb41Oxo0UKMGBhTnZ {
display: flex;
padding: 16px;
width: 100%;
border-bottom: 1px solid var(--grey-border);
}
.QF1TdmBnArO3YzrwNKyXM .VzpVFb41Oxo0UKMGBhTnZ input[type='radio'] {
accent-color: var(--primary);
}
.QF1TdmBnArO3YzrwNKyXM .VzpVFb41Oxo0UKMGBhTnZ._3vn51P3Rp5g24ypArG2KUn {
border-bottom: none;
}
.QF1TdmBnArO3YzrwNKyXM .VzpVFb41Oxo0UKMGBhTnZ.WxKNcgYTAKlBGyU5knZTN {
background-color: var(--accent);
}
.QF1TdmBnArO3YzrwNKyXM .VzpVFb41Oxo0UKMGBhTnZ ._15jpOowUnU79Dr0eNbcNax {
display: flex;
justify-content: space-between;
flex: 1;
padding-left: 10px;
font-size: 14px;
line-height: 22px;
}
.QF1TdmBnArO3YzrwNKyXM .VzpVFb41Oxo0UKMGBhTnZ ._15jpOowUnU79Dr0eNbcNax ._1YVsnK-2l8EXSNoKRkBL3c {
color: var(--black);
}
.QF1TdmBnArO3YzrwNKyXM .VzpVFb41Oxo0UKMGBhTnZ ._15jpOowUnU79Dr0eNbcNax ._3gjUdJ3k0_Fdd_rCLU5wRz {
text-align: center;
}
.QF1TdmBnArO3YzrwNKyXM .VzpVFb41Oxo0UKMGBhTnZ ._15jpOowUnU79Dr0eNbcNax ._12Byd2-aty3T8EPsHuOzWX {
color: var(--grey-text);
}
.QF1TdmBnArO3YzrwNKyXM .VzpVFb41Oxo0UKMGBhTnZ ._3OlHjAYoYVvOm71Ntlm47M {
display: flex;
flex-direction: column;
gap: 48px;
justify-content: space-between;
flex: 1;
font-size: 14px;
line-height: 22px;
border-radius: 12px;
}
.QF1TdmBnArO3YzrwNKyXM .VzpVFb41Oxo0UKMGBhTnZ ._3OlHjAYoYVvOm71Ntlm47M ._3gjUdJ3k0_Fdd_rCLU5wRz {
text-align: center;
}
.QF1TdmBnArO3YzrwNKyXM .VzpVFb41Oxo0UKMGBhTnZ ._3OlHjAYoYVvOm71Ntlm47M ._3QgM7pLUj2tFChWK3RCbcY {
color: var(--Super-Gray-600);
font-weight: 700;
font-size: 18px;
white-space: nowrap;
}
.QF1TdmBnArO3YzrwNKyXM .VzpVFb41Oxo0UKMGBhTnZ ._3OlHjAYoYVvOm71Ntlm47M ._1YVsnK-2l8EXSNoKRkBL3c {
color: #1d2939;
font-size: 18px;
font-weight: 700;
}
.QF1TdmBnArO3YzrwNKyXM .VzpVFb41Oxo0UKMGBhTnZ ._3OlHjAYoYVvOm71Ntlm47M ._12Byd2-aty3T8EPsHuOzWX {
color: var(--Super-Gray-600);
}
.QF1TdmBnArO3YzrwNKyXM ._2vmc8g1yuxQ8J5Ysstcf6h {
flex-direction: row-reverse;
align-items: baseline;
border-radius: 12px;
position: relative;
width: auto;
flex: 1;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1),
0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.QF1TdmBnArO3YzrwNKyXM ._2vmc8g1yuxQ8J5Ysstcf6h.WxKNcgYTAKlBGyU5knZTN {
background-color: #ffffff;
border: 1px solid #6ce9a6;
}
.QF1TdmBnArO3YzrwNKyXM ._2vmc8g1yuxQ8J5Ysstcf6h input[type='radio'] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 24px;
height: 24px;
border: 1px solid #d0d5dd;
/* gray border */
border-radius: 50%;
background-color: #fff;
/* white background when unchecked */
position: relative;
left: -95px;
top: -25px;
cursor: pointer;
}
.QF1TdmBnArO3YzrwNKyXM ._2vmc8g1yuxQ8J5Ysstcf6h input[type='radio']::after {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: width 120ms ease, height 120ms ease, background-color 120ms ease;
}
.QF1TdmBnArO3YzrwNKyXM ._2vmc8g1yuxQ8J5Ysstcf6h input[type='radio']:checked {
border-color: #12b76a; /* keep same thickness; just change color */
background-color: #ecfff6; /* soft mint background when checked */
}
.QF1TdmBnArO3YzrwNKyXM ._2vmc8g1yuxQ8J5Ysstcf6h input[type='radio']:checked::after {
background-color: #12b76a;
/* green center dot */
border: none;
width: 8px;
height: 8px;
}
._1KVknWXHYiFrQhTBxm8s9p {
border: none;
border-radius: 0;
width: 100%;
overflow: visible;
box-sizing: border-box;
}
._178YmZggBLiNYwrDnrjHhn {
text-align: center;
margin-top: 28px;
}
._178YmZggBLiNYwrDnrjHhn ._10KofxbbKgD59gsq0VQL4A {
border: none;
background-color: transparent;
color: var(--primary);
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
._178YmZggBLiNYwrDnrjHhn ._10KofxbbKgD59gsq0VQL4A:disabled {
opacity: 0.6;
}
._23UnJUGxRBdRpJ7esTODkx {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
margin-top: 10px;
}
.t2bujDjtX_2ML3ljewr6b {
color: #667085;
font-size: 14px;
font-style: normal;
line-height: 18px;
letter-spacing: 0.4px;
}
.eIWdVV7sQTb2wHsvYuXak {
color: #475467;
color: var(--Super-Gray-600, #475467);
font-family: 'Anek Latin';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.28px;
}
.d7VdzTCStRCp3BpF9eAxx {
color: #1d2939;
color: var(--Super-Gray-800, #1d2939);
font-family: 'Anek Latin';
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.28px;
}
.BnSw6lsLXmV7e2MZjbsRE {
width: 100%;
overflow-x: auto;
padding-bottom: 12px;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
touch-action: pan-x;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE and Edge */
margin-left: 8px;
}
.BnSw6lsLXmV7e2MZjbsRE::-webkit-scrollbar {
display: none; /* Chrome, Safari and Opera */
}
.BnSw6lsLXmV7e2MZjbsRE > div {
display: flex !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: -moz-max-content !important;
width: max-content !important;
min-width: -moz-max-content !important;
min-width: max-content !important;
}
/* Single card takes full width */
.BnSw6lsLXmV7e2MZjbsRE._n4hnwgD-3o4jcJEVdeqR > div {
width: 100% !important;
}
.BnSw6lsLXmV7e2MZjbsRE._n4hnwgD-3o4jcJEVdeqR > div ._2vmc8g1yuxQ8J5Ysstcf6h {
flex: 1 !important;
min-width: 0 !important;
}
/* Adjust positioning for single card to match multiple card alignment */
.BnSw6lsLXmV7e2MZjbsRE._n4hnwgD-3o4jcJEVdeqR > div ._2vmc8g1yuxQ8J5Ysstcf6h input[type='radio'] {
top: 16px !important;
left: 16px !important;
right: auto !important;
}
.BnSw6lsLXmV7e2MZjbsRE._n4hnwgD-3o4jcJEVdeqR > div ._2vmc8g1yuxQ8J5Ysstcf6h .VVZb1PJO6E8VSD1TrbiBN {
top: -4px !important;
}
.BnSw6lsLXmV7e2MZjbsRE:not(._n4hnwgD-3o4jcJEVdeqR) ._2vmc8g1yuxQ8J5Ysstcf6h {
width: 160px !important;
min-width: 160px !important;
max-width: 160px !important;
height: auto !important;
min-height: 140px !important;
}
/* Remove the left margin when there is only a single option */
.BnSw6lsLXmV7e2MZjbsRE._n4hnwgD-3o4jcJEVdeqR {
margin-left: 0;
}
/* For multi-option layout, labels (options) should size to content to enable horizontal scrolling */
.BnSw6lsLXmV7e2MZjbsRE:not(._n4hnwgD-3o4jcJEVdeqR) .VzpVFb41Oxo0UKMGBhTnZ {
width: auto !important;
flex: 0 0 auto !important;
}
/* Ensure each label (option) behaves like an inline flex item inside the scroll row */
.BnSw6lsLXmV7e2MZjbsRE:not(._n4hnwgD-3o4jcJEVdeqR) > div > label.VzpVFb41Oxo0UKMGBhTnZ {
display: inline-flex !important;
}
/* Match single-option card height to multi-option height */
.BnSw6lsLXmV7e2MZjbsRE._n4hnwgD-3o4jcJEVdeqR ._2vmc8g1yuxQ8J5Ysstcf6h {
height: auto !important;
min-height: 120px !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 16px !important;
}
/* Ensure radio is positioned like the single-option layout when there are multiple cards */
.BnSw6lsLXmV7e2MZjbsRE:not(._n4hnwgD-3o4jcJEVdeqR)
._2vmc8g1yuxQ8J5Ysstcf6h
input[type='radio'] {
position: absolute !important;
left: 12px !important;
top: 16px !important;
right: auto !important;
}
._2vmc8g1yuxQ8J5Ysstcf6h {
padding: 16px !important;
min-width: 144px !important;
flex: 0 0 144px !important;
}
._2vmc8g1yuxQ8J5Ysstcf6h {
display: flex;
flex-direction: column;
align-items: flex-start;
border-radius: 12px;
position: relative;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1),
0px 2px 4px -2px rgba(16, 24, 40, 0.06);
background: white;
width: auto;
margin: 0;
box-sizing: border-box;
border: 1px solid #e4e7ec;
overflow: visible;
}
._2vmc8g1yuxQ8J5Ysstcf6h.WxKNcgYTAKlBGyU5knZTN {
padding: 15px !important;
}
._2vmc8g1yuxQ8J5Ysstcf6h.WxKNcgYTAKlBGyU5knZTN {
background-color: #ffffff;
border: 1px solid #6ce9a6;
}
._2vmc8g1yuxQ8J5Ysstcf6h input[type='radio'] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1px solid #12b76a; /* thinner green outer ring */
border-radius: 50%;
background-color: #ecfff6; /* soft mint fill */
margin: 0;
cursor: pointer;
flex-shrink: 0;
position: absolute;
top: 32px; /* Align with EMI amount */
right: 16px;
}
._2vmc8g1yuxQ8J5Ysstcf6h input[type='radio']::after {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: width 120ms ease, height 120ms ease, background-color 120ms ease;
}
._2vmc8g1yuxQ8J5Ysstcf6h input[type='radio']:checked {
border-color: #12b76a; /* same green */
background-color: #ecfff6; /* keep solid mint */
}
._2vmc8g1yuxQ8J5Ysstcf6h input[type='radio']:checked::after {
background-color: #12b76a; /* solid green center */
border: none;
width: 8px; /* slightly smaller when selected */
height: 8px;
}
/* Force top-left placement when single option variant class is applied */
._2IRqU5IPc9daqKV6zSTzrH input[type='radio'] {
position: absolute !important;
left: 10px !important;
top: 16px !important;
right: auto !important;
}
._3OlHjAYoYVvOm71Ntlm47M {
display: flex;
flex-direction: column;
justify-content: flex-start;
flex: 1;
font-size: 14px;
line-height: 20px;
border-radius: 12px;
position: relative;
width: 100%;
box-sizing: border-box;
min-width: 0;
height: 100%;
padding-top: 8px;
}
._3OlHjAYoYVvOm71Ntlm47M ._1dDwvaju-adacwSQ0rvR-_ {
display: flex;
flex-direction: column;
margin-top: 16px;
}
/* Variant when there is only one EMI offer card */
._3OlHjAYoYVvOm71Ntlm47M ._2dNIDspUz0SYgmNFl4eEn {
display: flex;
flex-direction: column;
margin-top: 16px;
}
._3OlHjAYoYVvOm71Ntlm47M ._1x7u9Zdl-zp46-bitDyU3G {
color: #1d2939;
font-size: 18px;
line-height: 22px;
font-weight: 700;
width: 100%;
font-family: 'Anek Latin', monospace;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
._3OlHjAYoYVvOm71Ntlm47M ._1YVsnK-2l8EXSNoKRkBL3c {
color: #4d43fe;
font-size: 24px;
font-weight: 700;
width: 100%;
font-family: 'Anek Latin', monospace;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
._3OlHjAYoYVvOm71Ntlm47M ._1blfEfe9ek1Zi3bJAFAkk3 {
color: #667085;
font-size: 13px;
white-space: nowrap;
}
._3OlHjAYoYVvOm71Ntlm47M ._3QgM7pLUj2tFChWK3RCbcY {
color: var(--Super-Gray-600);
font-weight: 700;
font-size: 16px;
white-space: nowrap;
margin-top: auto;
}
/* When there are multiple options, increase top margin of emi-amount-container */
.BnSw6lsLXmV7e2MZjbsRE:not(._n4hnwgD-3o4jcJEVdeqR)
._2vmc8g1yuxQ8J5Ysstcf6h
._3OlHjAYoYVvOm71Ntlm47M
._1dDwvaju-adacwSQ0rvR-_ {
margin-top: 24px;
}
.VVZb1PJO6E8VSD1TrbiBN {
position: absolute;
top: 1px;
left: 70px;
transform: translateX(-50%);
z-index: 1;
overflow: visible; /* ensure SVG isn't clipped */
}
/* Prevent clipping of the tag SVG content */
.VVZb1PJO6E8VSD1TrbiBN svg {
display: block;
overflow: visible;
}
/* Strongly normalize radio position to avoid large overlay that can block horizontal scroll */
.QF1TdmBnArO3YzrwNKyXM ._2vmc8g1yuxQ8J5Ysstcf6h input[type='radio'] {
position: absolute !important;
left: 12px !important;
top: 16px !important;
right: auto !important;
width: 20px !important;
height: 20px !important;
margin: 0 !important;
}
._1idP-fwKO1FYVkRJ0G99m0 {
z-index: 999999 !important;
}
._1idP-fwKO1FYVkRJ0G99m0 {
margin: 0;
border-radius: 12px 12px 0 0;
height: auto;
max-height: 80vh;
overflow: hidden;
}
/* Wrapper for LV4 card-based offer layout */
.E-S7HOJSSATLFvwL-yQTQ {
position: relative;
z-index: 1;
}
/* Dot animation for loading states */
@keyframes _1_-N5GtDF_vZ9AinuSJOVq {
0%, 60%, 100% {
opacity: 0;
}
30% {
opacity: 1;
}
}
._12uxDk04rEyBz999KslFbS {
display: inline-flex;
margin-left: 2px;
gap: 1px;
}
._12uxDk04rEyBz999KslFbS span {
animation: _1_-N5GtDF_vZ9AinuSJOVq 1.4s infinite;
}
._12uxDk04rEyBz999KslFbS span:nth-child(1) {
animation-delay: 0s;
}
._12uxDk04rEyBz999KslFbS span:nth-child(2) {
animation-delay: 0.2s;
}
._12uxDk04rEyBz999KslFbS span:nth-child(3) {
animation-delay: 0.4s;
}
._39UKLWpCJ2Mzt74I1FzByP {
margin-top: 12px;
}
/* Override: place radio at top-left when only one EMI card is rendered */
.BnSw6lsLXmV7e2MZjbsRE._n4hnwgD-3o4jcJEVdeqR ._2vmc8g1yuxQ8J5Ysstcf6h input[type='radio'] {
top: 16px !important;
left: 16px !important;
right: auto !important;
}
/* Hide form's default submit button and related elements when custom offer is active */
body.lv4-custom-offer-active [class*='submit-container'], body.lv4-custom-offer-active [class*='submit-button-offset'], body.lv4-custom-offer-active [class*='z-index'] {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
visibility: hidden !important;
}
/* Fix form container that causes white space below */
body.lv4-custom-offer-active [class*='form-container'] {
height: auto !important;
min-height: 0 !important;
}
._2TeFWHAi0g5RLyoxxOqATd {
border-radius: 4px;
border: 1px solid #eee;
background: #fafafa;
padding: 16px;
margin-bottom: 16px;
}
._2TeFWHAi0g5RLyoxxOqATd ._2tsxFxvZ8J-HEbSalPzhvd {
margin-bottom: 20px;
}
._2TeFWHAi0g5RLyoxxOqATd ._2tsxFxvZ8J-HEbSalPzhvd ._1pDuN-YRnrU8a9MBSLln2N {
color: #111112;
text-align: center;
font-size: 17px;
font-weight: 600;
line-height: 24px;
}
._2TeFWHAi0g5RLyoxxOqATd ._2tsxFxvZ8J-HEbSalPzhvd .JhZbF1vm3fyLybrSl41fr {
color: #717478;
text-align: center;
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
._2TeFWHAi0g5RLyoxxOqATd ._2_sANv-GaFWVSKlehfMOtD {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 22px;
}
._2TeFWHAi0g5RLyoxxOqATd ._2_sANv-GaFWVSKlehfMOtD .QHGn3UF93DEg1gQPgB3Tu {
border-radius: 4px;
border: 1px solid #d5d7db;
background: #fff;
width: 240px;
height: 48px;
color: #111112;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
}
._1N3lkWXnQsbUqIkoK0XhqW {
text-align: center;
}
._1N3lkWXnQsbUqIkoK0XhqW ._2BAb4-_mXBH35aTUuhsCnA {
border: none;
background-color: transparent;
color: var(--primary);
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
._2OkXwr278Orxle6ARO0zWK {
margin: 24px;
border-radius: 12px;
}
._1zwPFx1xn-yycRa7FQbbTw {
font-size: 14px;
font-weight: 500;
line-height: 18px;
color: #667085;
}
._9gopBacTgG_tVelFccAu {
font-size: 14px;
font-weight: 500;
line-height: 18px;
color: #1d2939;
}
._2n6nMtOQ_WmUbAUHaoUdnx {
font-size: 14px;
font-weight: 600;
line-height: 18px;
color: #1d2939;
}
._21Od392KT2wjceHVxOu-iv {
font-size: 14px;
font-weight: 700;
line-height: 18px;
color: #1d2939;
}
._3-qZ6gSutfuVE49JBMwq6y {
width: 100%;
height: 1px;
background: #f2f4f7;
}
._3cgLHvzPnqvaMmryU6tZ_r {
padding: 24px;
background-color: #f2f4f7;
}
._3cgLHvzPnqvaMmryU6tZ_r ._1izRXVbrKimwXtiP_W0DP4 {
color: #4d43fe;
font-size: 20px;
font-weight: 700;
line-height: 24px;
margin-bottom: 20px;
}
._3cgLHvzPnqvaMmryU6tZ_r .z4JtcAncL8W7RCiPfLRRr {
padding-bottom: 16px;
}
._3cgLHvzPnqvaMmryU6tZ_r .z4JtcAncL8W7RCiPfLRRr ._3rFMNGWF_HhiCnZGqnlGMw {
color: #667085;
}
._3cgLHvzPnqvaMmryU6tZ_r .z4JtcAncL8W7RCiPfLRRr ._1WSy5fO1yM82QfOtX_pPXL {
color: #101828;
font-size: 16px;
font-weight: 600;
line-height: 28px;
margin-bottom: 8;
}
._3cgLHvzPnqvaMmryU6tZ_r .z4JtcAncL8W7RCiPfLRRr ._1WzUbYyVGQBZ7FRun0Lhst {
display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
border-radius: 8px;
background: #ffffff;
}
._3cgLHvzPnqvaMmryU6tZ_r .z4JtcAncL8W7RCiPfLRRr ._1WzUbYyVGQBZ7FRun0Lhst ._1MUsM-2GUqtkjl7aB0HD39 {
display: flex;
justify-content: space-between;
width: 100%;
color: #667085;
font-size: 14px;
font-weight: 500;
line-height: 18px;
}
._3cgLHvzPnqvaMmryU6tZ_r .z4JtcAncL8W7RCiPfLRRr .iclOyJ_hHDCprSNqYaTXC {
margin-top: 8px;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
._3cgLHvzPnqvaMmryU6tZ_r .qyhgZ3JN86Xv9baxt7F0L {
border-radius: 8px;
border: 1px solid #b5ef85;
background: #b5ef85;
color: #1d2939;
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
padding: 16px 20px;
font-size: 18px;
font-weight: 600;
line-height: 22px;
height: 56px;
width: 100%;
}
._1iX3VmIUySY55csB49DPM4 {
display: flex;
flex-direction: column;
height: 80vh;
max-height: 80vh;
overflow: hidden;
background: #f9fafb;
}
.qBskvlU52meLOTvSvqIDb {
flex: 1;
overflow-y: auto;
padding: 24px 20px 16px;
-webkit-overflow-scrolling: touch;
}
.z_8s1xkJf1NaRFw4jonpm {
margin-bottom: 24px;
}
._3QnIgxfXE1GyvoBI3GKdJq {
color: #4d43fe;
font-size: 24px;
font-weight: 700;
margin: 0 0 8px 0;
line-height: 32px;
}
._1CQz5_qscucNaH70BTFgyC {
color: #667085;
font-size: 14px;
margin: 0;
line-height: 20px;
}
.wxgqa0EHaB5Wq9fRxSHM6 {
border: 1px solid #e4e7ec;
border-radius: 8px;
overflow: hidden;
margin-bottom: 16px;
background: #ffffff;
display: grid;
grid-template-columns: 80px 1fr 1.5fr;
}
._1Qh8KhoTTDdXDmeNvuz0GK {
display: contents;
}
._2dF8wBnh3fKmKRGbH_hSpC {
color: #344054;
font-size: 13px;
font-weight: 500;
line-height: 18px;
text-transform: uppercase;
letter-spacing: 0.02em;
padding: 12px;
border-right: 1px solid #dbe1ff;
border-bottom: 2px solid #dbe1ff;
background: #ebefff;
display: flex;
align-items: center;
box-sizing: border-box;
}
._2dF8wBnh3fKmKRGbH_hSpC:first-child {
justify-content: center;
text-align: center;
}
._2dF8wBnh3fKmKRGbH_hSpC:nth-child(3) {
border-right: none;
}
._1i0qs07-egkbCeOgBJQO2Z {
display: contents;
}
._2aWg0DBX7CBATMgOredL4_ {
color: #344054;
font-size: 12px;
font-weight: 500;
line-height: 20px;
padding: 12px;
border-right: 1px solid #dbe1ff;
border-bottom: 1px solid #dbe1ff;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
text-align: center;
background: #ffffff;
}
._3-QBTTIy4MAnK8bKVIdK4l {
color: #475467;
font-size: 13px;
line-height: 20px;
word-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
padding: 12px;
border-right: 1px solid #dbe1ff;
border-bottom: 1px solid #dbe1ff;
display: flex;
align-items: flex-start;
box-sizing: border-box;
background: #ffffff;
}
._1E3vgzdcAEmN1ph4_nhJV8 {
color: #1d2939;
font-size: 13px;
font-weight: 500;
line-height: 20px;
white-space: pre-wrap;
word-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
padding: 12px;
border-bottom: 1px solid #dbe1ff;
display: flex;
align-items: flex-start;
box-sizing: border-box;
background: #ffffff;
}
/* Section Header (Part 1, Part 2) - appears above table columns */
.Ld6MAMyWCq2oNoki9YLBg {
background: #c7cdff;
padding: 14px 12px;
text-align: center;
color: #344054;
font-size: 15px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.01em;
border-top: 2px solid #dbe1ff;
border-bottom: 2px solid #dbe1ff;
grid-column: 1 / -1;
}
/* Remove top border from first section header */
.Ld6MAMyWCq2oNoki9YLBg:first-child {
border-top: none;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
/* Hover effect for better UX */
._2aWg0DBX7CBATMgOredL4_:hover, ._3-QBTTIy4MAnK8bKVIdK4l:hover, ._1E3vgzdcAEmN1ph4_nhJV8:hover {
background: #f9fafb !important;
}
._2aWg0DBX7CBATMgOredL4_:hover, ._3-QBTTIy4MAnK8bKVIdK4l:hover, ._1E3vgzdcAEmN1ph4_nhJV8:hover {
transition: background-color 0.15s ease;
}
.HnCPEACGRe9A9S5n821OM {
position: sticky;
bottom: 0;
background: #ffffff;
padding: 16px 20px 24px;
border-top: 1px solid #e4e7ec;
box-shadow: 0px -2px 8px rgba(16, 24, 40, 0.08);
}
._1S9bjdYLYjOlhXwm3o0Amo {
width: 100%;
padding: 16px;
background: #b5ef85;
border: none;
border-radius: 8px;
color: #1d2939;
font-size: 18px;
font-weight: 600;
font-family: 'Anek Latin', sans-serif;
cursor: pointer;
margin-bottom: 16px;
transition: opacity 0.2s;
}
._1S9bjdYLYjOlhXwm3o0Amo:disabled {
cursor: not-allowed;
opacity: 0.6;
}
._1S9bjdYLYjOlhXwm3o0Amo:not(:disabled):active {
opacity: 0.9;
}
._3u2MO6Ba1ZYixqn6HfHtRJ {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
._3BFRQIcGlzk-nWvT6eELtU {
color: #98a2b3;
font-size: 12px;
line-height: 16px;
font-weight: 500;
}
._8DJ1l6SRyBooHrnPAPKMb {
color: #1d2939;
font-size: 12px;
font-weight: 600;
}
/* Detailed Repayment Schedule Section */
._2WSE3Xj3-WZC1GmVNLGiCM {
margin-top: 24px;
margin-bottom: 16px;
}
.MU5UG_L0hC2-EraLCEabk {
background: #c7cdff;
/* color: #ffffff; */
font-size: 16px;
font-weight: 500;
padding: 12px 16px;
text-align: center;
border-radius: 8px 8px 0 0;
line-height: 24px;
}
.K51YMdhWw5GgzH6qOCp2h {
border: 1px solid #e4e7ec;
border-radius: 0 0 8px 8px;
overflow: hidden;
background: #ffffff;
display: grid;
grid-template-columns: repeat(5, 1fr);
}
._2X1mWmp1i6c5vGExSvUE7M {
display: contents;
}
._18X0emKoNrJWnB0Eb2Wvjr {
color: #344054;
font-size: 12px;
font-weight: 600;
line-height: 18px;
text-align: center;
padding: 12px 8px;
word-wrap: break-word;
border-right: 1px solid #e4e7ec;
border-bottom: 2px solid #e4e7ec;
background: #ebefff;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
._18X0emKoNrJWnB0Eb2Wvjr:nth-child(5) {
border-right: none;
}
._1XVtSVsrUv3HVD43SeGCz0 {
display: contents;
}
._1js5P96WFRNmTjoE4t3lDP {
color: #475467;
font-size: 13px;
font-weight: 500;
line-height: 20px;
text-align: center;
word-wrap: break-word;
word-wrap: break-word;
padding: 12px 8px;
border-right: 1px solid #e4e7ec;
border-bottom: 1px solid #e4e7ec;
background: #ffffff;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
._1js5P96WFRNmTjoE4t3lDP:nth-child(5n) {
border-right: none;
}
._1js5P96WFRNmTjoE4t3lDP:hover {
background: #f9fafb !important;
}
._1js5P96WFRNmTjoE4t3lDP:hover {
transition: background-color 0.15s ease;
}
/* Responsive adjustments for smaller screens */
@media (max-width: 480px) {
.K51YMdhWw5GgzH6qOCp2h {
grid-template-columns: 60px repeat(4, 1fr);
}
._18X0emKoNrJWnB0Eb2Wvjr {
font-size: 11px;
padding: 10px 4px;
}
._1js5P96WFRNmTjoE4t3lDP {
font-size: 12px;
padding: 10px 4px;
}
.MU5UG_L0hC2-EraLCEabk {
font-size: 15px;
padding: 10px 12px;
}
}
@keyframes _1SRjmkt8mRbPKzQATdjQ9p {
0% {
transform: translateY(200px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
._3un2ARiZUqRBtwuYuqTJk- {
display: flex;
flex-direction: column;
}
._3un2ARiZUqRBtwuYuqTJk- > div:first-child {
transform: translateY(200px);
opacity: 0;
animation: _1SRjmkt8mRbPKzQATdjQ9p 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
/* Animation only when not in bottom sheet and on initial mount */
._3un2ARiZUqRBtwuYuqTJk-:not(._7vYEBB7trViWG7wYWZKqp):not(.pT5tkrmEJ7aW-yQgfRJua) > div:first-child {
transform: translateY(200px);
opacity: 0;
animation: _1SRjmkt8mRbPKzQATdjQ9p 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
/* No animation when in bottom sheet */
._3un2ARiZUqRBtwuYuqTJk-._7vYEBB7trViWG7wYWZKqp > div:first-child {
transform: none;
opacity: 1;
animation: none;
}
/* No animation after initial mount */
._3un2ARiZUqRBtwuYuqTJk-.pT5tkrmEJ7aW-yQgfRJua > div:first-child {
transform: none;
opacity: 1;
animation: none;
}
._2bHRWZRpjLIFxhoNIO0XJO {
display: flex;
flex-direction: column;
gap: 12px;
justify-content: space-between;
align-items: center;
position: relative;
overflow: scroll;
overflow-x: auto;
box-sizing: content-box;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* Internet Explorer 10+ */
flex: 1;
}
.aQBOu_LkFEmW0-MnJupQH {
height: 20px;
width: 100%;
background: transparent;
}
._2bHRWZRpjLIFxhoNIO0XJO::-webkit-scrollbar {
/* WebKit */
width: 0;
height: 0;
}
.FCOx5ilRLugzKW7lZ6pC0 {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
}
._2_IytcjURt67XjHbBhe2Ij {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
background: white;
box-sizing: border-box;
}
/* Apply elevated stacking only when explicitly enabled */
._2liXmenac74uXXL-44yJbV {
z-index: 100;
}
._2Jj38F58k-o9sJKPtF0k3X {
box-shadow: none;
background-color: rgb(249, 250, 251);
}
._3Lu5gWqAtq8moPjOU9pf0P {
position: absolute;
bottom: 0;
left: 0;
width: 100vw;
height: 50vh;
z-index: 1;
pointer-events: none;
}
._7cozgDmV82ATRuBl5zfFF {
position: absolute;
left: unset;
right: unset;
bottom: -180px;
}
._2tNbntfWusV_hR2AWyavtD {
display: flex;
justify-content: center;
margin-top: 5px;
}
._1L4nlfmNHxKPrtBXXHgIra {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
._2EQiafXwrNcTIBZVDIwMT {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
/* Keeping `max-height` value as consent text's `line-height` * no. of lines. */
max-height: 72px;
}
._35bojri78KMbEBT6SF6BAh {
display: flex;
flex-direction: column;
gap: 4px;
p {
margin: 0;
}
color: #98a2b3;
}
._123CbltFHJKW4Um2GuJMWb {
color: rgba(0, 0, 0, 0.4);
font-size: 12px;
font-weight: 400;
line-height: 18px;
text-align: center;
& > p {
margin: 0;
}
}
._2guH4vZJAWN0Ek9QFtshV0 {
color: var(--primary);
border: none;
background: none;
padding: 0;
}
._3tJVj7q2-ooLMHyCkEPQMK {
border-radius: 8px;
padding: 16px 20px;
height: auto;
background: var(--primary);
&:disabled {
border: 1px solid var(--grey-bg-1);
background: var(--grey-bg-1);
}
/* Todo : need to add dynamic styling for button text. */
._24h2hC64K-6_j_KpPQvqwI {
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
}
}
.xxthkHt4xA9xBviFeBHjw {
display: flex;
flex-direction: column;
max-height: 100%;
gap: 16px;
width: 100%;
}
._2RiHdAJZx_1mFj4LSxEKWL {
display: flex;
flex-direction: column;
gap: 2px;
color: var(--error);
}
._27xw1cDXZipgKszQ7guPqY {
color: var(--primary-text);
}
.JudQh1yCsWwMR1crs-PrF {
display: flex;
gap: 12px;
margin-top: 20px;
justify-content: space-between;
}
._2ctbCkOHEJRw6ZxXS0GpWZ {
width: 40px;
height: 50px;
font-size: 40px;
text-align: center;
border: none;
border-bottom: 2px solid #cbd5e1;
outline: none;
color: #1d2939;
background-color: transparent;
font-weight: 700;
line-height: 48px;
}
.AJHsCSbWDiA7I4Tj0VSdg {
border-bottom: 2px solid #dc1001;
}
._2ctbCkOHEJRw6ZxXS0GpWZ:focus {
border-bottom: 2px solid #6366f1;
}
._1rgefzLZXxxRotpjOX3YPX {
color: #1d2939;
color: var(--Super-Gray-800, #1d2939);
/* H7/Semibold */
font-family: 'Anek Latin';
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 133.333% */
letter-spacing: 0.36px;
margin-top: 30;
}
._2SFO5IXAZ5xEAr3DlTllZu {
color: #dc1001;
}
.sUfoxbNr5Ewbe5tcYC48_ {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.sUfoxbNr5Ewbe5tcYC48_ ._2tgce12Hlu_uabj7_z34c4 {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
gap: 8px;
}
.sUfoxbNr5Ewbe5tcYC48_ ._2tgce12Hlu_uabj7_z34c4 ._2bqjsa1qqJoTeiTuSBQYMw {
margin: 0 auto 8px;
}
.sUfoxbNr5Ewbe5tcYC48_ ._1aFNQEOI3iTIvGdStl8Z_q {
border-radius: 8px;
padding: 16px 20px;
height: auto;
border: 1px solid var(--primary);
background: var(--primary);
}
.sUfoxbNr5Ewbe5tcYC48_ ._1aFNQEOI3iTIvGdStl8Z_q:disabled {
background: #d0d5dd !important;
}
.sUfoxbNr5Ewbe5tcYC48_ ._1aFNQEOI3iTIvGdStl8Z_q:disabled {
border: 1px solid #d0d5dd;
}
.sUfoxbNr5Ewbe5tcYC48_ ._1aFNQEOI3iTIvGdStl8Z_q ._3kk6B3hMRhwVA98FNTW-XL {
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.sUfoxbNr5Ewbe5tcYC48_ ._3Ge_hKSsRCqXSVMer-XzUc {
border-radius: 8px;
padding: 16px 20px;
height: auto;
border: 1px solid var(--textBorderColor);
background: var(--textColor);
}
.sUfoxbNr5Ewbe5tcYC48_ ._3Ge_hKSsRCqXSVMer-XzUc ._81xwF43gyHPtZVbmcwTBW {
color: var(--primary);
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.sUfoxbNr5Ewbe5tcYC48_ ._2Tz5UQxxhkDwqYZmAFS1Oy {
margin: 0;
color: #667085;
font-size: 14px;
font-weight: normal;
line-height: 22px;
text-align: center;
margin-bottom: 5px;
}
.sUfoxbNr5Ewbe5tcYC48_ ._15Jee2k9IxMe_gImhDoute {
display: flex;
flex-direction: column;
gap: 10px;
}
.sUfoxbNr5Ewbe5tcYC48_ ._1LLbFa5mFEVnxQN4-hJOZC {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
align-items: center;
}
.DGVZY3wQKL6f-z-sx-SvL {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.8);
z-index: 1000;
}
.k210B_juxRPDo6vAf5llA {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
}
._3Rxtew0aqImd8E-ufRdtZW {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
background: white;
box-sizing: border-box;
}
._21f_6ibkB-J1683JVXQY0y {
display: flex;
flex-direction: column;
gap: 2px;
color: var(--error);
font-size: 12px;
margin-top: 4px;
}
.PB8iyCZGcwnuwAzmB2wNU {
width: 100%;
max-width: 100%;
overflow-x: auto;
border: 1px solid #d0d5dd;
border-radius: 12px;
}
._3NgYvIB_Dle_uGaGUco5Yx {
border-collapse: collapse;
min-width: 100%;
min-width: 100%;
._2XTr_KaEFYN7L8vec6gFYH,
._104lGBVx-rg-qJpjTU2jBm {
padding: 12px;
border: 1px solid #e4e7ed;
white-space: nowrap;
white-space: nowrap;
}
._2XTr_KaEFYN7L8vec6gFYH {
background-color: #f5f7fa;
color: #717478;
}
.m9Luv7fBO2OX8IJVRFxJ2 {
text-align: left;
}
._1GsduYgn0f3jt-biE-KIWL {
text-align: right;
}
._37PontocxXOjO4FdqDRbab {
text-align: center;
}
}
.I6ryqNnD-e6jpCVmfTqH- {
border-collapse: separate;
border-spacing: 0;
width: 100%;
border: none;
._2XTr_KaEFYN7L8vec6gFYH,
._104lGBVx-rg-qJpjTU2jBm {
border-top-width: 0;
border-right-width: 0;
&:first-child {
border-left: none;
}
&:last-child {
border-right: none;
}
}
}
._4mL_T-MqMViAjQ7rExZrd {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.nRYEQHcglNzzCSV_cbulf {
display: flex;
flex-direction: column;
gap: 24px;
padding: 20px;
border-radius: 4px;
border: 1px solid #eee;
background: #fafafa;
}
.nTQpyrZC6dljgperwbiG8 {
padding: 24px;
}
.FP1OlAanfJr_ZLHeGC6Y {
width: 100%;
height: 6px;
position: relative;
border-radius: 5px;
}
.FP1OlAanfJr_ZLHeGC6Y .ExPqcbds75dSQBdk4dunB {
position: absolute;
top: 0;
left: 0;
height: 100%;
border-radius: 5px;
}
._3I0Aiz8rXm8yvTzF5CiKO {
box-sizing: border-box;
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
position: relative;
justify-content: space-between;
align-items: center;
}
._3I0Aiz8rXm8yvTzF5CiKO ._2XiaNLH-TXLTUbc3CsqyaJ {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-grow: 1;
text-align: center;
}
._3I0Aiz8rXm8yvTzF5CiKO ._2XiaNLH-TXLTUbc3CsqyaJ:has(._3EXGb44T2EghyiaqkmvxJH + ._3EXGb44T2EghyiaqkmvxJH) > *:first-child {
margin-bottom: 48px;
}
._3I0Aiz8rXm8yvTzF5CiKO ._2vUy4uFs3ch5ni4_h2HKG- {
margin-bottom: 8px;
}
._3I0Aiz8rXm8yvTzF5CiKO ._3EXGb44T2EghyiaqkmvxJH {
color: #000000;
font-size: 14px;
font-weight: 600;
line-height: 20px;
margin: 0 24px;
}
._3I0Aiz8rXm8yvTzF5CiKO ._1W-js2iNaUyamL-r4R5pJP ._1FcMQBjk7oD8iTeNC2pj0W {
margin: 5px 20px;
width: 172px;
}
._3I0Aiz8rXm8yvTzF5CiKO ._1ZbVGceRdD5OYQ0OnEjx-V {
padding-bottom: 60px;
}
._3I0Aiz8rXm8yvTzF5CiKO ._1ZbVGceRdD5OYQ0OnEjx-V ._1FcMQBjk7oD8iTeNC2pj0W {
margin: 5px 20px;
width: 90vw;
}
._3I0Aiz8rXm8yvTzF5CiKO ._1ZbVGceRdD5OYQ0OnEjx-V .QwC3YO9aUW7Gyg0Ve3Xc6 {
color: #717478;
margin-top: 20px;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
._3I0Aiz8rXm8yvTzF5CiKO ._3FptYXkfzv3ROSGc5dM0Vh {
padding: 24px;
}
._3I0Aiz8rXm8yvTzF5CiKO ._3FptYXkfzv3ROSGc5dM0Vh ._1voMol2ke7895TXPXwUt86 {
height: 48px;
width: 48px;
margin-bottom: 16px;
}
._3I0Aiz8rXm8yvTzF5CiKO ._3I6uEawErLei2pcBJAvJRO {
display: block !important;
}
._3I0Aiz8rXm8yvTzF5CiKO ._3I6uEawErLei2pcBJAvJRO {
margin-bottom: 60px;
}
._3I0Aiz8rXm8yvTzF5CiKO ._1iizyjb1DOO_FOJX4tCFhd {
display: block;
}
._3I0Aiz8rXm8yvTzF5CiKO ._2PRokAc3Lsx8ucwtlJ8Zfs {
margin-top: 67px;
}
._3pi7EI4D5zN4NSvfdxhJkK {
box-sizing: border-box;
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
position: relative;
justify-content: center;
align-items: center;
}
._3Lwm0Ivk68OZunlimxps7T {
display: flex;
padding: 16px 16px 20px 16px;
gap: 12px;
border-radius: 8px;
/* TODO: Remove the variable below, and replace with CSS properties from Design System */
border: 1px solid #e4e7ed;
border: 1px solid var(--line-2, #e4e7ed);
}
.vAkrhwPSNi0ordvJC0P15 {
display: flex;
flex-direction: column;
line-height: 20px;
font-size: 14px;
font-style: normal;
gap: 16px;
}
._38uCr8rfFxAoj675ljM93k {
font-weight: 600;
color: #000;
}
._3Gq353zXVqVxTqu06RsMH {
display: flex;
flex-direction: row;
align-items: center;
position: relative;
-moz-column-gap: 16px;
column-gap: 16px;
margin-left: 8px;
margin-bottom: 4px;
}
._3LMOlZKvNj67XrjbwgZBgs {
width: 9px;
height: 9px;
border-radius: 50%;
position: absolute;
top: 5px;
display: flex;
justify-content: center;
}
.VkiTPH46Ibj-mCGxxgenT {
position: absolute;
width: 1px;
height: 26px;
left: 4px;
top: 17px;
}
.aVgZ6vl_DEVtTj3BmuiDR {
width: 0;
background-color: white;
border-left: 1px dashed #d0d5dd;
margin-top: 8px;
}
._7axhZZwNm06OplmkeyWzV {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 12px;
}
._7axhZZwNm06OplmkeyWzV ._2e1LYb6EkXAUJ0DuUtryUo {
display: flex;
}
._7axhZZwNm06OplmkeyWzV ._2e1LYb6EkXAUJ0DuUtryUo ._1uBglgL9vABi4z0xs_nzS7 {
margin-right: 6px;
color: #111112;
font-size: 14px;
font-style: normal;
line-height: 20px;
}
._7axhZZwNm06OplmkeyWzV ._377PVbGnWD6Lw4muNrOs9E {
color: #717478;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
._3vpL0AulS6xYfgbT-BqvvR {
display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
._3vpL0AulS6xYfgbT-BqvvR ._1aZ_W4B8tXnU8CP-Dht3-w {
display: flex;
justify-content: space-between;
width: 100%;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.Ttocrs92M7lZ_S3PqDIgd {
border-radius: 8px;
border: 1px solid var(--grey-border);
}
._1nvpd9p5MxkbqINl_ffDU6 {
border-radius: 8px;
background: #f5f7fa;
padding: 8px 16px;
}
._1nvpd9p5MxkbqINl_ffDU6 ._1lHl4zhBAL_-ptvpFgzPFt {
color: #717478;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
._2heEJApDP0KjvHra9oizl8 {
margin-top: 32px;
font-size: 12px;
text-align: left;
line-height: 16px;
color: var(--black);
}
._2heEJApDP0KjvHra9oizl8 h1 {
font-weight: 600;
font-size: 17px;
line-height: 24px;
}
._2heEJApDP0KjvHra9oizl8 ul {
padding-left: 12px;
line-height: 2;
list-style: none;
}
._2heEJApDP0KjvHra9oizl8 li {
padding: 0 0 0 10px;
list-style: none;
position: relative;
}
._2heEJApDP0KjvHra9oizl8 li::after {
content: '';
height: 4px;
width: 4px;
position: absolute;
top: 8px;
left: 0;
border-radius: 50%;
background: var(--black);
}
._2heEJApDP0KjvHra9oizl8 .xKdLnUWTdAAmeJUd72nRY table, ._2heEJApDP0KjvHra9oizl8 .xKdLnUWTdAAmeJUd72nRY th {
border: 1px solid var(--black);
border-collapse: collapse;
font-size: 12px;
color: var(--black);
padding: 5px;
}
._3Hq5CwWg5P_9916Uo_ReSk {
display: flex;
align-items: center;
}
._3Hq5CwWg5P_9916Uo_ReSk .zHdz698-HSFBw2RnPT20t {
margin-right: 6px;
color: var(--black);
font-size: 14px;
font-style: normal;
line-height: 20px;
}
._2ehDFv1-MUwD3iV33UaP0e {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
._1cEdfYJPS7zOOx6vsbKjjf {
align-items: center;
display: flex;
flex-direction: column;
}
._3rHschphICGU3lmI--S-Cc {
width: 360px;
padding-bottom: -60px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
._23ibFrZeEWV_22ec-i-jFC {
width: 140px;
height: 140px;
background: #fcfcfd;
top: 82px;
border-radius: 50%;
box-shadow: 0px 32px 64px -12px rgba(16,24,40,0.14118);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
z-index: 1;
}
._3dyCKB5Y0ArHa08idPGref {
align-items: baseline;
display: flex;
flex-direction: row;
justify-content: baseline;
}
._3hw2EePz1Q33ogBzsR7pM9 {
bottom: 6px;
position: absolute;
left: 36px;
}
._3evXfnIrCxof_pADbwGQ6B {
bottom: 6px;
right: 36px;
position: absolute;
}
._2rvhs9iIbh998byDGewYpO {
font-size: 12px;
font-weight: 400;
color: #667085;
}
._2Ll1nO_16sFCFdaX_KSzqa {
display: flex;
align-items: center;
flex-direction: column;
}
._1OQ1EVFS9kEDkDsXuDG7JF {
font-size: 40px;
font-weight: 800;
}
._2UxEPf-Co4DTtsH7lMWJO {
font-size: 12px;
line-height: 18px;
font-weight: 600;
border-radius: 16px;
padding: 2px 8px;
}
._2SJQv4SMalgly06Jah6_MR {
align-items: center;
}
._1t45nxveeL6CS6DAUlVyH- circle {
fill: none;
}
._1t45nxveeL6CS6DAUlVyH- circle:nth-child(1) {
stroke-width: 15px;
stroke-dasharray: 482;
transform-origin: center;
transform: rotate(158deg);
stroke-linecap: round;
background: linear-gradient(
180deg,
rgba(252, 252, 253, 0) -11.69%,
rgba(225, 225, 225, 0.98) 88.96%
);
}
._1t45nxveeL6CS6DAUlVyH- circle:nth-child(2) {
stroke-width: 15px;
stroke-dashoffset: calc(880 - (480 * 0) / 100);
transform-origin: center;
transform: rotate(158deg);
stroke-linecap: round;
}
.MbIZp4dfsEI7HM2AxsQ6z {
font-weight: 500;
font-size: 10px;
line-height: 14px;
color: #98a2b3;
}
._3K2ZUPm9zfayMWHjg6D267 {
margin-top: 12px;
}
._3K2ZUPm9zfayMWHjg6D267 ._3XBaFdUhfsnRceyinJnJQo {
border: 1px solid var(--blue);
background: var(--textColor);
padding: 8px 14px;
}
._3K2ZUPm9zfayMWHjg6D267 ._3XBaFdUhfsnRceyinJnJQo .kv6LN--5aihAgzTZRo9yy {
font-size: 14px;
color: var(--blue);
line-height: 22px;
font-weight: 600;
}
._35dQYY1SbIijeGvlqOTKte {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background-color: var(--textColor);
}
._3owA8f9xPL43kugTiB5FVy {
color: #667085;
font-size: 12px;
font-weight: 600;
margin: 12px 0px 4px 0px;
}
._1KSV-pG1pnSEaatP5ruHD0 {
background: #fafafa;
padding: 24px 16px;
border-radius: 8px;
border-width: 1px;
border-color: #eeeeee;
border-style: solid;
display: inline-flex;
flex-direction: column;
}
.M8_onEdxuFg7qwiOYrcc7 {
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 16px;
}
._3m96kDoHCttB81GVzONR-m {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
._1GxKR3RfK5WwDl5JRXCtKd {
display: flex;
flex-direction: row;
padding: 18px 0px;
}
._3qwCCaV-8zm_td_7Kq8foq {
display: flex;
flex: 1;
align-items: center;
flex-direction: column;
border-right-width: 1px;
border-right-style: dashed;
padding: 0px 18px;
border-right-color: #d0d5dd;
}
._1dyNy0mSVe8Og54TjteDUT {
border-right-width: 0px;
}
._1gm86WIqgVIf9ODhxiBiWo {
display: inline-flex;
flex-direction: column;
padding: 4px 24px 10px 24px;
}
._22jqWlh-Xe9WLENPOzJgit {
display: flex;
flex-direction: column;
padding: 18px 0px;
}
._22jqWlh-Xe9WLENPOzJgit._95AFLQPHuZFPjoamm5Mf_ {
border-bottom-width: 1px;
border-color: #d0d5dd;
border-bottom-style: dashed;
}
._2CPwbV_jchh1JNDki8U15e {
margin: 12px 0px;
}
._2CPwbV_jchh1JNDki8U15e ._2FQldaemCvufYqp5l8Yjdd {
border-radius: 8px;
padding: 16px 20px;
height: auto;
background: var(--blue);
}
._2CPwbV_jchh1JNDki8U15e ._2FQldaemCvufYqp5l8Yjdd:disabled {
background: #d0d5dd !important;
}
._2CPwbV_jchh1JNDki8U15e ._2FQldaemCvufYqp5l8Yjdd:disabled {
border: 1px solid #d0d5dd;
}
._2CPwbV_jchh1JNDki8U15e ._2FQldaemCvufYqp5l8Yjdd ._2x6Gnn_SVkmh_5lk3SDYYQ {
color: var(--textColor);
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.Gg1kVJqaqWuOv3rsH-Vka {
display: flex;
align-items: center;
justify-content: space-between;
}
.Gg1kVJqaqWuOv3rsH-Vka ._1b1bAST4pIGmfHTnvK0FT6 {
display: flex;
align-items: center;
gap: 12px;
}
._2pf8HSJ_hsyqBp2ZEy6Qqy {
margin-bottom: 10px;
}
._3WE84xYXpMr4CqdnJF8d-a ._2Hc4faWIVzuT8Ct9N_grQU {
border: 1px solid var(--grey-border);
border-radius: 12px;
}
._3WE84xYXpMr4CqdnJF8d-a ._2Hc4faWIVzuT8Ct9N_grQU .Fn6esbq2kcysK30xm5J2S {
padding: 16px;
border-bottom: 1px solid var(--grey-border);
}
._3WE84xYXpMr4CqdnJF8d-a ._2Hc4faWIVzuT8Ct9N_grQU .Fn6esbq2kcysK30xm5J2S:last-of-type {
border-bottom: none;
}
._3ZXo5o6ogPQsoMBxUAaWOs ._2pf8HSJ_hsyqBp2ZEy6Qqy {
margin-bottom: 20px;
}
._3ZXo5o6ogPQsoMBxUAaWOs ._2Hc4faWIVzuT8Ct9N_grQU {
display: flex;
flex-direction: column;
gap: 32px;
}
._3ZXo5o6ogPQsoMBxUAaWOs ._2Hc4faWIVzuT8Ct9N_grQU .Fn6esbq2kcysK30xm5J2S {
align-items: flex-start;
}
._2NyOTzTXjCs2QAXu6soK7V ._1DgZUrwAeMVzmNWj3XHkHB {
gap: 12px;
}
._2NyOTzTXjCs2QAXu6soK7V ._1DgZUrwAeMVzmNWj3XHkHB ._27HnFKP-uK3y_mSG0urHD3 {
align-items: flex-start;
gap: 6px;
}
._2NyOTzTXjCs2QAXu6soK7V ._1DgZUrwAeMVzmNWj3XHkHB ._27HnFKP-uK3y_mSG0urHD3 ._286j49gpcJ0N8ImPQ6tlqR {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
/* Keeping `max-height` value as text's `line-height` * no. of lines. */
max-height: 40px;
}
._2NyOTzTXjCs2QAXu6soK7V ._1DgZUrwAeMVzmNWj3XHkHB ._3KOgsRUl6tsFeJEsW0LmUf {
min-width: 64px;
}
.csId3XlnpzL36OhGpRqOY {
padding: 24px 12px;
border-radius: 8px;
border: 1px solid #eeeeee;
}
._5LczgIgt9TuAXgvdt4H4i {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 24px;
}
._5LczgIgt9TuAXgvdt4H4i ._3viOljABRxZmSQ14N5ozI9 {
font-size: 14px;
line-height: 24px;
color: var(--gray);
}
._1YKvPUfjCch7grRgpKcaRv {
color: #667085;
font-size: 14px;
line-height: 22px;
margin-bottom: 12px;
}
._2tiaVxELkD2JOuSRI0b_vl {
margin-bottom: 12px;
}
._2tiaVxELkD2JOuSRI0b_vl ._1M3nmlRJ95zJc4AM7f4-OE {
border: none;
background-color: transparent;
padding: 0;
color: var(--primary);
text-decoration-line: underline;
font-size: 12px;
font-weight: 600;
line-height: 20px;
}
._1P94X1ddcxUEMKvGrjgM2a {
color: #667085;
font-size: 10px;
line-height: 14px;
}
._2FgUaMp2DNDWp0uGNvenOL {
display: flex;
justify-content: space-between;
border-top: 2px solid var(--grey-border);
margin-top: 12px;
padding-top: 12px;
}
.w87rc8aWUXcaLyQOzwBgg {
border-radius: 8px;
border: 1px solid #cfe1ff;
background: var(--accent);
padding: 12px 16px;
}
._3jnjUrAYgmESyXiapgE5-0 {
margin-top: 8px;
}
._3Ds0PF-PDGmmnCZnDrX9gM {
margin-top: 0 !important;
}
._1ulRkqpSTZpNDnL8SZNypN {
display: flex;
}
.TBbc5k3XxU6d2fyuKtZhc {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
flex: 1;
}
._1ulRkqpSTZpNDnL8SZNypN > .TBbc5k3XxU6d2fyuKtZhc:not(:last-child) {
border-right: 1px solid rgba(32, 70, 1, 0.2);
}
._1ulRkqpSTZpNDnL8SZNypN > .TBbc5k3XxU6d2fyuKtZhc:first-child {
width: 26%;
flex: none;
}
._1iWyi-kWXk8eA3vBgd0RPg {
display: flex;
gap: 0 10px;
flex-wrap: wrap;
margin-top: 8px;
}
.mEzbH-tDPIhM6rIuXAh6N {
display: flex;
align-items: flex-start;
margin-top: 16px;
}
._21j6eKJnHOvNYs1OhRRfXQ {
margin-top: 20px;
}
._3ETekd0bwq8yQ9mJZuqPXO {
display: flex;
justify-content: center;
gap: 4px;
}
.XbnRTtd0rbxklaK8HKdo- {
width: 100%;
padding: 16px 20px;
margin: 20px 0 12px;
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
border-radius: 8px;
border: 1px solid #2a55e5;
background: #2a55e5;
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
._27cQQxOV42W1wtWtiDNykC {
display: flex;
width: -moz-max-content;
width: max-content;
padding: 4px 8px;
align-items: center;
gap: 4px;
border-radius: 12px;
background: #2bab3f;
}
/* .container {
padding: 24px;
border-radius: 8px;
background-color: '#FCFCFD';
margin: 0 24px;
border: 1px solid #eaecf0;
} */
._3c2pDEe4A6wzGw0XtQ0znO {
margin: 16px 0;
}
.yeGyBz_NR8wCcZ6we4RqV {
display: flex;
justify-content: space-between;
}
._2jIh1wrVLok1NadMm-_9KA {
width: 100%;
padding: 16px 20px;
margin-top: 24px;
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
border-radius: 8px;
border: 1px solid #212121;
background: #fff;
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
color: #212121;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
._2kecPgjmi8ajS-vJw1EZOL {
padding-top: 16px;
}
._2kecPgjmi8ajS-vJw1EZOL .VJAppb8LXNvZE5bq1uTWI {
color: #212121;
font-size: 28px;
font-weight: 700;
margin: 0 0 5px;
}
._2kecPgjmi8ajS-vJw1EZOL ._274D9SWmZOnz1fluZChX-H {
color: #475467;
font-size: 16px;
font-weight: 400;
margin: 0 0 40px;
}
._2kecPgjmi8ajS-vJw1EZOL ._2EtbMWh6gtW4d14OC5o9Qh {
padding: 12px 0;
display: flex;
gap: 12px;
align-items: center;
}
._2kecPgjmi8ajS-vJw1EZOL ._2ZVuEswFOULrBtgFUGu6cu {
color: #1d2939;
font-size: 16px;
font-weight: 500;
margin: 0;
}
._2kecPgjmi8ajS-vJw1EZOL ._3eE3VxOOSMaJkShLii--Oj {
display: flex;
flex-direction: column;
gap: 10px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
padding: 24px;
}
._2kecPgjmi8ajS-vJw1EZOL ._3eE3VxOOSMaJkShLii--Oj button {
font-size: 16px;
font-weight: 600;
background-color: #2a55e5;
padding: 10px 16px;
color: white;
border: none;
border-radius: 4px;
height: 58px;
}
._2kecPgjmi8ajS-vJw1EZOL ._3eE3VxOOSMaJkShLii--Oj ._2xaURhZOolPodRD9onV1_h {
display: flex;
gap: 5px;
justify-content: center;
align-items: center;
}
._2kecPgjmi8ajS-vJw1EZOL ._3eE3VxOOSMaJkShLii--Oj ._2xaURhZOolPodRD9onV1_h p {
font-size: 11px;
font-weight: 400;
color: #800000;
margin: 0;
}
.fXvXVhugDE3NuaTM2oTuE {
position: relative;
width: 100vw;
height: calc(100vh);
overflow: hidden;
background: linear-gradient(135deg, #181a2a 0%, #23244a 100%);
display: flex;
}
.ucsT3GLvAUZWwKA8gsISQ {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
padding-top: 3.5rem;
flex-shrink: 0;
}
@media (min-width: 500px) {
.fXvXVhugDE3NuaTM2oTuE {
width: 460px;
margin: 0 auto;
}
}
._3AWNULImWvtw3AmUZ4lb6v {
margin: auto;
margin-top: 10%;
overflow: hidden;
}
._1KUVFYOR7PUI0Gq1tuI8zE {
height: inherit;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
._2bLinfM0z9O2modhLp6sRr {
display: flex;
touch-action: pan-y pinch-zoom;
height: inherit;
}
._3AyFbPaDwki4SgbqhNS3kZ {
flex: 0 0 65%;
height: inherit;
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
}
._1ha5F2bJ6j9IpPSoB-kR9j {
box-shadow: inset 0 0 0 0.2rem var(100);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
height: -moz-fit-content;
height: fit-content;
}
._1ha5F2bJ6j9IpPSoB-kR9j img {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
._37Lfbd3yLhuLZIR1REOkZ0 {
position: absolute;
top: 0;
left: 0;
height: 100vh;
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
width: 100%;
pointer-events: none;
}
._1Dw6ykvc8XUOxksL_nnSD_ {
width: 60%;
z-index: 2;
}
/* Ensure CardsBottomSheet fills remaining space */
._29_jIfv3934iFZIwEuEzpf {
flex: 1 1 auto;
display: flex;
flex-direction: column;
background-color: transparent;
border-radius: 2rem 2rem 0 0;
}
._1mLGuX-xrKFaASg42439Q4 {
width: 100%;
z-index: 2;
position: absolute;
display: flex;
right: 30px;
top: 50px;
justify-content: flex-end;
align-items: flex-end;
box-sizing: border-box;
background-color: transparent;
}
._2EEiz7fI82CvXpAJXGQLUe {
width: 100% !important;
}
._1mXZfcOPeDBOfD8dr0uXCF {
padding: 18px 32px !important;
border: none !important;
border-radius: 8px !important;
color: #ffffff !important;
cursor: pointer !important;
transition: background-color 0.1s ease !important;
font-weight: 600 !important;
font-size: 18px !important;
border: 1px solid #475467 !important;
height: auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
._1mXZfcOPeDBOfD8dr0uXCF:disabled {
cursor: not-allowed !important;
}
._3z_OAURdwHpAJYplmqETTD._1mXZfcOPeDBOfD8dr0uXCF:disabled {
background-color: #4d43fe !important;
}
._1rUw9XcMFIqHQ_kBXovmGF._1mXZfcOPeDBOfD8dr0uXCF:disabled {
background-color: rgba(28,24,47,0.65098) !important;
}
body {
font-family: 'Anek Latin', sans-serif;
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box;
overflow-x: hidden;
padding-top: env(safe-area-inset-top);
background-color: #ffffff;
}
*:focus {
outline: none;
}
* {
-webkit-tap-highlight-color: transparent;
}
body {
overflow-x: hidden;
/* Prevents horizontal scrolling */
-webkit-overflow-scrolling: touch;
/* Ensures smooth scrolling on iOS */
}
::-webkit-scrollbar {
display: none;
/* Hides scrollbar in Chrome, Safari */
}
html {
scrollbar-width: none;
background-color: #ffffff;
/* Hides scrollbar in Firefox */
}