.loader-wrap {
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #141E30;
	color: rgb(156, 222, 255)
}

.view-base-root {
	height: 100vh;
	width: 100vw;
	display: flex;
	flex-direction: column;
	background: #141E30;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #243B55, #141E30);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #243B55, #141E30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	
	
	
}

.view-base-root .cubes-top {
	opacity: .6;
	position: absolute;
	top: -120px
}

.view-base-root .cubes-top p {
	font-family: Courier;
	font-style: normal;
	font-weight: 400;
	font-size: 6px;
	color: #fff;
	white-space: pre-wrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.view-base-root .cubes-bottom {
	opacity: .6;
	position: absolute;
	bottom: -256px;
	right: -140px
}

.view-base-root .cubes-bottom p {
	font-family: Courier;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	color: #fff;
	white-space: pre-wrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.time-menu-root .time-menu-btn {
	padding: 9px 20px;
	background: #0e161f;
	
	border-radius: 5px;
	cursor: pointer;
	margin-right: 20px
}

.time-menu-root .time-menu-btn p {
	font-family: Montserrat SemiBold;
	font-weight: 600;
	font-size: 18px;
	color: #2398ac
}

.time-menu-popper {
	margin-top: 15px;
	border-radius: 9px;
	overflow: hidden;
	z-index: 10
}

@supports((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
	.time-menu-popper {
		background: rgb(27 49 74);
		-webkit-backdrop-filter: blur(100px);
		backdrop-filter: blur(100px)
	}
}

@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
	.time-menu-popper {
		background: #181b1c
	}
}

.time-menu-popper .tooltip {
	display: flex;
	flex-direction: column
}

.time-menu-popper .tooltip .tooltip-item {
	text-decoration: none;
	padding: 17px 15px;
	cursor: pointer
}

.time-menu-popper .tooltip .tooltip-item:hover {
	background: rgb(27 49 74)
}

.time-menu-popper .tooltip .tooltip-item p {
	font-family: Montserrat SemiBold;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-align: center
}

.time-menu-popper .tooltip .add-tokens {
	display: flex;
	flex-direction: column
}

.time-menu-popper .tooltip .add-tokens .add-tokens-title {
	font-family: Montserrat SemiBold;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin: 5px 0
}

.time-menu-popper .tooltip .divider {
	height: 1px;
	background: #fff;
	border: none
}

.connect-button {
	background: #e8f4fa;
	
	border-radius: 5px;
	padding: 9px 20px;
	cursor: pointer;
	display: flex;
	align-items: center
}

.connect-button .connect-button-progress {
	margin-left: 10px;
	margin-top: 4px
}

.connect-button p {
	font-family: Montserrat SemiBold;
	font-weight: 600;
	font-size: 14px;
	color: #283e56
}

@media screen and (min-width: 370px) {
	.connect-button p {
		font-family: Montserrat SemiBold;
		font-weight: 600;
		font-size: 15px;
		color: #283e56
	}
  }

@media screen and (min-width: 400px) {
	.connect-button p {
		font-family: Montserrat SemiBold;
		font-weight: 600;
		font-size: 18px;
		color: #283e56
	}
  }



.dapp-topbar {
	width: 89%;
	max-width: 833px;
	align-items: center;
	margin: auto
}

.dapp-topbar .dapp-topbar-slider-btn {
	background: hsl(0deg 0% 0% / 26%);
	
	border-radius: 5px;
	padding: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-right: 16px
}

.dapp-topbar .dapp-topbar-btns-wrap {
	display: flex;
	align-items: center;
	margin-left: auto
}

@media screen and (min-width:960px) {
	.dapp-topbar .dapp-topbar-slider-btn {
		display: none
	}
}

.dapp-sidebar {
	height: 100vh;
	min-width: 280px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.dapp-sidebar .branding-header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	margin: 20px 0 30px
}

.dapp-sidebar .branding-header .wallet-link {
	margin: 10px
}

.dapp-sidebar .branding-header .wallet-link a {
	text-decoration: none
}

.dapp-sidebar .branding-header .wallet-link a :hover {
	color: #caa323
}

.dapp-sidebar .branding-header .wallet-link p {
	font-family: Montserrat SemiBold;
	font-size: 14px;
	color: #fff
}

.dapp-sidebar .dapp-menu-links {
	display: flex;
	align-items: center;
	justify-content: center
}

.dapp-sidebar .dapp-menu-links .dapp-nav {
	display: flex;
	flex-flow: column
}

.dapp-sidebar .dapp-menu-links .dapp-nav a {
	margin-top: 20px;
	align-items: center;
	margin-bottom: 20px;
	text-decoration: none
}

.dapp-sidebar .dapp-menu-links .dapp-nav a img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	vertical-align: -4px
}

.dapp-sidebar .dapp-menu-links .dapp-nav .button-dapp-menu .dapp-menu-item {
	display: flex;
	grid-gap: 12px;
	gap: 12px;
	flex-direction: row;
	align-items: center
}

.dapp-sidebar .dapp-menu-links .dapp-nav .button-dapp-menu .dapp-menu-item p {
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	font-size: 20px;
	font-family: Montserrat SemiBold
}

.dapp-sidebar .dapp-menu-links .dapp-nav .button-dapp-menu .dapp-menu-item svg {
	width: 50px;
	height: 28px
}

.dapp-sidebar .dapp-menu-links .dapp-nav .button-dapp-menu .dapp-menu-item svg.MuiSvgIcon-root {
	color: #fff
}

.dapp-sidebar .dapp-menu-links .dapp-nav .button-dapp-menu.active .dapp-menu-item p,
.dapp-sidebar .dapp-menu-links .dapp-nav .button-dapp-menu.active .dapp-menu-item svg.MuiSvgIcon-root {
	color: #2398ac
}

.dapp-sidebar .social-row {
	display: flex;
	flex-flow: row;
	justify-content: space-evenly;
	padding: 1.3rem;
	margin-top: 3rem
}

.dapp-sidebar .social-row a:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.dapp-sidebar .social-row a img {
	height: 20px;
	width: 20px
}

.logo {
	width: 100px;
	height: 100px
}

.MuiDrawer-root .MuiPaper-root {
	z-index: 7
}

@supports((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
	.MuiDrawer-root .MuiPaper-root {
		background-color: #000000a3;
		
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px)
	}
}

@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
	.MuiDrawer-root .MuiPaper-root {
		background-color: #000000a3
	}
}

