.p-compute-child-item {
	border-radius: 24px;
	border: solid 1px #dedeec;
	padding: 26px;
	position: relative;

	&__header {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding-bottom: 24px;
		border-bottom: solid 1px #dedeec;
	}

	&__title {
		display: flex;
		flex-direction: column;
		gap: 5px;

		>b {
			font-size: 14px;
		}

		>span {
			font-size: 14px;
		}
	}

	&__info {
		font-size: 12px;
		padding: 8px 10px;
		border: solid 1px #dedeec;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	&__detail {
		display: flex;
		flex-direction: column;
		gap: 24px;
		padding: 24px 0;
	}

	&__detail-title {
		font-size: 16px;
	}

	&__detail-subtitle {
		display: flex;
		flex-direction: row;
		justify-content: space-between;

		>b {
			color: #BFBFC8;
			font-size: 16px;
		}

		>span {
			font-size: 16px;
		}
	}

	&__detail-progress-base {
		background-color: #F4F5F9;
		width: 100%;
		height: 8px;
    position: relative;
		overflow: hidden;
		border-radius: 4px;
	}

	&__detail-progress {
		background-color: #5050FF;
		height: 8px;
		position: absolute;
		left: 0;
	}

	&__card-list {
		display: flex;
		flex-direction: row;
		gap: 8px;
	}
}