/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/common/styles/image-compare.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.vcs-image-compare-vertical:not(.handle-bottom) .vcs-image-compare-handle:after, .vcs-image-compare-vertical:not(.handle-bottom) .vcs-image-compare-handle:before, .vcs-image-compare-horizontal:not(.handle-bottom) .vcs-image-compare-handle:after, .vcs-image-compare-horizontal:not(.handle-bottom) .vcs-image-compare-handle:before, .vcs-image-compare-diagonal:not(.handle-bottom) .vcs-image-compare-handle::after, .vcs-image-compare-diagonal:not(.handle-bottom) .vcs-image-compare-handle::before {
  position: absolute;
  z-index: 30;
  display: block;
  content: " ";
  background: #fff; /* Fixed white color for divider */
}

.vcs-image-compare-horizontal:not(.handle-bottom) .vcs-image-compare-handle:after, .vcs-image-compare-horizontal:not(.handle-bottom) .vcs-image-compare-handle:before, .vcs-image-compare-diagonal:not(.handle-bottom) .vcs-image-compare-handle::after, .vcs-image-compare-diagonal:not(.handle-bottom) .vcs-image-compare-handle::before {
  left: 50%;
  width: var(--vcs-image-compare-handle-stroke);
  height: 9999px;
  margin-left: calc(-1 * var(--vcs-image-compare-handle-stroke) / 2);
}

.vcs-image-compare-vertical:not(.handle-bottom) .vcs-image-compare-handle:after, .vcs-image-compare-vertical:not(.handle-bottom) .vcs-image-compare-handle:before {
  top: 50%;
  width: 9999px;
  height: var(--vcs-image-compare-handle-stroke);
  margin-top: calc(-1 * var(--vcs-image-compare-handle-stroke) / 2);
}

.vcs-image-compare-overlay, .vcs-image-compare-after-label, .vcs-image-compare-before-label {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.vcs-image-compare-overlay, .vcs-image-compare-after-label, .vcs-image-compare-before-label {
  transition-duration: 0.5s;
}

.vcs-image-compare-after-label, .vcs-image-compare-before-label {
  transition-property: opacity;
}

.vcs-image-compare-after-label:before, .vcs-image-compare-before-label:before {
  font-size: var(--vcs-image-compare-overlay-label-font-size);
  color: var(--vcs-image-compare-overlay-label-color);
  letter-spacing: var(--vcs-image-compare-overlay-label-letter-spacing);
}

.vcs-image-compare-after-label:before, .vcs-image-compare-before-label:before {
  position: absolute;
  padding: 0 var(--vcs-image-compare-overlay-label-padding);
  line-height: var(--vcs-image-compare-overlay-label-height);
  background: var(--vcs-image-compare-overlay-label-bg);
  border-radius: var(--vcs-image-compare-label-radius);
}

.vcs-image-compare-diagonal .vcs-image-compare-after-label:before,
.vcs-image-compare-diagonal .vcs-image-compare-before-label:before, .vcs-image-compare-horizontal .vcs-image-compare-after-label:before,
.vcs-image-compare-horizontal .vcs-image-compare-before-label:before {
  top: 50%;
  margin-top: calc(-1 * var(--vcs-image-compare-overlay-label-height) / 2);
}

.vcs-image-compare-vertical .vcs-image-compare-before-label:before,
.vcs-image-compare-vertical .vcs-image-compare-after-label:before {
  left: 50%;
  width: var(--vcs-image-compare-overlay-label-width);
  margin-left: calc(var(--vcs-image-compare-overlay-label-width) / -12);
  transform: translateX(-50%);
  text-align: center;
}

.vcs-image-compare-down-arrow, .vcs-image-compare-up-arrow, .vcs-image-compare-right-arrow, .vcs-image-compare-left-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: var(--vcs-image-compare-handle-triangle-size) inset transparent;
}

.vcs-image-compare-right-arrow, .vcs-image-compare-left-arrow {
  top: 50%;
  margin-top: calc(-1 * var(--vcs-image-compare-handle-triangle-size));
}

.vcs-image-compare-down-arrow, .vcs-image-compare-up-arrow {
  left: 50%;
  margin-left: calc(-1 * var(--vcs-image-compare-handle-triangle-size));
}

