.md-ba{width:100%;--md-ba-divider:#fff;--md-ba-divider-width:3px;--md-ba-handle:#fff;--md-ba-handle-icon:#222;--md-ba-handle-size:44px;--md-ba-label-offset:16px}.md-ba__stage{position:relative;width:100%;overflow:hidden;isolation:isolate;aspect-ratio:16/9;background:transparent}.md-ba__image{display:block;width:100%;height:100%;object-fit:cover}.md-ba__stage>.md-ba__image{position:absolute;inset:0}.md-ba__before{position:absolute;inset:0;z-index:1;overflow:hidden;clip-path:inset(0 calc(100% - var(--md-ba-position)) 0 0)}.md-ba__before .md-ba__image{position:absolute;inset:0;width:100%;height:100%;max-width:none}.md-ba__divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--md-ba-position);transform:translateX(-50%);width:var(--md-ba-divider-width);background:var(--md-ba-divider);pointer-events:none}.md-ba__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--md-ba-handle-size);height:var(--md-ba-handle-size);display:flex;align-items:center;justify-content:space-evenly;border-radius:50%;background:var(--md-ba-handle);color:var(--md-ba-handle-icon);font-size:27px;line-height:1;box-shadow:0 2px 10px #0003}.md-ba__range{position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}.md-ba__range:focus-visible{opacity:1;outline:2px solid #00a8b5;outline-offset:-3px}.md-ba__label{position:absolute;z-index:2;top:var(--md-ba-label-offset);padding:6px 12px;color:#fff;background:#222;border-radius:4px;pointer-events:none}.md-ba__label--before{left:var(--md-ba-label-offset)}.md-ba__label--after{right:var(--md-ba-label-offset)}.md-ba__tabs{display:flex;gap:8px;justify-content:center;margin-bottom:14px}.md-ba__tab{border:0;cursor:pointer;background:#222;color:#fff;padding:9px 22px;border-radius:4px}.md-ba__tab[aria-selected=true]{background:#00a8b5}.md-ba--tabs .md-ba__before{clip-path:none}.md-ba--tabs .md-ba__stage[data-view=after] .md-ba__before{display:none}.md-ba--tabs .md-ba__stage[data-view=before]>.md-ba__image--after{visibility:hidden}

/* v1.9.19: Prevent a collapsed stage when Elementor applies aspect-ratio:auto. */
.md-ba .md-ba__stage{min-height:240px;}
.md-ba .md-ba__stage>.md-ba__image--after{display:block;visibility:visible;}
.md-ba--tabs .md-ba__stage[data-view="before"]>.md-ba__image--after{visibility:hidden;}
@media(max-width:767px){.md-ba .md-ba__stage{min-height:180px;}}

/* v1.9.20 — inset and outside tab bar placement */
.md-ba{--md-ba-tabs-inset:16px;--md-ba-tabs-gap:14px}
.md-ba--tabs .md-ba__tabs{position:relative;z-index:7;display:flex;flex-wrap:wrap;align-items:center;margin:0}
.md-ba--tabs-above>.md-ba__tabs{margin-bottom:var(--md-ba-tabs-gap)}
.md-ba--tabs-below>.md-ba__tabs{margin-top:var(--md-ba-tabs-gap)}
.md-ba--tabs-inside-top .md-ba__stage>.md-ba__tabs,.md-ba--tabs-inside-bottom .md-ba__stage>.md-ba__tabs{position:absolute;left:0;right:0;z-index:7;margin:0;pointer-events:none}
.md-ba--tabs-inside-top .md-ba__stage>.md-ba__tabs{top:var(--md-ba-tabs-inset)}
.md-ba--tabs-inside-bottom .md-ba__stage>.md-ba__tabs{bottom:var(--md-ba-tabs-inset)}
.md-ba--tabs .md-ba__stage>.md-ba__tabs .md-ba__tab{pointer-events:auto}
.md-ba__tab{transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.md-ba__tab:focus-visible{outline:2px solid #00a8b5;outline-offset:2px}