.sss-scroll-top {
	--sss-booking-highlight: #16a34a;
	align-items: center;
	appearance: none;
	background: #101828;
	border: 1px solid rgb(255 255 255 / 16%);
	border-radius: 999px;
	bottom: max(1rem, env(safe-area-inset-bottom)) !important;
	box-shadow: 0 18px 42px rgb(16 24 40 / 22%);
	box-sizing: border-box;
	clear: none !important;
	contain: layout paint style;
	cursor: pointer;
	display: flex !important;
	float: none !important;
	height: 3rem;
	justify-content: center;
	margin: 0 !important;
	max-width: none !important;
	opacity: 0;
	overflow: visible;
	padding: 0;
	pointer-events: none;
	position: fixed !important;
	right: max(1rem, env(safe-area-inset-right)) !important;
	transform: translateY(0.55rem);
	transition: opacity 180ms ease, transform 180ms ease, background 180ms ease;
	visibility: hidden;
	width: 3rem;
	z-index: 99999;
}

.sss-scroll-top.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	visibility: visible;
}

.sss-scroll-top:hover,
.sss-scroll-top:focus-visible {
	background: var(--sss-booking-highlight);
	outline: 0;
	transform: translateY(-2px);
}

.sss-scroll-top span {
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	display: block;
	height: 0.72rem;
	transform: rotate(45deg) translate(2px, 2px);
	width: 0.72rem;
}

@media (max-width: 560px) {
	.sss-scroll-top {
		bottom: max(1.1rem, env(safe-area-inset-bottom)) !important;
		height: 2.75rem;
		inset-inline-start: auto !important;
		left: auto !important;
		right: max(1.25rem, env(safe-area-inset-right)) !important;
		width: 2.75rem;
	}
}