.vcs-image-compare-wrapper {
  --vcs-image-compare-handle-color: #fff;
  --vcs-image-compare-handle-stroke: 3px;
  --vcs-image-compare-handle-circle-width: 40px;
  --vcs-image-compare-handle-circle-height: 40px;
  --vcs-image-compare-handle-triangle-color: var(--vcs-image-compare-handle-color);
  --vcs-image-compare-handle-triangle-size: 6px;
  --vcs-image-compare-handle-triangle-position: 5px;
  --vcs-image-compare-handle-radius: 1000px;
  --vcs-image-compare-overlay-bg: rgba(0, 0, 0, 0.5);
  --vcs-image-compare-overlay-label-color: #000;
  --vcs-image-compare-overlay-label-bg: #d6d6d680;
  --vcs-image-compare-overlay-label-height: 38px;
  --vcs-image-compare-overlay-label-width: 50px;
  --vcs-image-compare-overlay-label-padding: 20px;
  --vcs-image-compare-overlay-label-font-size: 13px;
  --vcs-image-compare-overlay-label-letter-spacing: 0.1em;
  --vcs-image-compare-label-radius: 2px;
}
.vcs-image-compare-wrapper .vcs-image-compare-handle::after,
.vcs-image-compare-wrapper .vcs-image-compare-handle::before {
  transition: 300ms ease-in-out;
}
.vcs-image-compare-wrapper:not(.handle-bottom) .vcs-image-compare-handle {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 40;
  width: var(--vcs-image-compare-handle-circle-width);
  height: var(--vcs-image-compare-handle-circle-height);
  margin-top: calc(-1 * var(--vcs-image-compare-handle-circle-height) / 2 - var(--vcs-image-compare-handle-stroke));
  margin-left: calc(-1 * var(--vcs-image-compare-handle-circle-width) / 2 - var(--vcs-image-compare-handle-stroke));
  cursor: pointer;
  border: var(--vcs-image-compare-handle-stroke) solid var(--vcs-image-compare-handle-color);
  border-radius: var(--vcs-image-compare-handle-radius);
  box-shadow: var(--vcs-image-compare-handle-box-shadow);
  transition: none !important;
}
.vcs-image-compare-wrapper.handle-bottom:not(.vcs-image-compare-vertical) .vcs-image-compare-container {
  margin-bottom: 25px;
}
.vcs-image-compare-wrapper.handle-bottom .vcs-image-compare-container {
  overflow: inherit;
}
.vcs-image-compare-wrapper.handle-bottom .vcs-image-compare-handle-wrapper {
  position: absolute;
  bottom: -22px;
  z-index: 10;
  width: 100%;
  height: 10px;
  margin-right: 0;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 30px;
}
.vcs-image-compare-wrapper.handle-bottom .vcs-image-compare-handle {
  position: absolute;
  top: inherit;
  bottom: 0;
  left: 50%;
  z-index: 99999;
  width: 45px;
  height: 10px;
  padding: 0;
  margin: 0 0 0 -22px;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-radius: 30px;
  box-shadow: var(--vcs-image-compare-handle-box-shadow);
  transition: none !important;
}
.vcs-image-compare-wrapper.handle-bottom.vcs-image-compare-vertical .vcs-image-compare-handle-wrapper {
  right: -22px;
  bottom: 0;
  width: 10px;
  height: 100%;
  overflow: hidden;
}
.vcs-image-compare-wrapper.handle-bottom.vcs-image-compare-vertical .vcs-image-compare-handle {
  left: 0;
  width: 10px;
  height: 45px;
  margin: -22px 0 0;
}

