.rly-banner {
	position: fixed !important;
	left: auto !important;
	bottom: 24px !important;
	right: 24px !important;
	width: min(480px, calc(100vw - 48px)) !important;
	margin: 0 !important;
	border-radius: 12px !important;
}

.rly-banner #rly-banner-title,
.rly-banner .rly-title-field {
	font-size: 20px !important;
}

.rly-banner #rly-banner-description,
.rly-banner .rly-description-field,
.rly-button-no-hover {
	font-size: 14px !important;
}

.rly-preference-center {
	max-width: 800px !important;
	width: 100% !important;
	height: auto !important;
	max-height: min(85vh, 760px) !important;
	overflow-y: auto !important;
}

.rly-purpose-card {
	width: 98% !important;
}

.rly-preference-center .rly-description-field,
.rly-preference-center .rly-purpose-title {
	font-size: 16px !important;
}

.rly-preference-center .rly-title-field {
	font-size: 28px !important;
}

.rly-preference-center .rly-purpose-description,
.rly-preference-center .rly-technologies-toggle {
	font-size: 14px !important;
}

.rly-preference-center .rly-technologies-toggle-chevron,
.rly-preference-center .rly-technology-row {
	font-size: 18px !important;
}

.rly-banner #rly-banner-title,
.rly-banner .rly-editable-field-container-no-hover:first-of-type {
	display: none;
}

div.rly-banner[role="dialog"] {
	padding: 20px !important;
	justify-content: flex-start !important;
	gap: 16px !important;
	column-gap: 16px !important;
	width: fit-content !important;
}

.rly-banner .rly-banner-content {
	flex: 0 0 auto !important;
	width: fit-content !important;
}

.rly-banner .rly-banner-actions {
	flex: 0 0 auto !important;
}

.rly-banner .rly-description-field {
	white-space: nowrap;
	background: linear-gradient(
		90deg,
		rgb(102, 102, 102) 0%,
		rgb(102, 102, 102) 65%,
		rgb(0, 0, 0) 65%,
		rgb(0, 0, 0) 100%
	);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.rly-banner .rly-description-field span {
	font-size: 16px !important;
}