summary-page.css

.background {
	background-color: #f4f1ee;
}

.box-summary {
	background-color: #ffffff;
	border-radius: 20px;
	padding: 1rem;
}

.auto {
	line-break: auto;
}

/* p {
	word-break: ;
} */

.text {
	font-size: calc(10px + 0.390625vw);
}

.crop {
	overflow: hidden;
	line-height: 50px;
	width: 280px;
}

.id-metamask {
	align-items: center;
	background-color: #fff;
	border-radius: 9999px;
	box-shadow: 0 10px 20px rgb(0 0 0 / 5%);
	color: #000;
	display: flex;
	font-size: 13px;
	/* font-weight: 400; */
	height: 36.05px;
	letter-spacing: .6px;
	min-height: 35px;
	padding: 9px 16px;
	width: 265.65px;
}

.id-name {
	font-family: 'Inter';
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.fa-clone {
	font-weight: 600;
	font-size: 15px;
}

.fa-clone:hover {
	font-weight: 600;
	color: black;
	transition: color 0.7s ease-out;
}

.wallet-id-section {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.contract-div {
	display: flex;
	justify-content: center;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
}

.wallet-id-total {
	display: flex;
	justify-content: center;
	align-items: center;
}

.form-div1-2 {
	background: #ffffff;
	box-shadow: 0 10px 20px rgb(0 0 0 / 5%);

	width: 100%;
	height: 160px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* align-items: flex-start; */
	justify-content: space-around;
	/* border-top-right-radius: 20px; */
	border-radius: 0 0 20px 0;
	padding: 20px;
	gap: 20px;
}

.green-line-summary {
    background: #A5DFD5;
    width: 10px;
    height: 331px;
    border-radius: 8px;
}