@charset "UTF-8";
.risk-rewards, .risk-rewards li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.risk-rewards {
		display: flex;
		justify-content: center;
		gap: 5px;
		margin: 30px 0;
		container-type: inline-size;
		container-name: risk-rewards;
}
.risk-rewards li {
		flex: 1;
		max-width: 240px;
		padding: 25px 8px;
		font-size: 12px;
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.06);
		backdrop-filter: blur(92px);
		-webkit-backdrop-filter: blur(92px);
		backface-visibility: hidden;
		display: flex;
		flex-direction: column;
		align-items: center;
		transition: color 1.5s var(--move-timing);
}
.risk-rewards li {
		color: rgba(255, 255, 255, 0);
}
.risk-rewards.visible li {
		color: var(--white);
}
.risk-rewards .circle {
		flex: 0 0 auto;
		position: relative;
		width: 135px;
		height: 135px;
		margin: 0 -30px -32px -30px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24px;
		box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.10);
		border-radius: 50%;
		transform-origin: 50% 0;
		transform: scale(0.6149);
}
.risk-rewards .circle svg {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 135px;
		height: 135px;
		transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(1);
		fill: none;
		stroke: #fff;
		stroke-width: 10px;
		stroke-linecap: butt;
		stroke-dasharray: 393;
		stroke-dashoffset: 393;
		transition: stroke-dashoffset 1.5s var(--move-timing);
}
.risk-rewards li:nth-child(1) .circle svg {
		stroke: #31D974;
}
.risk-rewards li:nth-child(2) .circle svg {
		stroke: #FFE851;
}
.risk-rewards li:nth-child(3) .circle svg {
		stroke: #FFA746;
}
.risk-rewards.visible li:nth-child(1) .circle svg {
		stroke-dashoffset: 375.21;
}
.risk-rewards.visible li:nth-child(2) .circle svg {
		stroke-dashoffset: 334.05;
}
.risk-rewards.visible li:nth-child(3) .circle svg {
		stroke-dashoffset: 248.1;
}
@container risk-rewards (min-width: 550px) {
		.risk-rewards li {
				padding-top: 30px;
				padding-bottom: 30px;
				font-size: 15px;
		}
		.risk-rewards .circle {
				transform: scale(0.7778);
				margin-bottom: 0;
		}
}
@container risk-rewards (min-width: 650px) {
		.risk-rewards li {
				padding-top: 35px;
				padding-bottom: 35px;
				font-size: 18px;
		}
		.risk-rewards .circle {
				margin-bottom: 35px;
				transform: scale(1);
		}
}
@media only screen and (min-width: 1024px) {
		.risk-rewards {
				margin-top: 50px;
				margin-bottom: 50px;
		}
}