.dll-srch {
		margin-top: 18px;
	}

	.dll-srch-form {
		display: flex;
		gap: 12px;
		align-items: stretch;
		flex-wrap: wrap;
		margin: 0;
	}

	.input-wrap {
		position: relative;
		flex: 1 1 520px;
		min-inline-size: 260px;
	}

	.input-decor {
		position: absolute;
		inset-block: 0;
		inset-inline-start: 12px;
		display: grid;
		place-items: center;
		pointer-events: none;
	}

	.input-decor i {
		font-size: 18px;
		color: var(--accent);
	}

	.dll-srch-form input[type="text"] {
		border-color: #e9c;
		box-shadow: 0 0 0 4px rgba(221, 23, 119, .12);
	}

	.dll-srch-form input[type="text"]:focus {
		border-color: var(--accent);
		box-shadow: 0 0 0 5px rgba(221, 23, 119, .16);
	}

	.dll-srch-form input[type="text"].large {
		font-size: 20px;
		padding: 14px 16px 14px 42px;
		border-radius: 12px;
		background-color: #fafafa;
	}

	@media (max-width:560px) {
		.dll-srch-form {
			gap: 10px;
		}

		.dll-srch-form .button.primary {
			inline-size: 100%;
			justify-content: center;
		}
	}

	.chart {
		flex: 1 1 auto;
		min-height: 260px;
		min-width: 0;
		display: block;
	}

	.chart svg {
		width: 100% !important;
		height: 100% !important;
		min-height: 200px;
		display: block;
	}

	#chart-uploads rect,
	#chart-usage rect {
		transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),
			fill 0.25s ease;
		cursor: pointer;
	}

	#chart-uploads rect:hover,
	#chart-usage rect:hover {
		opacity: 1.0 !important;
	}

	#chart-uploads:hover rect:not(:hover),
	#chart-usage:hover rect:not(:hover) {
		opacity: 0.40 !important;
	}

	@media (max-width: 900px) {
		.js-verification-hero {
			padding: 40px 16px !important;
		}

		.js-hero-grid {
			grid-template-columns: 1fr !important;
			gap: 32px !important;
		}

		.js-hero-heading {
			font-size: 28px !important;
		}
	}