.sm-image-slides {
	--sm-slide-height: 700px;
	--sm-slide-background: #fff;
	--sm-nav-color: #19717d;
	--sm-dot-active: #e84124;
	--sm-arrow-size: 50px;
	position: relative;
	width: 100%;
	min-width: 0;
	color: var(--sm-nav-color);
	background: var(--sm-slide-background);
}
.sm-image-slides *, .sm-image-slides *::before, .sm-image-slides *::after { box-sizing: border-box; }
.sm-image-slides [hidden] { display: none !important; }
.sm-image-slides__stage { position: relative; min-width: 0; }
.sm-image-slides--outside .sm-image-slides__stage { padding-inline: max(24px, calc(var(--sm-arrow-size) * .6)); }
.sm-image-slides .sm-image-slides__viewport { width: 100%; height: var(--sm-slide-height); overflow: hidden; position: relative; }
.sm-image-slides .swiper-wrapper { display: flex; height: 100%; }
.sm-image-slides .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.sm-image-slides .sm-image-slides__image { display: block; width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center; border: 0; border-radius: 0; }
.sm-image-slides:not(.sm-image-slides--ready):not(.sm-image-slides--initializing) .swiper-slide:not(:first-child) { display: none; }
.sm-image-slides button[type="button"] { appearance: none; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; color: var(--sm-nav-color); cursor: pointer; font: inherit; line-height: 1; }
.sm-image-slides button[type="button"]:hover { background: transparent; color: var(--sm-nav-color); }
.sm-image-slides button[type="button"]:disabled { opacity: .3; cursor: default; }
.sm-image-slides:focus-visible, .sm-image-slides button[type="button"]:focus-visible { outline: 3px solid currentColor; outline-offset: -2px; }
.sm-image-slides .sm-image-slides__arrow { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); width: max(44px, var(--sm-arrow-size)); height: max(44px, var(--sm-arrow-size)); display: grid; place-items: center; }
.sm-image-slides__previous { inset-inline-start: 8px; }
.sm-image-slides__next { inset-inline-end: 8px; }
.sm-image-slides--outside .sm-image-slides__previous { inset-inline-start: 0; }
.sm-image-slides--outside .sm-image-slides__next { inset-inline-end: 0; }
.sm-image-slides__arrow svg { width: var(--sm-arrow-size); height: var(--sm-arrow-size); fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
[dir="rtl"] .sm-image-slides__arrow svg { transform: scaleX(-1); }
.sm-image-slides__navigation { display: flex; align-items: center; justify-content: center; gap: 8px; position: relative; padding: 10px 44px 4px; min-height: 44px; }
.sm-image-slides__dots { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0; }
.sm-image-slides .sm-image-slides__dot { width: 38px; height: 32px; display: grid; place-items: center; }
.sm-image-slides__dot span { display: block; width: 12px; height: 12px; border-radius: 50%; background: var(--sm-nav-color); }
.sm-image-slides__dot[aria-current="true"] span { background: var(--sm-dot-active); transform: scale(1.2); }
.sm-image-slides .sm-image-slides__playback { position: absolute; inset-inline-end: 0; width: 44px; height: 44px; display: grid; place-items: center; }
.sm-image-slides__playback svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sm-image-slides__error { display: block; padding: 12px; font: 14px/1.5 sans-serif; color: #333; }
.sm-image-slides__empty { padding: 32px 20px; border: 1px dashed #8b9298; background: #f4f6f7; color: #3b4147; text-align: center; font: 14px/1.6 sans-serif; }
@media (max-width: 1024px) {
	.sm-image-slides { --sm-slide-height: 500px; }
}
@media (max-width: 767px) {
	.sm-image-slides { --sm-slide-height: 350px; --sm-arrow-size: 32px; }
	.sm-image-slides .sm-image-slides__dot { width: 28px; }
	.sm-image-slides__dot span { width: 10px; height: 10px; }
}
@media (prefers-reduced-motion: reduce) {
	.sm-image-slides .swiper-wrapper, .sm-image-slides .swiper-slide { transition-duration: 0ms !important; }
}

.sm-image-slides .sm-image-slides__lightbox { display: block; width: 100%; height: 100%; cursor: zoom-in; color: inherit; }
.sm-image-slides .sm-image-slides__lightbox:focus-visible { outline: 3px solid var(--sm-nav-color); outline-offset: -3px; }
.sm-image-slides__lightbox-status, .sm-image-slides__lightbox-error { display: block; padding: 12px; font: 14px/1.5 sans-serif; color: #333; }