/*! vsd-pro - v3.35.0 - 11-02-2026 */
*[data-editable-vsd-document] {
  position: relative;
}
*[data-editable-vsd-document]::before, *[data-editable-vsd-document]::after {
  content: "";
  display: table;
}
*[data-editable-vsd-document] .vsd-document-handle {
  position: absolute;
  z-index: 2147483620;
  cursor: pointer;
  inset: 0;
  display: none;
  border: 2px solid var(--e-a-color-primary, #F3BAFD);
}
*[data-editable-vsd-document] .vsd-document-handle::before {
  content: "";
  position: absolute;
  background: var(--e-a-color-primary, #F3BAFD);
  opacity: 0.3;
  inset: 0;
}
*[data-editable-vsd-document] .vsd-document-handle__inner {
  display: none;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: var(--e-a-color-primary, #F3BAFD);
  padding: 8px 16px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: var(--e-p-border-global-invert, #0C0D0E);
  gap: 8px;
  border-radius: 0 0 3px 3px;
}
*[data-editable-vsd-document] .vsd-document-handle__inner::before, *[data-editable-vsd-document] .vsd-document-handle__inner::after {
  content: "";
  position: absolute;
  border: solid transparent;
}
*[data-editable-vsd-document] .vsd-document-handle__inner::before {
  right: calc(100% - 1px);
  border-inline-end-color: var(--e-a-color-primary, #F3BAFD);
  border-width: 0 14px 30px 0;
}
*[data-editable-vsd-document] .vsd-document-handle__inner::after {
  left: calc(100% - 1px);
  border-inline-start-color: var(--e-a-color-primary, #F3BAFD);
  border-width: 0 0 30px 14px;
}
*[data-editable-vsd-document].e-embedded-document-active .vsd-document-handle:not(.vsd-document-save-back-handle), *[data-editable-vsd-document].vsd-widget-container .vsd-document-handle:not(.vsd-document-save-back-handle) {
  bottom: unset;
  border-block-end: unset;
}
*[data-editable-vsd-document].e-embedded-document-active .vsd-document-handle:not(.vsd-document-save-back-handle)::before, *[data-editable-vsd-document].vsd-widget-container .vsd-document-handle:not(.vsd-document-save-back-handle)::before {
  display: none;
  bottom: unset;
}

.vsd-editor-active *[data-editable-vsd-document]:not(.vsd-edit-mode):hover .vsd-document-handle:not(.vsd-document-save-back-handle) {
  display: block;
}
.vsd-editor-active *[data-editable-vsd-document]:not(.vsd-edit-mode):hover .vsd-document-handle:not(.vsd-document-save-back-handle)::before {
  display: block;
}
.vsd-editor-active *[data-editable-vsd-document]:not(.vsd-edit-mode):hover .vsd-document-handle:not(.vsd-document-save-back-handle) .vsd-document-handle__inner {
  display: flex;
}
.vsd-editor-active *[data-editable-vsd-document].loading {
  opacity: 0.5;
}
.vsd-editor-active *[data-editable-vsd-document][data-vsd-type=single] > .vsd-document-handle {
  transform: translateX(-50%) translateY(-100%);
  border-radius: 3px 3px 0 0;
}
.vsd-editor-active *[data-editable-vsd-document][data-vsd-type=single] > .vsd-document-handle::before {
  border-width: 30px 14px 0 0;
}
.vsd-editor-active *[data-editable-vsd-document][data-vsd-type=single] > .vsd-document-handle::after {
  border-width: 30px 0 0 14px;
}

[data-vsd-post-type=vsd_library] > .vsd-document-handle {
  border: 2px solid var(--e-p-border-global, #5EEAD4);
}
[data-vsd-post-type=vsd_library] > .vsd-document-handle::before {
  background-color: var(--e-p-border-global, #5EEAD4);
}
[data-vsd-post-type=vsd_library] > .vsd-document-handle .vsd-document-handle__inner {
  background-color: var(--e-p-border-global, #5EEAD4);
}
[data-vsd-post-type=vsd_library] > .vsd-document-handle .vsd-document-handle__inner::before {
  border-inline-end-color: var(--e-p-border-global, #5EEAD4);
}
[data-vsd-post-type=vsd_library] > .vsd-document-handle .vsd-document-handle__inner::after {
  border-inline-start-color: var(--e-p-border-global, #5EEAD4);
}

.vsd-widget.vsd-sticky--effects .vsd-editor-widget-settings {
  right: -14px;
}

.vsd-editor-active .vsd.vsd-edit-mode .vsd-widget.vsd-global-widget:hover {
  outline: 1px solid var(--e-p-border-global);
}
.vsd-editor-active .vsd.vsd-edit-mode .vsd-widget.vsd-global-widget.vsd-element-editable, .vsd-editor-active .vsd.vsd-edit-mode .vsd-widget.vsd-global-widget.vsd-element-editable:hover {
  box-shadow: 0 0 0 2px var(--e-p-border-global);
}
.vsd-editor-active .vsd.vsd-edit-mode .vsd-global-widget .vsd-editor-widget-settings {
  background-color: var(--e-p-border-global);
}
.vsd-editor-active .vsd.vsd-edit-mode .vsd-global-widget .vsd-editor-widget-settings .vsd-editor-element-setting {
  background-color: var(--e-p-border-global);
  color: var(--e-p-border-global-invert);
}
.vsd-editor-active .vsd.vsd-edit-mode .vsd-global-widget .vsd-editor-widget-settings .vsd-editor-element-setting:hover {
  background-color: var(--e-p-border-global-hover);
}
.vsd-editor-active .vsd.vsd-edit-mode .vsd-global-widget .vsd-editor-widget-settings .vsd-editor-element-setting.vsd-editor-element-save {
  display: none;
}

.vsd-embedded-editor.vsd-location-header .vsd-section-wrap:not(:empty) + #vsd-add-new-section {
  display: none;
}

.vsd-editor-preview .vsd-edit-area-active[data-vsd-type=loop-item] .vsd-element-overlay,
.vsd-editor-preview .vsd-edit-area-active[data-vsd-type=loop-item] .vsd-empty,
.vsd-editor-preview .vsd-edit-area-active[data-vsd-type=loop-item] .vsd-add-section,
.vsd-editor-preview .vsd-edit-area-active[data-vsd-type=loop-item] .vsd-add-section-inline,
.vsd-editor-preview .vsd-edit-area-active[data-vsd-type=loop-item] .vsd-empty-view,
.vsd-editor-preview .vsd-edit-area-active[data-vsd-type=loop-item] .vsd-widget-empty {
  display: initial;
}
.vsd.vsd-edit-area-active .vsd-document-handle.vsd-document-save-back-handle {
  display: block;
  bottom: unset;
  border: unset;
}
.vsd.vsd-edit-area-active .vsd-document-handle.vsd-document-save-back-handle:before {
  display: none;
}
.vsd.vsd-edit-area-active .vsd-document-handle.vsd-document-save-back-handle > .vsd-document-handle__inner {
  display: flex;
  opacity: 1;
}
.vsd-document-handle.vsd-document-save-back-handle .vsd-document-handle__inner {
  transform: translateX(-50%) translateY(-100%);
  border-radius: 3px 3px 0 0;
}
.vsd-document-handle.vsd-document-save-back-handle .vsd-document-handle__inner:before {
  border-width: 30px 14px 0 0;
}
.vsd-document-handle.vsd-document-save-back-handle .vsd-document-handle__inner:after {
  border-width: 30px 0 0 14px;
}
.vsd-document-handle.vsd-document-save-back-handle .eicon-arrow-left,
.vsd-document-handle.vsd-document-save-back-handle .eicon-arrow-right {
  margin-inline-end: 5px;
}
.vsd-loop-container > div.vsd-edit-area-active:first-of-type {
  border: 2px solid #5EEAD4;
}

div[class*=vsd-widget-loop] .vsd-edit-area-active[data-editable-vsd-document], div[class*=vsd-widget-loop] .vsd-edit-area-active.swiper-slide-active, div[class*=vsd-widget-loop] .vsd-edit-area-active.e-loop-first-edit:first-of-type {
  border: 2px solid #5EEAD4;
}
div[class*=vsd-widget-loop] .vsd-edit-area-active .vsd-document-save-back-handle {
  display: flex;
  line-height: initial;
  white-space: nowrap;
}
div[class*=vsd-widget-loop] #vsd-add-new-section {
  margin: 30px auto;
}
div[class*=vsd-widget-loop] .vsd-add-section-inner {
  padding: 15px 0;
}

.vsd-edit-area-active[data-vsd-type=loop-item] .vsd-section-wrap {
  /* Overwrite the 25px min-height from the default .vsd-section-wrap:empty, as this causes unnecessary
  white space between the "Drag widget here" box and the document handles for in-place editing, making
  it look like this area is not vertically aligned on a new empty state. */
}
.vsd-edit-area-active[data-vsd-type=loop-item] .vsd-section-wrap:not(:empty) + #vsd-add-new-section {
  display: none;
}
.vsd-edit-area-active[data-vsd-type=loop-item] .vsd-section-wrap:empty {
  min-height: 0;
}

.vsd-editor-active [class*=vsd-widget-loop] .vsd:not([data-editable-vsd-document]):not(.e-loop-alternate-template):hover {
  box-shadow: initial;
}

.vsd-editor-active [class*=vsd-widget-loop]:hover .vsd-document-handle:not(.vsd-document-save-back-handle) {
  display: flex;
  line-height: initial;
  white-space: nowrap;
}
.vsd-editor-active [class*=vsd-widget-loop]:hover .vsd-document-handle:not(.vsd-document-save-back-handle)::before {
  display: block;
}
.vsd-editor-active [class*=vsd-widget-loop]:hover .vsd-document-handle:not(.vsd-document-save-back-handle) .vsd-document-handle__inner {
  display: flex;
}
.vsd-editor-active [class*=vsd-widget-loop]:hover .e-loop-alternate-template {
  box-shadow: 0 0 0 1px #9DA5AE;
}

.e-loop-template-canvas {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
.e-loop-template-canvas [data-vsd-type=loop-item].e-loop-item {
  max-width: var(--preview-width, 410px);
  width: var(--preview-width, 410px);
}
.e-loop-template-canvas [data-vsd-type=loop-item].e-loop-item #vsd-add-new-section {
  width: var(--preview-width, 410px);
}
/*# sourceMappingURL=preview.css.map */