.dashboard-view {
	overflow: hidden;
	width: 89%;
	max-width: 833px;
	margin: 1rem auto auto
}

.dashboard-view,
.dashboard-view .dashboard-infos-wrap .dashboard-card {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.dashboard-view .dashboard-infos-wrap .dashboard-card {
	position: relative;
	z-index: 2;
	border-radius: 5px;
	padding: 13px 0
}

@supports((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
	.dashboard-view .dashboard-infos-wrap .dashboard-card {


	}
}

@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
	.dashboard-view .dashboard-infos-wrap .dashboard-card {
		
	}
}

.dashboard-view .dashboard-infos-wrap .dashboard-card .card-title {
	font-family: Montserrat Medium;
	font-weight: 500;
	font-size: 1rem;
	color: hsla(0, 0%, 100%, .6);
	padding: 3px 0
}

.dashboard-view .dashboard-infos-wrap .dashboard-card .card-value {
	font-family: Montserrat Bold;
	font-size: 1.3118rem;
	font-weight: 500;
	color: #fff
}

.dashboard-view .dashboard-infos-wrap .dashboard-individual-card {
	
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	z-index: 2;
	height: 100px;
	margin-top: 1.3rem
}

.dashboard-view .dashboard-infos-wrap .dashboard-individual-card .card-title {
	font-family: Montserrat Medium;
	font-weight: 500;
	font-size: 1rem;
	color: hsla(0, 0%, 100%, .6);
	padding: 5px 0
}

.dashboard-view .dashboard-infos-wrap .dashboard-individual-card .card-value {
	font-family: Montserrat Bold;
	font-size: 1.3118rem;
	font-weight: 500;
	color: #fff
}

@supports((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
	.dashboard-view .dashboard-infos-wrap .dashboard-individual-card {
		background-color: #000000a3;
		box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
		-webkit-backdrop-filter: blur(5px);
	}
}

@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
	.dashboard-view .dashboard-infos-wrap .dashboard-individual-card {
		background-color: #000000a3;
		box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px)
	}
}

