/* Wider right scroll marker for the mobile drawer only. */
.hc-offcanvas-nav,
.hc-offcanvas-nav *,
.hc-offcanvas-nav .nav-content {
	scrollbar-width: auto;
	scrollbar-color: #ff3030 #f1f1f1;
}

.hc-offcanvas-nav .nav-container {
	box-shadow: inset -22px 0 0 rgba(255, 48, 48, 0.12), inset -7px 0 0 #ff3030;
}

.hc-offcanvas-nav .nav-container::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10050;
	width: 8px;
	background: #ff3030;
	pointer-events: none;
}

.hc-offcanvas-nav .nav-wrapper-0 > .nav-content,
.hc-offcanvas-nav.nav-levels-expand .nav-content,
.hc-offcanvas-nav.nav-levels-overlap .nav-content,
.hc-offcanvas-nav .nav-content {
	scrollbar-width: auto !important;
	scrollbar-color: #ff3030 #f1f1f1 !important;
}

.hc-offcanvas-nav .nav-wrapper-0 > .nav-content::-webkit-scrollbar,
.hc-offcanvas-nav.nav-levels-expand .nav-content::-webkit-scrollbar,
.hc-offcanvas-nav.nav-levels-overlap .nav-content::-webkit-scrollbar,
.hc-offcanvas-nav .nav-content::-webkit-scrollbar {
	width: 34px !important;
}

.hc-offcanvas-nav .nav-wrapper-0 > .nav-content::-webkit-scrollbar-track,
.hc-offcanvas-nav.nav-levels-expand .nav-content::-webkit-scrollbar-track,
.hc-offcanvas-nav.nav-levels-overlap .nav-content::-webkit-scrollbar-track,
.hc-offcanvas-nav .nav-content::-webkit-scrollbar-track {
	background: #f1f1f1 !important;
}

.hc-offcanvas-nav .nav-wrapper-0 > .nav-content::-webkit-scrollbar-thumb,
.hc-offcanvas-nav.nav-levels-expand .nav-content::-webkit-scrollbar-thumb,
.hc-offcanvas-nav.nav-levels-overlap .nav-content::-webkit-scrollbar-thumb,
.hc-offcanvas-nav .nav-content::-webkit-scrollbar-thumb {
	background: #ff3030 !important;
	border: 4px solid #f1f1f1 !important;
	border-radius: 16px !important;
}

.hc-offcanvas-nav .nav-wrapper-0 > .nav-content::-webkit-scrollbar-thumb:hover,
.hc-offcanvas-nav.nav-levels-expand .nav-content::-webkit-scrollbar-thumb:hover,
.hc-offcanvas-nav.nav-levels-overlap .nav-content::-webkit-scrollbar-thumb:hover,
.hc-offcanvas-nav .nav-content::-webkit-scrollbar-thumb:hover {
	background: #d90000 !important;
}