/* ============================================================================================
	UTILITY PAGETOP SECTION / PATTERN
============================================================================================ */
.hhobar-pagetop {
	display: inline-flex;
	position: fixed;
	right: 2%;
	bottom: 80px;
	z-index: 90;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(12px);
	transition:
		opacity .35s ease,
		visibility .35s ease,
		transform .35s ease
}
.hhobar-pagetop.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0)
}
@media (prefers-reduced-motion: reduce) {
	.hhobar-pagetop {
		transform: none;
		transition: opacity .2s ease, visibility .2s ease
	}
	.hhobar-pagetop.is-visible {
		transform: none
	}
}
.hhobar-pagetop-icon {
	width: 44px;
	aspect-ratio: 1
}
.hhobar-pagetop-text {
	width: 100%;
	writing-mode: vertical-lr
}
.hhobar-pagetop-text a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: -55px;
	padding-top: 60px;
	text-decoration: none
}