@import "../mixins/shadow.scss";

body {
	position: relative;
}

.back-to-top {
	position: absolute;
	inset-block-end: 1em;
	inset-inline-start: -12em;
	transition: 0.25s all ease-in;
	background: var(--ui-overlay);
	color: var(--ui-overlay-text) !important;
	padding: 1em;
	@include shadow-high;
	&:focus {
		inset-inline-start: 1em;
	}
}

.skip-to-items {
	position: absolute;
	inset-block-start: -5em;
	inset-inline-start: 1em;
	transition: all 0.25s ease-in;
	background: var(--ui-overlay);
	color: var(--ui-overlay-text) !important;
	padding: 1em;
	@include shadow-high;
	&:focus {
		inset-block-start: 1em;
	}
}

.skip-syndication {
	position: absolute;
	inset-block-start: -5em;
	inset-inline-start: 1em;
	transition: 0.25s all ease-in;
	background: var(--ui-overlay);
	color: var(--ui-overlay-text);
	padding: 1em;
	@include shadow-high;
	&:focus {
		inset-block-start: 1em;
	}
	&:before {
		content: "Skip syndication information";
	}
}