.vcx-widget-image {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: var(--margin-top);
	margin-bottom: var(--margin-bottom);
	z-index: auto;
	padding: 1px;
}

.vcx-widget-image .ux-layout {
	position: relative;
	max-width: var(--max-width);
	margin: 0 auto;
	container-type: inline-size;
}

.vcx-widget-image .ux-svg-container {
	position: relative;
	max-width: var(--max-width);
	margin: 0 auto;
}

.vcx-widget-image.ux-full-width .ux-svg-container {
	max-width: 100%;
}

.vcx-widget-image svg {
	overflow: visible !important;
	display: inline;
	vertical-align: top;
}

.vcx-widget-image svg image.draggable {
	cursor: grab;
}

.vcx-widget-image.with-border-radius svg .ux-overlays image:not(.draggable) {
	pointer-events: none;
}

.vcx-widget-image.with-border-radius svg g.ux-background {
	clip-path: var(--clip-path);
}

.vcx-widget-image.with-border-radius .ux-inner-border,
.vcx-widget-image.with-border-radius .ux-outer-border {
	rx: 24px;
}

.vcx-widget-image .ux-inner-border {
	stroke-width: 28px;
	stroke: #fff;
	fill: transparent;
	display: none;
}

.vcx-widget-image .ux-outer-border {
	stroke-width: 1px;
	stroke: var(--outline-color);
	fill: transparent;
	display: none;
}

.vcx-widget-image.with-border .ux-inner-border,
.vcx-widget-image.with-border .ux-outer-border {
	display: initial;
}

.vcx-widget-image .ux-title {
	text-align: center;
	font-size: clamp(16px, 3cqw, 18px);
}

.vcx-widget-image .ux-svg-container a.ux-expand {
	display: none;
	position: absolute;
	width: 32px;
	height: 32px;
	right: 20px;
	top: 20px;
	background-image: url(../../css/images/icon-expand.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	background-color: rgba(255,255,255,0.4);
	border-radius: 4px;
	box-shadow: var(--box-shadow);
	transform-origin: center;
	transform: scale(0);
	transition: all 0.3s;
	cursor: zoom-in;
}

.vcx-widget-image.with-border .ux-svg-container a.ux-expand {
	right: 26px;
	top: 26px;
}

.vcx-widget-image .ux-svg-container:hover a.ux-expand {
	transform: scale(1);
	display: block;
	animation-name: animation-fade-in;
	animation-duration: 0.3s;
	animation-fill-mode: both;
	animation-delay: 0;

}

.vcx-widget-image.ux-full-width {
	max-width: 100% !important;
	padding: 0;
}

.vcx-widget-image.ux-full-width .command-button {
	right: -33px;
}

.vcx-widget-image a.api[data-action="edit"] {
	top: 10px !important;
	right: 10px !important;	
	width: 15px !important;
	height: 15px !important;
}

.vcx-widget-image a.api[data-action="edit"].sticker {
	top: 31px !important;
	width: 15px !important;
	height: 15px !important;
	background: url(../../css/images/icon-sticker-24x24.png) !important;
	background-size: contain !important;
}

.vcx-widget-image .command-button.settings {
	top: 35px !important;
	right: -35px !important;
	width: 21px !important;
	height: 21px !important;
}

.scx-wall-765 .vcx-widget-image a.api[data-action="edit"] {
	right: -28px !important;	
}

.scx-wall-765 .vcx-widget-image a.api[data-action="edit"].sticker {
	right: -28px !important;	
}

.scx-wall-765 .vcx-widget-image .command-button[draggable] {
	top: 55px !important;
}