.not-found-page {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%
}

.not-found-page p {
	font-family: Montserrat SemiBold;
	font-weight: 600;
	font-size: 30px;
	color: #fff
}

.calculator-view {
	width: 89%;
	max-width: 833px;
	margin: auto
}

.calculator-view .calculator-card {
	position: relative;
	z-index: 2;
	border-radius: 5px;
	padding: 20px;
	width: 100%
}

@supports((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
	.calculator-view .calculator-card {
		background-color: #000000a3;
		box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
		-webkit-backdrop-filter: blur(5px);
	}
}

@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
	.calculator-view .calculator-card {
		background-color: #000000a3;
		box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
		-webkit-backdrop-filter: blur(5px);
	}
}

.calculator-view .calculator-card .calculator-card-grid {
	margin: 0;
	width: 100%
}

.calculator-view .calculator-card .calculator-card-header .calculator-card-header-title {
	font-family: Montserrat Bold;
	font-weight: 700;
	font-size: 25px;
	color: #fff;
	margin-bottom: 4px
}

.calculator-view .calculator-card .calculator-card-header .calculator-card-header-subtitle {
	font-family: Montserrat medium;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #fff
}

.calculator-view .calculator-card .calculator-card-metrics {
	display: flex;
	width: 100%;
	padding: 0;
	text-align: center;
	margin-top: 10px
}

