/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/components/PageLayout.modules.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.page-container {
    display: flex;
    flex: 1 1;
    justify-content: center;
    padding: 20px;
    min-height: 100vh;
}

.page-container > .container {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    max-width: 1200px;
    gap: 40px;
    padding-bottom: 40px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/components/NavBar.modules.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.navbar-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.navbar-container > .menu-container {
    display: flex;
    flex-direction: row;
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
}

.menu-container > ul {
    position: absolute;
    top: 38px;
    right: 0;
    display: inline-flex;
    padding: 4px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    min-width: 100px;
    /* flex-wrap: nowrap; */
    text-wrap: nowrap;
    background: var(--black-white-white, #fff);
    /* Shadow / Elevation 2 */
    box-shadow: 0px 0px 1px 0px rgba(26, 32, 36, 0.32),
        0px 4px 8px 0px rgba(91, 104, 113, 0.24);
    list-style-type: none;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: 0.3s;
}

.menu-container > ul.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.menu-container > ul > li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 8px;
}
.menu-container > ul > li > a {
    width: 100%;
    padding: 8px 16px;
}

.menu-container > ul > li:hover {
    background: var(--Light-Gray-Light-Gray-4, #eef0f2);
}

.navbar-container > .menu-container > li > .active {
    background: var(--Light-Gray-Light-Gray-2, #dde2e4);
}
.menu-container:hover {
    border-radius: 8px;
    background: #DDE2E4;
}
.logo-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

.logo-container div:first-child {
    color: var(--black-white-black, #000);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 137.5% */
    letter-spacing: -0.096px;
    text-transform: uppercase;
}

.logo-container div:last-child {
    color: var(--Mid-Gray-Mid-Gray-2, #6e7c87);
    /* Running Text / Paragraph 14 Reg */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.084px;
}

.modal-link {
    padding: 8px 16px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/components/referal/ReferralModalStyles.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.modalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.5); */
    display: flex;
    justify-content: flex-end;
    z-index: 1000;
}

.modalRight {
    width: 400px;
    height: 100%;
    background-color: #fff;
    box-shadow: -4px 0 8px rgba(0, 0, 0, 0.1);
    /* Тень слева */
    display: flex;
    flex-direction: column;
    position: relative;
    overflow-y: auto;
    padding: 20px;
    border-radius: 8px;
}

.closeButton {
    color: black;
    cursor: pointer;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 24px;
}

.divider {
    height: 1px;
    background-color: #e0e0e0;
    /* Светлая линия */
    margin: 10px 0;
    width: 100%;
    border: none;
}

.title {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: black;
}

.card {
    background-color: #f9f9f9;
    max-width: 360px;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    /* background: var(--Light-Gray-Light-Gray-4, #EEF0F2); */
}

.subtitle {
    color: var(--black-white-black, #000);
    /* Headings/Heading 14 Semi Bold */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 171.429% */
    letter-spacing: 0.084px;
    text-transform: uppercase;
}

.text {
    color: var(--Mid-Gray-Mid-Gray-2, #6e7c87);
    /* Running Text / Paragraph 14 Reg */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.084px;
}

.linkContainer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
}

.input {
    flex: 1 1;
    padding: 13px 10px;
    font-size: 14px;
    border: 1px solid #DDE2E4;
    border-radius: 6px;
    color: #f13a3a;
}

.copyButton {
    padding: 8px 12px;
    font-size: 14px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.copyButton:hover {
    background-color: #0056b3;
}

.qrCodeContainer {
    margin-top: 20px;
    text-align: center;
}

.qrCode {
    width: 150px;
    height: 150px;
    margin-top: 10px;
}

.card p,
.card h3 {
    margin: 0;
}

.btn-text {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    text-align: center;
}

.icon-container {
    display: flex;
}

.copy {
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #DDE2E4;
    padding: 9px 10px;
    display: flex;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.copy::before {
    content: attr(data-tooltip);
    position: absolute;
    top: -42px;
    left: -95%;
    z-index: 100;
    background: #000000;
    color: #fff;
    padding: 7px 10px;
    border-radius: 8px;
    display: none;
    white-space: nowrap;
    font-size: 14px;
}

.copy::after {
    position: absolute;
    content: "";
    top: -20px;
    left: 15px;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    background: #000000;
    display: none;
    transform: rotate(45deg);
}

.copy:hover::before, .copy:hover::after {
    display: block;
}

.copy-message {
    position: absolute;
    color: red;
    overflow: hidden;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./app/components/RightModal/RightModal.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.RightModal_modalOverlay__sjg_3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.5); */
    display: flex;
    justify-content: flex-end;
    z-index: 1000;
}

.RightModal_modalRight__r9hDs {
    min-width: 400px;

    height: 100%;
    background-color: #fff;
    box-shadow: -4px 0 8px rgba(0, 0, 0, 0.1);
    /* Тень слева */
    display: flex;
    flex-direction: column;
    position: relative;
    overflow-y: auto;
    padding: 20px;
    border-radius: 8px;
}

.RightModal_closeButton__UEw_E {
    color: black;
    cursor: pointer;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.RightModal_divider__zDEWp {
    height: 1px;
    background-color: #e0e0e0;
    /* Светлая линия */
    margin: 10px 0;
    width: 100%;
    border: none;
}

.RightModal_title__vEBO6 {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: black;
}

.RightModal_btnText__g3n_e {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    text-align: center;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./app/components/TransactionsModal/TransactionsModal.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.TransactionsModal_transactions-container__asuND {
    display: flex;
    flex-direction: column;
    gap: 16px;
    /* align-items: center; */
    text-align: center;
    position: relative;
    height: 100%;
}

.TransactionsModal_transaction-container__GplPX {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
}

.TransactionsModal_transaction-direction__0EXqs {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    font-size: 24px;
    font-weight: 500;
}

.TransactionsModal_direction-0__v_Xn0 {
    background-color: var(--Green-G200, #bbfbd0);
}

.TransactionsModal_direction-1__sweaF {
    color: white;
    background: var(--Yellow-Y200, #f13a3a);
}

.TransactionsModal_direction-2__zeRra {
    background: var(--Yellow-Y200, #fef99f);
}

.TransactionsModal_transaction-data__pBrjv {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

.TransactionsModal_transaction-data-row__8mjIA {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.TransactionsModal_gray__Iw8fn {
    color: var(--Mid-Gray-Mid-Gray-2, #6e7c87);
    /* Running Text / Paragraph 14 Reg */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.084px;
}

.TransactionsModal_transaction-type__SMtOb {
    color: var(--black-white-black, #000);

    /* Running Text / Paragraph 16 Reg */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.176px;
}

.TransactionsModal_transaction-summ__DwzA2 {
    color: var(--black-white-black, #000);
    text-align: right;

    /* Headings/Heading 14 Semi Bold */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.084px;
    text-transform: uppercase;
}

.TransactionsModal_spinner-container__F2E33 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.TransactionsModal_transactions-no-data__53C3s {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    height: 100%;
    color: var(--Mid-Gray-Mid-Gray-2, #6e7c87);
    text-align: center;

    /* Running Text / Paragraph 16 Reg */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.176px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./app/components/ProfileModal/ProfileModal.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.ProfileModal_container__uZFPP {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ProfileModal_user__V8FAS {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 500px;
    margin: 14px 0;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.252px;
}
.ProfileModal_user__V8FAS img {
    width: 40px;
    height: 40px;
}
.ProfileModal_photo__IFwX_ {
    display: flex;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: #DDE2E4;
    margin-bottom: 12px;
}
.ProfileModal_userInfo__jPcpZ {
    border-top: 1px solid #DDE2E4;
    padding: 24px 0;
}

.ProfileModal_userInfo-item__9Hqyi {
    display: flex;
}

.ProfileModal_userInfo-item__9Hqyi div {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.176px;
}

.ProfileModal_userInfo-item__9Hqyi:not(:last-child) {
    margin-bottom: 8px;
}

.ProfileModal_userInfo-item__9Hqyi div:first-child {
    margin-right: 16px;
    width: 100%;
    color: #6E7C87;
}

.ProfileModal_userInfo-item__9Hqyi div:last-child {
    width: 100%;
    color: #000000;
}


.ProfileModal_spinner-container__0RGFJ {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.ProfileModal_userBtn__AxIzn {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.ProfileModal_button__i02GS {
    padding: 6px 12px;
    background-color: #ff4d4f;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.084px;
    transition: background-color 0.3s ease;
    align-items: center;
    gap: 8px;
}

.ProfileModal_button__i02GS:hover {
    background-color: #d9363e;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/components/CashBackInfo.modules.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.cashbackinfo-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cashbackinfo-container > div:last-child {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.cashbackinfo-container > .l-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: flex-end;
}

.organisation-name {
    color: var(--black-white-black, #000);

    /* Headings / Heading 18 Semi Bold */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 133.333% */
    letter-spacing: -0.252px;
}

.l-buttons-row {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.cash-button {
    display: flex;
    padding: 6px 12px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #fff;
    gap: 8px;
    border-radius: 6px;
    background: #f13a3a;
    cursor: pointer;
}

.cash-history-button {
    display: flex;
    padding: 6px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    background: var(--Light-Gray-Light-Gray-2, #dde2e4);
    cursor: pointer;
}
.cash-history-button:hover {
    background: var(--Light-Gray-Light-Gray-1, #d5dadd);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/components/CashBackInfoItem.modules.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.cashback-item-container {
    display: flex;
    flex-direction: column;
}

/* .cashback-item-container > div:last-child,  */
.percent {
    color: var(--Mid-Gray-Mid-Gray-2, #6e7c87);

    /* Running Text / Paragraph 14 Reg */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.084px;
    margin-top: 5px;
}

.cashback-item-container > div:first-child {
    margin-top: 0px;
    display: flex;
    flex-direction: row;
    align-items: start;
    color: #f13a3a;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    /* 120% */
}

.cashback-item-container > .description {
    color: var(--Mid-Gray-Mid-Gray-2, #6e7c87);
    margin-top: 0px !important;
    /* Running Text / Paragraph 14 Reg */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.084px;
    text-transform: uppercase;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./app/components/PymentRequest/PaymentRequest.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.PaymentRequest_modal-buttons__f9jif {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
}

.PaymentRequest_accepted-container__HAzxs {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    color: var(--Mid-Gray-Mid-Gray-2, #6e7c87);
    text-align: center;

    /* Running Text / Paragraph 14 Reg */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.084px;
    width: 400px;
    padding: 0 60px;
    text-align: center;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./node_modules/react-phone-number-input/style.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: flex;
	align-items: center;
}

.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	flex: 1 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}

.PhoneInputCountryIcon {
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
	width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}

.PhoneInputInternationalIconPhone {
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}

.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: var(--PhoneInputCountrySelectArrow-width);
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./app/components/CenterModal/CenterModal.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.CenterModal_layout__z231F {
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100vh;
    min-width: 100vw;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* opacity: 0;
    display: none;
    transition: opacity 0.3s; */
    /* z-index: 10; */
    transition: opacity 0.3s;
}

/* .show {
    display: block;
    opacity: -1;
} */

.CenterModal_container__tEqfx {
    display: flex;
    flex-direction: column;
    min-width: 400px;
    /* min-height: 300px; */
    background-color: white;
    border-radius: 12px;
    background: var(--black-white-white, #fff);
    position: relative;
    /* Shadow / Elevation 4 */
    box-shadow: 0px 0px 1px 0px rgba(26, 32, 36, 0.32),
        0px 12px 24px 0px rgba(91, 104, 113, 0.24);
    padding: 24px;
    gap: 12px;
}

.CenterModal_header__eRFMd {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    color: var(--black-white-black, #000);

    /* Headings / Heading 18 Semi Bold */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.252px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/components/Card.modules.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.card-container {
    display: flex;
    width: calc((1200px - 16px * 3) / 3);
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 12px;
    background: var(--black-white-white, #fff);
}

.insurance-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.insurance-info-type {
    color: var(--black-white-black, #000);

    /* Headings / Heading 18 Semi Bold */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 133.333% */
    letter-spacing: -0.252px;
}

.insurance-info-date {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 12px;
    background: var(--black-white-white, #fff);
    color: var(--Mid-Gray-Mid-Gray-2, #6e7c87);

    /* Running Text / Paragraph 14 Reg */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.084px;
}

.user-info {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}

.user-info > img {
    width: 40px;
    height: 40px;
    color: red;
}

.user-name {
    color: var(--black-white-black, #000);

    /* Running Text / Paragraph 16 Reg */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: -0.176px;
}

.user-login {
    color: var(--Mid-Gray-Mid-Gray-2, #6e7c87);

    /* Running Text / Paragraph 14 Reg */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.084px;
}

.cashback-data {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
}

.cashback-summ {
    color: var(--black-white-black, #000);

    /* Running Text / Paragraph 16 Reg */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: -0.176px;
}

.cashback-summ-text {
    color: var(--Mid-Gray-Mid-Gray-2, #6e7c87);

    /* Running Text / Paragraph 14 Reg */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.084px;
}

.cashback-summ-data {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.cashback-status {
    display: flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;

    text-align: center;

    /* Running Text / Paragraph 14 Reg */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.084px;
}

.cashback-status.status-null {
    background: var(--Light-Gray-Light-Gray-2, #dde2e4);
    color: var(--black-white-black, #000);
}

.cashback-status.status-0 {
    background: var(--Green-G200, #bbfbd0);
    color: var(--black-white-black, #000);
}

.cashback-status.status-1 {
    background: var(--Green-G200, #bbfbd0);
    color: var(--black-white-black, #000);
}

.cashback-status.status-2 {
    background: var(--Green-G200, #fef99f);
    color: var(--black-white-black, #000);
}

.cashback-status.status-3 {
    background: var(--Green-G200, #bbfbd0);
    color: var(--black-white-black, #000);
}

.cashback-status.status-4 {
    background: var(--Green-G200, #bbfbd0);
    color: var(--black-white-black, #000);
}