uix-scroll-to-top-button {
	display: flex;
	height: 100%;
	position: absolute;
	--size: 50px;
	right: 20px;
	&>span {
		transition: opacity 0.3s;
		position: sticky;
		width: var(--size);
		height: var(--size);
		background-color: var(--unyt-bg-controls);
		border: 2px solid var(--unyt-border-primary);
		display: flex!important;
		justify-content: center;
		align-items: center;
		font-size: large;
		border-radius: 999px;
		margin-bottom: 30px;
		bottom: 20px;
		z-index: 4;
		aspect-ratio: 1;
		align-self: flex-end;
	}
}
uix-scroll-to-top-button:active {
	&>span {
		opacity: 0.8;
	}
}
uix-scroll-to-top-button:hover {
	&>span {
		opacity: 0.7;
	}
}
uix-scroll-to-top-button.hidden > span {
	opacity: 0;
}