.calculator-view .calculator-card .calculator-card-metrics .calculator-card-apy,
.calculator-view .calculator-card .calculator-card-metrics .calculator-card-index,
.calculator-view .calculator-card .calculator-card-metrics .calculator-card-tvl {
	flex: 1 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.calculator-view .calculator-card .calculator-card-metrics .calculator-card-apy .calculator-card-metrics-title,
.calculator-view .calculator-card .calculator-card-metrics .calculator-card-index .calculator-card-metrics-title,
.calculator-view .calculator-card .calculator-card-metrics .calculator-card-tvl .calculator-card-metrics-title {
	font-family: Montserrat Medium;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	color: hsla(0, 0%, 100%, .6);
	margin-bottom: 2px
}

.calculator-view .calculator-card .calculator-card-metrics .calculator-card-apy .calculator-card-metrics-value,
.calculator-view .calculator-card .calculator-card-metrics .calculator-card-index .calculator-card-metrics-value,
.calculator-view .calculator-card .calculator-card-metrics .calculator-card-tvl .calculator-card-metrics-value {
	font-family: Montserrat Bold;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	color: #fff
}

.calculator-view .calculator-card .calculator-card-area .calculator-card-wallet-notification {
	text-align: center
}

.calculator-view .calculator-card .calculator-card-area .calculator-card-wallet-notification .calculator-card-wallet-connect-btn {
	background: hsla(0, 0%, 100%, .2);
	
	border-radius: 5px;
	padding: 14px 58px;
	cursor: pointer;
	max-width: 280px;
	margin: 20px auto auto
}

.calculator-view .calculator-card .calculator-card-area .calculator-card-wallet-notification .calculator-card-wallet-connect-btn p {
	font-family: Montserrat SemiBold;
	font-weight: 600;
	font-size: 18px;
	color: #fff
}

.calculator-view .calculator-card .calculator-card-area .calculator-card-wallet-notification .calculator-card-wallet-desc-text {
	font-family: Montserrat Light;
	font-weight: 300;
	font-size: 14px;
	color: hsla(0, 0%, 100%, .6);
	margin-top: 10px;
	margin-bottom: 6px
}

.calculator-view .calculator-card .calculator-card-area .calculator-card-action-area {
	width: 100%;
	margin-top: 25px
}

.calculator-view .calculator-card .calculator-card-area .calculator-card-action-area .calculator-card-action-area-inp-wrap .calculator-card-action-area-inp-wrap-title {
	font-family: Montserrat Medium;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	margin-bottom: 5px;
	margin-left: 10px
}

.calculator-view .calculator-card .calculator-card-area .calculator-card-action-area .calculator-card-action-area-inp-wrap .calculator-card-action-input {
	width: 100%;
	background: hsla(0, 0%, 100%, .2);
	
	border-radius: 5px;
	outline: none
}

.calculator-view .calculator-card .calculator-card-area .calculator-card-action-area .calculator-card-action-area-inp-wrap .calculator-card-action-input .MuiOutlinedInput-input {
	font-family: Montserrat Medium;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	color: hsla(0, 0%, 100%, .6);
	padding: 14px 20px
}

.calculator-view .calculator-card .calculator-card-area .calculator-card-action-area .calculator-card-action-area-inp-wrap .calculator-card-action-input .MuiOutlinedInput-notchedOutline {
	border-color: hsla(0, 0%, 100%, .2) !important
}

.calculator-view .calculator-card .calculator-card-area .calculator-card-action-area .calculator-card-action-area-inp-wrap .calculator-card-action-input .stake-card-action-input-btn {
	cursor: pointer
}

.calculator-view .calculator-card .calculator-card-area .calculator-card-action-area .calculator-card-action-area-inp-wrap .calculator-card-action-input .stake-card-action-input-btn p {
	font-family: Montserrat SemiBold;
	font-weight: 600;
	font-size: 18px;
	color: #fff
}

.calculator-view .calculator-card .calculator-card-area .calculator-days-slider-wrap {
	margin-top: 30px
}

.calculator-view .calculator-card .calculator-card-area .calculator-days-slider-wrap .calculator-days-slider-wrap-title {
	font-family: Montserrat Medium;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px
}

.calculator-view .calculator-card .calculator-card-area .calculator-days-slider-wrap .calculator-days-slider .MuiSlider-rail,
.calculator-view .calculator-card .calculator-card-area .calculator-days-slider-wrap .calculator-days-slider .MuiSlider-track {
	height: 10px
}

.calculator-view .calculator-card .calculator-card-area .calculator-days-slider-wrap .calculator-days-slider .MuiSlider-rail {
	background: #201e1e;
	
	border-radius: 5x;
	border: 1px solid #ffffff
}

.calculator-view .calculator-card .calculator-card-area .calculator-days-slider-wrap .calculator-days-slider .MuiSlider-track {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background: linear-gradient(90deg, #9cdeff, #3fb0e7 90%);
	
}

.calculator-view .calculator-card .calculator-card-area .calculator-days-slider-wrap .calculator-days-slider .MuiSlider-thumb {
	width: 20px;
	height: 20px;
	background: #232323;
	
	border: 2px solid #0260ad
}

.calculator-view .calculator-card .calculator-card-area .calculator-user-data {
	justify-content: center;
	padding: 0 5px;
	margin: 30px auto auto
}

.calculator-view .calculator-card .calculator-card-area .calculator-user-data .data-row {
	display: flex;
	justify-content: space-between;
	margin: 12px 0
}

.calculator-view .calculator-card .calculator-card-area .calculator-user-data .data-row .data-row-name {
	font-family: Montserrat Medium;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	color: #fff
}

.calculator-view .calculator-card .calculator-card-area .calculator-user-data .data-row .data-row-value {
	font-family: Montserrat Medium;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	color: #fff
}

@media screen and (max-width:600px) {

	.calculator-view .calculator-card .calculator-card-metrics .calculator-card-apy,
	.calculator-view .calculator-card .calculator-card-metrics .calculator-card-index,
	.calculator-view .calculator-card .calculator-card-metrics .calculator-card-tvl {
		align-items: flex-start
	}

	.calculator-view .calculator-card .calculator-card-metrics .calculator-card {
		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.calculator-view .calculator-card .calculator-card-area .calculator-card-action-area .calculator-card-action-row {
		flex-direction: column
	}
}

@media screen and (max-width:1240px) {
	.calculator-view {
		width: 100%
	}
}

.account-view {
	width: 80%;
	margin: auto
}

.account-view .account-card {
	justify-content: center;
	padding: 0 5px;
	margin: 30px auto auto;
	border-radius: 5px;
}

.account-view .account-card .data-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	padding: 10px 30px
}

.account-view .account-card .data-row .MuiTypography-body1 {
	font-family: Montserrat Medium;
	font-weight: 500;
	font-size: 1rem;
	color: hsla(0, 0%, 100%, .6);
	line-height: 1
	
}

.account-view .account-card .data-column {
	display: flex;
	flex-direction: column;
	padding: 15px 10px;
	height: 150px;
	justify-content: center;
	align-items: center
}

.account-view .account-card .data-column .MuiTypography-body1 {
	font-family: Montserrat Medium;
	font-weight: 700;
	font-size: 1rem;
	color: #fff;
	line-height: 1.5
}

.account-view .MuiPaper-root {
	color: #fff;
	font-family: Montserrat Medium;
	font-weight: 700;
	font-size: 1rem;
	background-color: #000000a3;
	-webkit-backdrop-filter: blur(5px);
}

@font-face {
	font-family: montserrat semibold;
	src: local("Montserrat SemiBold"), url(../../static/media/Montserrat-SemiBold.fa8441f3.ttf) format("truetype")
}

@font-face {
	font-family: montserrat;
	src: local("Montserrat"), url(../../static/media/Montserrat-Regular.3cd78665.ttf) format("truetype")
}

@font-face {
	font-family: montserrat bold;
	src: local("Montserrat Bold"), url(../../static/media/Montserrat-Bold.079ca05d.ttf) format("truetype")
}

@font-face {
	font-family: montserrat medium;
	src: local("Montserrat Medium"), url(../../static/media/Montserrat-Medium.e2d60bc4.ttf) format("truetype")
}

@font-face {
	font-family: montserrat light;
	src: local("Montserrat Light"), url(../../static/media/Montserrat-Light.02afb26f.ttf) format("truetype")
}

@font-face {
	font-family: courier;
	src: local("Courier"), url(../../static/media/CourierPrime-Regular.68d89efc.ttf) format("truetype")
}

* {
	outline: none;
	box-sizing: border-box
}

#root,
body,
html {
	font-family: sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden
}

body {
	margin: 0;
	box-sizing: border-box
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none !important
}

input[type=number] {
	-moz-appearance: textfield !important
}

p {
	margin: 0
}

.web3modal-modal-lightbox {
	z-index: 10 !important;
	background: rgba(0, 0, 0, .2) !important;
	-webkit-backdrop-filter: blur(100px) !important;
	backdrop-filter: blur(100px) !important
}

.web3modal-modal-lightbox .web3modal-modal-card {
	background: #181b1c;
	-webkit-backdrop-filter: blur(100px);
	backdrop-filter: blur(100px);
	border-radius: 5px
}

.web3modal-modal-lightbox .web3modal-modal-card .web3modal-provider-wrapper {
	border: 1px solid hsla(0, 0%, 100%, .1);
	border-radius: 5px;
	padding: 0
}

.web3modal-modal-lightbox .web3modal-modal-card .web3modal-provider-wrapper .web3modal-provider-container {
	background-color: transparent;
	border-radius: 5px;
}

.web3modal-modal-lightbox .web3modal-modal-card .web3modal-provider-wrapper .web3modal-provider-container:hover {
	background-color: rgba(0, 0, 0, .2)
}

.web3modal-modal-lightbox .web3modal-modal-card .web3modal-provider-wrapper .web3modal-provider-container .web3modal-provider-name {
	font-family: Montserrat SemiBold;
	font-weight: 600;
	font-size: 24px;
	text-align: center;
	color: #fff
}

.web3modal-modal-lightbox .web3modal-modal-card .web3modal-provider-wrapper .web3modal-provider-container .web3modal-provider-description {
	font-family: Montserrat Light;
	font-weight: 300;
	font-size: 14px;
	text-align: center;
	color: hsla(0, 0%, 100%, .6)
}

@supports((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
	.walletconnect-qrcode__base {
		background: rgba(0, 0, 0, .2) !important;
		-webkit-backdrop-filter: blur(100px) !important;
		backdrop-filter: blur(100px) !important
	}
}

@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
	.walletconnect-qrcode__base {
		background: rgba(0, 0, 0, .8)
	}
}

.walletconnect-qrcode__base .walletconnect-modal__base {
	border-radius: 5px;
	padding: 30px 20px 20px
}

@supports((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
	.walletconnect-qrcode__base .walletconnect-modal__base {
		background: #181b1c;
		-webkit-backdrop-filter: blur(100px);
		backdrop-filter: blur(100px)
	}
}

@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
	.walletconnect-qrcode__base .walletconnect-modal__base {
		background: #181b1c
	}
}

.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-modal__header .walletconnect-modal__headerLogo {
	display: none
}

.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-modal__header p {
	margin-left: 24px;
	font-family: Montserrat SemiBold;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	color: #fff
}

.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-modal__header .walletconnect-modal__close__wrapper {
	background: 0 0;
	right: 23px
}

.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-modal__header .walletconnect-modal__close__wrapper .walletconnect-modal__close__icon .walletconnect-modal__close__line1,
.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-modal__header .walletconnect-modal__close__wrapper .walletconnect-modal__close__icon .walletconnect-modal__close__line2 {
	border: 1px solid #fff
}

.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-modal__mobile__toggle {
	margin-bottom: 20px;
	background: 0 0;
	width: 60%
}

.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-modal__mobile__toggle .walletconnect-modal__mobile__toggle_selector {
	height: 1px;
	background: #fff;
	top: 34px
}

.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-modal__mobile__toggle a {
	font-family: Montserrat SemiBold;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	cursor: pointer
}

.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-modal__mobile__toggle.right__selected a:nth-child(2),
.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-modal__mobile__toggle a:last-child {
	color: hsla(0, 0%, 100%, .6)
}

.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-modal__mobile__toggle.right__selected a:last-child {
	color: #fff
}

.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-qrcode__text {
	font-family: Montserrat Light;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	text-align: center;
	color: hsla(0, 0%, 100%, .6)
}

.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-qrcode__image {
	background: #fff;
	border-radius: 5px;
	padding: 13px
}

.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-modal__footer {
	font-family: Montserrat Light;
	font-weight: 300;
	font-size: 14px;
	text-align: center;
	color: hsla(0, 0%, 100%, .6)
}

.walletconnect-qrcode__base .walletconnect-modal__base .walletconnect-modal__base__row h3 {
	font-family: Montserrat SemiBold;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	color: #fff
}

.hidden {
  display: none !important;
}

#installContainer {
  position: absolute;
  bottom: 1em;
  display: flex;
  justify-content: center;
  width: 100%;
}

#installContainer button {
  background-color: inherit;
  border: 1px solid white;
  color: white;
  font-size: 1em;
  padding: 0.75em;
}