.vcs-image-compare-container {
  position: relative;
  z-index: 0;
  box-sizing: content-box;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  animation: fadeIn 800ms;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.vcs-image-compare-container img {
  position: absolute;
  top: 0;
  display: block;
  max-width: 100%;
  height: auto;
}
.vcs-image-compare-container.active .vcs-image-compare-overlay, .vcs-image-compare-container.active:hover .vcs-image-compare-overlay {
  background: rgba(0, 0, 0, 0);
}
.vcs-image-compare-container.active .vcs-image-compare-overlay .vcs-image-compare-before-label,
.vcs-image-compare-container.active .vcs-image-compare-overlay .vcs-image-compare-after-label {
  opacity: 1;
}
.vcs-image-compare-container.active .vcs-image-compare-overlay .vcs-image-compare-before-label.label_show_on_hover,
.vcs-image-compare-container.active .vcs-image-compare-overlay .vcs-image-compare-after-label.label_show_on_hover {
  opacity: 0;
}
.vcs-image-compare-container.active:hover .vcs-image-compare-overlay .vcs-image-compare-before-label,
.vcs-image-compare-container.active:hover .vcs-image-compare-overlay .vcs-image-compare-after-label {
  opacity: 1;
}
.vcs-image-compare-container.has-indicator .vcs-image-compare-overlay {
  background-color: transparent !important;
}
.vcs-image-compare-container * {
  box-sizing: content-box;
}
.vcs-image-compare-container .vcs-image-compare-overlay-image {
  z-index: 25;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.vcs-image-compare-container:not(.moving):hover .vcs-image-compare-overlay-image {
  visibility: visible;
}
.vcs-image-compare-container .vcs-badge {
  position: absolute;
  z-index: 30;
  pointer-events: none;
}
.vcs-image-compare-container .vcs-badge img {
  position: static;
  display: block;
  max-width: none;
  height: auto;
}
.vcs-image-compare-container .vcs-badge.badge-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.vcs-image-compare-container .vcs-badge.badge-top-left {
  top: 10px;
  left: 10px;
}
.vcs-image-compare-container .vcs-badge.badge-top-center {
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.vcs-image-compare-container .vcs-badge.badge-top-right {
  top: 10px;
  right: 10px;
}
.vcs-image-compare-container .vcs-badge.badge-bottom-left {
  bottom: 10px;
  left: 10px;
}
.vcs-image-compare-container .vcs-badge.badge-bottom-center {
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.vcs-image-compare-container .vcs-badge.badge-bottom-right {
  bottom: 10px;
  right: 10px;
}
.vcs-image-compare-container .vcs-badge.badge-hover {
  visibility: hidden;
}
.vcs-image-compare-container:not(.moving):hover .vcs-badge.badge-hover {
  visibility: visible;
}

.vcs-image-compare-before-label {
  opacity: 1;
}
.vcs-image-compare-before-label:before {
  content: attr(data-content);
}
.vcs-image-compare-before-label.label_show_on_hover {
  opacity: 0;
}
.vcs-image-compare-before-label.label_hide {
  display: none !important;
}

.vcs-image-compare-after-label {
  opacity: 1;
}
.vcs-image-compare-after-label:before {
  content: attr(data-content);
}
.vcs-image-compare-after-label.label_show_on_hover {
  opacity: 0;
}
.vcs-image-compare-after-label.label_hide {
  display: none !important;
}

.label-horizontal-top .vcs-image-compare-horizontal .vcs-image-compare-before-label:before,
.label-horizontal-top .vcs-image-compare-horizontal .vcs-image-compare-after-label:before {
  top: 10px;
  margin-top: 0;
  transform: translateY(0);
}
.label-horizontal-bottom .vcs-image-compare-horizontal .vcs-image-compare-before-label:before,
.label-horizontal-bottom .vcs-image-compare-horizontal .vcs-image-compare-after-label:before {
  top: auto;
  bottom: 10px;
  transform: translateY(0);
}
.vcs-image-compare-horizontal .vcs-image-compare-before-label:before {
  left: 10px;
}
.vcs-image-compare-horizontal .vcs-image-compare-after-label:before {
  right: 10px;
}

.vcs-image-compare-diagonal .vcs-image-compare-before-label:before {
  left: 10px;
}
.vcs-image-compare-diagonal .vcs-image-compare-after-label:before {
  right: 10px;
}

.vcs-image-compare-diagonal:not(.handle-bottom) .vcs-image-compare-handle {
  transform: rotate(calc(-1 * var(--bais-diagonal-angle, -45deg)));
}
.vcs-image-compare-diagonal:not(.handle-bottom) .vcs-image-compare-handle::before {
  bottom: 50%;
  margin-bottom: calc(var(--vcs-image-compare-handle-circle-height) / 2 + var(--vcs-image-compare-handle-stroke));
  position: absolute;
  z-index: 1;
}
.vcs-image-compare-diagonal:not(.handle-bottom) .vcs-image-compare-handle::after {
  top: 50%;
  margin-top: calc(var(--vcs-image-compare-handle-circle-height) / 2 + var(--vcs-image-compare-handle-stroke));
  position: absolute;
  z-index: 1;
}

.label-vertical-left .vcs-image-compare-vertical .vcs-image-compare-before-label:before,
.label-vertical-left .vcs-image-compare-vertical .vcs-image-compare-after-label:before {
  left: 10px;
  margin-left: 0;
  transform: translateX(0);
}
.label-vertical-right .vcs-image-compare-vertical .vcs-image-compare-before-label:before,
.label-vertical-right .vcs-image-compare-vertical .vcs-image-compare-after-label:before {
  right: 10px;
  left: auto;
  transform: translateX(0);
}
.vcs-image-compare-vertical .vcs-image-compare-before-label:before {
  top: 10px;
}
.vcs-image-compare-vertical .vcs-image-compare-after-label:before {
  bottom: 10px;
}

.vcs-image-compare-overlay {
  z-index: 25;
  background: rgba(0, 0, 0, 0);
  transition-property: background;
}
.vcs-image-compare-overlay:hover:not(.no-overlay) {
  background: var(--vcs-image-compare-overlay-bg);
}
.vcs-image-compare-overlay:hover .vcs-image-compare-after-label {
  opacity: 1;
}
.vcs-image-compare-overlay:hover .vcs-image-compare-before-label {
  opacity: 1;
}

.vcs-image-compare-before {
  z-index: 20;
}

.vcs-image-compare-after {
  z-index: 10;
}

.vcs-image-compare-horizontal:not(.handle-bottom) .vcs-image-compare-handle:before {
  bottom: 50%;
  margin-bottom: calc(var(--vcs-image-compare-handle-circle-height) / 2 + var(--vcs-image-compare-handle-stroke));
  position: absolute;
  z-index: 1;
}
.vcs-image-compare-horizontal:not(.handle-bottom) .vcs-image-compare-handle:after {
  top: 50%;
  margin-top: calc(var(--vcs-image-compare-handle-circle-height) / 2);
  margin-top: calc(var(--vcs-image-compare-handle-circle-height) / 2 + var(--vcs-image-compare-handle-stroke));
  position: absolute;
  z-index: 1;
}

.vcs-image-compare-vertical:not(.handle-bottom) .vcs-image-compare-handle:before {
  left: 50%;
  margin-left: calc(var(--vcs-image-compare-handle-circle-width) / 2);
  margin-left: calc(var(--vcs-image-compare-handle-circle-width) / 2 + var(--vcs-image-compare-handle-stroke));
  position: absolute;
  z-index: 1;
}
.vcs-image-compare-vertical:not(.handle-bottom) .vcs-image-compare-handle:after {
  right: 50%;
  margin-right: calc(var(--vcs-image-compare-handle-circle-width) / 2);
  margin-right: calc(var(--vcs-image-compare-handle-circle-width) / 2 + var(--vcs-image-compare-handle-stroke));
  position: absolute;
  z-index: 1;
}

.vcs-image-compare-left-arrow {
  left: 50%;
  margin-left: calc(-1 * var(--vcs-image-compare-handle-triangle-size) * 2 - var(--vcs-image-compare-handle-triangle-position));
  border-right: var(--vcs-image-compare-handle-triangle-size) solid var(--vcs-image-compare-handle-triangle-color);
}

.vcs-image-compare-right-arrow {
  right: 50%;
  margin-right: calc(-1 * var(--vcs-image-compare-handle-triangle-size) * 2 - var(--vcs-image-compare-handle-triangle-position));
  border-left: var(--vcs-image-compare-handle-triangle-size) solid var(--vcs-image-compare-handle-triangle-color);
}

.vcs-image-compare-up-arrow {
  top: 50%;
  margin-top: calc(-1 * var(--vcs-image-compare-handle-triangle-size) * 2 - var(--vcs-image-compare-handle-triangle-position));
  border-bottom: var(--vcs-image-compare-handle-triangle-size) solid var(--vcs-image-compare-handle-triangle-color);
}

.vcs-image-compare-down-arrow {
  bottom: 50%;
  margin-bottom: calc(-1 * var(--vcs-image-compare-handle-triangle-size) * 2 - var(--vcs-image-compare-handle-triangle-position));
  border-top: var(--vcs-image-compare-handle-triangle-size) solid var(--vcs-image-compare-handle-triangle-color);
}

.vcs-slider-hover-true .vcs-image-compare-overlay-image {
  visibility: visible !important;
  transition: visibility 0.2s ease-in-out;
}
.vcs-slider-hover-true:hover .vcs-image-compare-overlay-image {
  visibility: hidden !important;
}

/* v2.0.61 — REMOVED `.popup-loaded { background: #fff !important }`.
 * That rule painted the .vcs-container white, producing the visible
 * white strip whenever the fitted image was narrower than the popup
 * wrapper.  Container is now transparent, so the #vcs-popup dark
 * overlay shows through any horizontal slack — clean lightbox look
 * without any JS layout manipulation. */

/* Video controls overlay — positioned inside .vcs-container at bottom-left.
 * z-index 100 puts it above the slider handle (z-index 40) and the
 * `.vcs-image-compare-overlay` (which has no explicit z-index and would
 * otherwise stack above us due to DOM order).
 * pointer-events:auto guarantees the button receives clicks even if a
 * theme sets pointer-events:none on a parent. */
.video-control-area {
  position: absolute;
  bottom: 8px;
  left: 8px;
  z-index: 100;
  display: flex;
  gap: 6px;
  margin: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  padding: 4px 10px;
  color: #fff;
  line-height: 0;
  pointer-events: auto;
}
.video-control-area .video-play-pause {
  cursor: pointer;
  pointer-events: auto;
  /* Guarantee a 24×24 minimum hit-zone.  Without this the SVG icon is the
   * only thing claiming size, and depending on stylesheet load order the
   * button can collapse to ~7×7 (an unhittable speck).  v2.0.51 log showed
   * computed display=block + 12x7 even with our inline-flex rule, so some
   * theme/inherited rule was winning — promoting these to !important. */
  min-width: 24px !important;
  min-height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* IMPORTANT: scope to `.show` ONLY, never the bare `> div`.
 * v2.0.51 mistake: `.video-control-area .video-play-pause > div { display: inline-flex }`
 * has specificity 0,0,2,1 — beats `.video-control-area .hidden` (0,0,2,0) —
 * and turned the hidden pause icon visible alongside the play icon. */
.video-control-area .video-play-pause > div.show {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.video-control-area .video-play-pause svg {
  width: 24px;
  height: 24px;
  display: block;
}
.video-control-area .video-sound {
  cursor: pointer;
}
.video-control-area .show {
  display: block;
}
/* `!important` is defensive: if any future rule on `.video-play-pause > div`
 * accidentally bumps specificity again, hidden must STILL stay hidden. */
.video-control-area .hidden {
  display: none !important;
}

.vcs-video-slider.label_hide .vcs-image-compare-before-label,
.vcs-video-slider.label_hide .vcs-image-compare-after-label {
  display: none !important;
}
.vcs-video-slider.label_show_on_hover .vcs-image-compare-before-label,
.vcs-video-slider.label_show_on_hover .vcs-image-compare-after-label {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.vcs-video-slider.label_show_on_hover:hover .vcs-image-compare-before-label,
.vcs-video-slider.label_show_on_hover:hover .vcs-image-compare-after-label {
  opacity: 1;
}
.vcs-video-slider.label_always_show .vcs-image-compare-before-label,
.vcs-video-slider.label_always_show .vcs-image-compare-after-label {
  opacity: 1 !important;
}

.vcs-video-slider .vcs-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.vcs-video-slider .before-video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.vcs-video-slider .after-video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.vcs-video-slider .vcs-container.vertical .after-video-wrapper {
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
}

.vcs-video-slider .video-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.vcs-video-slider .video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vcs-video-slider .video-wrapper iframe {
  width: 100%;
  height: 100%;
}

.vcs-video-slider .vcs-video-compare-wrapper {
  position: relative;
  width: 100%;
  height: 100% !important;
  overflow: hidden;
  padding-bottom: 0 !important;
}

.vcs-video-compare-wrapper > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.vcs-video-slider .vcs-video-compare-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
}

.vcs-video-slider .vcs-video-compare-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  object-fit: fill;
}

/* Scope to plugin containers only — avoids hiding controls on wp-block-video and other native <video> elements */
.vcs-container video::-webkit-media-controls,
.vcs-video-slider video::-webkit-media-controls {
  display: none !important;
}

.vcs-container video::-moz-media-controls,
.vcs-video-slider video::-moz-media-controls {
  display: none !important;
}

.vcs-container video::-media-controls,
.vcs-video-slider video::-media-controls {
  display: none !important;
}

/* ─────────────────────────────────────────────────────────────────────────
 * Flat-DOM video sliders.
 *
 * The shortcode renders <video> elements directly inside .vcs-container
 * with no .vcs-video-slider / .vcs-video-compare-wrapper / .video-wrapper
 * parents, so none of the wrapper-scoped rules above apply.
 *
 * Both videos must be position:absolute so the legacy CSS `clip: rect(...)`
 * that jquery.vcs-image-compare.js applies at runtime actually takes effect
 * (the `clip` property is ignored on statically-positioned elements).
 * Container height is set explicitly by the JS via container.height(offset.h)
 * once videoWidth/videoHeight are known — so the container is never sized
 * by the flow of the video elements.
 * ───────────────────────────────────────────────────────────────────────── */
.vcs-container > video.vcs-video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-width: 100%;
}

.vcs-video-slider .vcs-image-compare-horizontal .vcs-video-compare-wrapper iframe:nth-child(2) {
  clip-path: inset(0 0 0 50%);
  -webkit-clip-path: inset(0 0 0 50%);
}

.vcs-video-slider .vcs-image-compare-horizontal .vcs-video-compare-wrapper video:nth-child(2) {
  clip-path: inset(0 0 0 50%);
  -webkit-clip-path: inset(0 0 0 50%);
}

.vcs-video-slider .vcs-image-compare-vertical .vcs-video-compare-wrapper iframe:nth-child(2) {
  clip-path: inset(50% 0 0 0);
  -webkit-clip-path: inset(50% 0 0 0);
}

.vcs-video-slider .vcs-image-compare-vertical .vcs-video-compare-wrapper video:nth-child(2) {
  clip-path: inset(50% 0 0 0);
  -webkit-clip-path: inset(50% 0 0 0);
}

/* Fix for clip path issues */
.elementor-widget-vcs_slider_before_after_image_slider iframe.vcs-image-compare-before,
.elementor-widget-vcs_slider_before_after_image_slider iframe.vcs-image-compare-after {
  position: absolute !important;
}

.elementor-widget-vcs_slider_before_after_image_slider video.vcs-image-compare-before,
.elementor-widget-vcs_slider_before_after_image_slider video.vcs-image-compare-after {
  position: absolute !important;
  object-fit: cover !important;
}

.shortcode-container .vcs-container {
  display: block;
}

/* Set proper before/after image divider for template-style07 */
.template-style07 .vcs-image-compare-horizontal:not(.handle-bottom) .vcs-image-compare-handle:before,
.template-style07 .vcs-image-compare-horizontal:not(.handle-bottom) .vcs-image-compare-handle:after,
.template-style07 .vcs-image-compare-vertical:not(.handle-bottom) .vcs-image-compare-handle:before,
.template-style07 .vcs-image-compare-vertical:not(.handle-bottom) .vcs-image-compare-handle:after {
  display: none !important;
}

.vcs-image-compare-handle-wrapper {
  overflow: hidden !important;
}

.elementor iframe {
  min-width: 100% !important;
}

.elementor video {
  min-width: 100% !important;
}

/*# sourceMappingURL=image-compare.css.map*/