.av-gal-track::-webkit-scrollbar { display: none; }
.av-gal-track { -ms-overflow-style: none; overscroll-behavior-x: contain; }
.av-gal-track:focus-visible { outline: 2px solid #0B7BC9; outline-offset: -2px; }
.av-gal-btn {
	position: absolute;
	top: 50%;
	z-index: 4;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .92);
	color: #0B1F3A;
	box-shadow: 0 6px 18px rgba(11, 31, 58, .18);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity .2s ease, transform .2s ease, background-color .2s ease;
}
.av-gal:hover .av-gal-btn, .av-gal-btn:focus-visible { opacity: 1; }
.av-gal-btn:hover { background: #ffffff; transform: scale(1.06); }
.av-gal-btn:focus-visible { outline: 2px solid #0B7BC9; outline-offset: 2px; }
.av-gal-btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.av-gal-btn--prev { left: 14px; }
.av-gal-btn--next { right: 14px; }
.av-gal-btn--next svg { transform: rotate(180deg); }
@media (hover: none) { .av-gal-btn { opacity: 1; width: 38px; height: 38px; margin-top: -19px; } }
.av-gal-thumbs .is-active { opacity: 1 !important; outline-color: #0B7BC9 !important; }
html[data-theme="dark"] .av-gal-btn { background: rgba(19, 37, 60, .92); color: #E8EFF5; }
html[data-theme="dark"] .av-gal-btn:hover { background: #1A3050; }