html, body {
	scroll-padding-top: 108px;
}

html {
	min-height: 100vh;
}

.logo--auth {
	height: 80px;
	width: auto;
}


body.external-ui {
	min-height: 100vh;
	display: flex;
	justify-content: center;
}

body.external-ui--auth {
	background-image: url('../../images/background.jpg');
	background-size: cover;
	background-position: center 35%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

body.external-ui .view-layout {
	padding: 0;
	background: transparent;
	margin-top: 9rem;
}

.vr {
	--vr-opacity: .125;
	opacity: var(--vr-opacity);
}


.toggle-icon-aria [data-icon-for] {
	display: none;
}

.toggle-icon-aria[aria-expanded="true"] [data-icon-for="expanded"] {
	display: block;
}

.toggle-icon-aria[aria-expanded="false"] [data-icon-for="collapsed"] {
	display: block;
}

/* divider with text */
.divider-with-text {
	display: flex;
	align-items: center;
}

.divider-with-text::before,
.divider-with-text::after {
	content: "";
	display: block;
	flex-grow: 1;
	border-top: 1px solid var(--bs-border-color);
}

.divider-with-text span {
	display: block;
	padding: 1rem;
	line-height: 1;
	font-size: 1rem;
	font-size: 1rem;
}