pc-bot-page-link {
	display: block;
	margin-top: var(--rd-spacing-sm);
}

pc-bot-page-link .rd-bot-page-link {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--rd-spacing-sm);
	width: 100%;
	padding: var(--rd-spacing-sm);
	border: 1px solid rgba(148, 157, 171, 0.2);
	border-radius: 4px;
	background: var(--rd-bg-primary);
	color: var(--rd-font-dark);
	text-decoration: none;
	box-sizing: border-box;
}

pc-bot-page-link .rd-bot-page-link:hover,
pc-bot-page-link .rd-bot-page-link:focus-visible {
	border-color: rgba(148, 157, 171, 0.2);
	box-shadow: none;
}

pc-bot-page-link .rd-bot-page-link-icon {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: var(--rd-borderradius-border-md);
	background: var(--rd-primary-inactive);
	color: var(--rd-primary-active);
}

.rd-bot-page-link-navigation-icon {
	display: inline-block;
	width: var(--rd-fontsize-5);
	height: var(--rd-fontsize-5);
	background-color: currentColor;
	mask-image: var(--rd-bot-page-link-navigation-icon);
	-webkit-mask-image: var(--rd-bot-page-link-navigation-icon);
	mask-position: center;
	-webkit-mask-position: center;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
}

.rd-bot-page-link-icon-shell {
	display: inline-grid;
	place-items: center;
}

pc-bot-page-link .rd-bot-page-link-content {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: var(--rd-spacing-xx-sm);
}

pc-bot-page-link .rd-bot-page-link-content strong {
	font-size: var(--rd-fontsize-4);
}

pc-bot-page-link .rd-bot-page-link-content > span {
	color: var(--rd-gray-500);
	font-size: var(--rd-fontsize-3);
}

pc-bot-page-link .rd-bot-page-link-action {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-xx-sm);
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-3);
	font-weight: 600;
}

pc-bot-page-link .rd-bot-page-link-action .material-icons {
	font-size: var(--rd-fontsize-5);
}

@media (max-width: 480px) {
	pc-bot-page-link .rd-bot-page-link {
		grid-template-columns: 40px minmax(0, 1fr);
	}

	pc-bot-page-link .rd-bot-page-link-action {
		grid-column: 2;
	}
}

pc-bot-page-links {
	display: none;
}

.rd-bot-page-links {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-x-sm);
	margin-bottom: var(--rd-spacing-x-sm);
	min-width: 0;
}

.rd-bot-page-links-heading,
.rd-bot-page-links-toggle {
	display: inline-flex;
	align-items: center;
	gap: var(--rd-spacing-xx-sm);
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--rd-gray-500);
	font: inherit;
	font-size: var(--rd-fontsize-3);
	white-space: nowrap;
}

.rd-bot-page-links-heading {
	cursor: default;
}

.rd-bot-page-links-heading .material-icons,
.rd-bot-page-links-toggle .material-icons,
.rd-bot-page-links-chip .material-icons {
	font-size: var(--rd-fontsize-5);
}

.rd-bot-page-links-heading-mobile {
	display: none;
}

.rd-bot-page-links-list {
	display: flex;
	gap: var(--rd-spacing-x-sm);
	min-width: 0;
	overflow-x: auto;
	scrollbar-width: none;
}

.rd-bot-page-links-list::-webkit-scrollbar {
	display: none;
}

.rd-bot-page-links-chip {
	display: inline-flex;
	align-items: center;
	gap: var(--rd-spacing-xx-sm);
	min-height: 32px;
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
	border: 1px solid var(--rd-input-default);
	border-radius: var(--rd-borderradius-border-big);
	background: var(--rd-bg-primary);
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-3);
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	box-sizing: border-box;
}

.rd-bot-page-links-chip:hover,
.rd-bot-page-links-chip:focus-visible {
	border-color: var(--rd-primary-active);
	color: var(--rd-primary-active);
}

.rd-bot-page-links-toggle {
	color: var(--rd-primary-active);
	cursor: pointer;
}

pc-botui .rd-bot-page-links-heading {
	color: var(--botui-text-muted);
}

pc-botui .rd-bot-page-links-chip {
	border-color: var(--botui-border);
	background: var(--botui-bg);
	color: var(--botui-text);
}

.rd-bot-page-links.is-expanded {
	align-items: flex-start;
	flex-wrap: wrap;
}

.rd-bot-page-links.is-expanded .rd-bot-page-links-list {
	flex-wrap: wrap;
	overflow: visible;
}

pc-campus-bot-app .campusbotinputcontainer > pc-bot-page-links {
	padding: 0 var(--rd-spacing-x-big);
}

@media (max-width: 600px) {
	.rd-bot-page-links {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.rd-bot-page-links-heading {
		min-height: 32px;
		padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
		border: 1px solid var(--rd-input-default);
		border-radius: var(--rd-borderradius-border-big);
		background: var(--rd-bg-primary);
		color: var(--rd-primary-active);
		cursor: pointer;
	}

	pc-botui .rd-bot-page-links-heading {
		border-color: var(--botui-border);
		background: var(--botui-bg);
		color: var(--botui-accent);
	}

	.rd-bot-page-links-heading-desktop,
	.rd-bot-page-links:not(.is-expanded) .rd-bot-page-links-list,
	.rd-bot-page-links:not(.is-expanded) .rd-bot-page-links-toggle {
		display: none;
	}

	.rd-bot-page-links-heading-mobile {
		display: inline;
	}

	.rd-bot-page-links.is-expanded .rd-bot-page-links-list {
		width: 100%;
	}

	pc-campus-bot-app .campusbotinputcontainer > pc-bot-page-links {
		padding: 0 var(--rd-spacing-md);
	}
}