.error-modal {
	&__trigger {
		width: fit-content;
		display: flex;
		align-items: center;
		gap: 4px;
		border-radius: 20px;
		background: color-mix(in srgb, var(--danger-background) 20%, transparent);
		padding-left: 3px;
		padding-right: 8px;
		cursor: pointer;
		span {
			color: var(--danger-background);
			font-size: 10px;
			font-weight: 500;
			line-height: 20px; /* 200% */
			letter-spacing: 0.4px;
			text-transform: uppercase;
		}
	}
	&__wrap {
		background: linear-gradient(
			180deg,
			color-mix(in srgb, var(--l1-background) 12%, transparent) 0.07%,
			color-mix(in srgb, var(--bg-sakura-950) 24%, transparent) 50.04%,
			color-mix(in srgb, var(--bg-sakura-800) 36%, transparent) 75.02%,
			color-mix(in srgb, var(--bg-sakura-600) 48%, transparent) 87.51%,
			color-mix(in srgb, var(--bg-sakura-500) 60%, transparent) 100%
		);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);

		.ant-modal {
			bottom: 40px;
			top: unset;
			position: absolute;
			width: 520px;
			left: 0px;
			right: 0px;
			margin: auto;
		}
	}

	&__body {
		padding: 0;
		overflow: hidden;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

	&__header {
		background: none !important;

		.ant-modal-title {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.key-value-label {
			padding: 0;
			border: none;
			border-radius: 4px;
			overflow: hidden;
			&__key,
			&__value {
				padding: 4px 8px;
				font-size: 12px;
				font-style: normal;
				font-weight: 500;
				line-height: 16px;
				letter-spacing: 0.48px;
			}
			&__key {
				text-transform: uppercase;
				&,
				&:hover {
					color: var(--l1-foreground);
				}
			}
			&__value {
				color: var(--l2-foreground);
				pointer-events: none;
			}
		}

		.close-button {
			padding: 3px 7px;
			background: var(--l2-background);
			display: inline-flex;
			align-items: center;
			border-radius: 4px;
			border: 1px solid var(--l1-border);
			box-shadow: none;
		}
	}

	&__footer {
		margin: 0 !important;
		height: 6px;
	}

	&__content {
		padding: 0 !important;
		border-radius: 4px;
		overflow: hidden;
	}
}
