.ui-uploader-stack-widget {
	display: inline-flex;
	position: relative;
	flex-direction: var(--ui-uploader-stack-widget-direction);
	align-items: center;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

.ui-uploader-stack-item {
	width: var(--ui-uploader-stack-widget-width);
	height: var(--ui-uploader-stack-widget-height);
	position: relative;
}

.ui-uploader-stack-item-leave-active {
	transition: opacity .1s;
}

.ui-uploader-stack-item-leave-to {
	transition-delay: .5s;
	opacity: 0.2;
}

.ui-uploader-stack-add-btn {
	width: var(--ui-uploader-stack-add-btn-width);
	height: var(--ui-uploader-stack-add-btn-height);
	margin: var(--ui-uploader-stack-add-btn-margin);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.6' fill-rule='evenodd' clip-rule='evenodd' d='M9 18A9 9 0 109 0a9 9 0 000 18zm0-1.396A7.603 7.603 0 109 1.398a7.603 7.603 0 000 15.206z' fill='%23525C69'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 4H8v4H4v2h4v4h2v-4h4V8h-4V4z' fill='%23525C69'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 0.3s;
	opacity: 0.6;
	cursor: pointer;
}

.ui-uploader-stack-add-btn:hover {
	opacity: 1;
}

.ui-uploader-stack-widget.--large {
	--ui-uploader-stack-widget-width: 232px;
	--ui-uploader-stack-widget-height: 142px;
	--ui-uploader-stack-widget-direction: column;

	--ui-uploader-stack-drop-area-font-size: 12px;
	--ui-uploader-stack-drop-area-icon-width: 47px;
	--ui-uploader-stack-drop-area-icon-height: 47px;
	--ui-uploader-stack-drop-area-title-margin: 12px 0 0;

	--ui-uploader-stack-add-btn-width: 18px;
	--ui-uploader-stack-add-btn-height: 18px;
	--ui-uploader-stack-add-btn-margin: 9px 0;

	--ui-uploader-stack-load-icon-width: 44px;
	--ui-uploader-stack-load-icon-height: 44px;

	--ui-uploader-stack-upload-progress-margin: 11px 0 0;
	--ui-uploader-stack-upload-title-margin: 0 0 7px 0;
	--ui-uploader-stack-upload-percent-font-size: 12px;
	--ui-uploader-stack-upload-stats-margin: 6px 0 0;
	--ui-uploader-stack-upload-stats-font-size: 10px;

	--ui-uploader-stack-upload-abort-icon-width: 11px;
	--ui-uploader-stack-upload-abort-icon-height: 11px;
	--ui-uploader-stack-upload-abort-padding: 6px 10px 5px 6px;
	--ui-uploader-stack-upload-menu-width: 31px;
	--ui-uploader-stack-upload-menu-height: 18px;
	--ui-uploader-stack-upload-menu-icon-width: 16px;
	--ui-uploader-stack-upload-menu-icon-margin: 8px 6px 0 0;
	--ui-uploader-stack-upload-first-ear-rotation: 2deg;
	--ui-uploader-stack-upload-second-ear-rotation: 3.3deg;

	--ui-uploader-stack-preview-file-icon-margin: 0 0 8px 0;
	--ui-uploader-stack-preview-file-name-font-size: 12px;

	--ui-uploader-stack-preview-stats-left: 5px;
	--ui-uploader-stack-preview-stats-bottom: 6px;
	--ui-uploader-stack-preview-box-padding: 11px;
	--ui-uploader-stack-preview-total-font-size: 10px;
	--ui-uploader-stack-preview-total-padding: 3px 6px;
	--ui-uploader-stack-preview-total-height: 8px;
}

.ui-uploader-stack-widget.--medium {
	--ui-uploader-stack-widget-width: 72px;
	--ui-uploader-stack-widget-height: 78px;
	--ui-uploader-stack-widget-direction: row;

	--ui-uploader-stack-drop-area-font-size: 9px;
	--ui-uploader-stack-drop-area-icon-width: 34px;
	--ui-uploader-stack-drop-area-icon-height: 34px;
	--ui-uploader-stack-drop-area-title-margin: 7px 0 0;

	--ui-uploader-stack-add-btn-width: 18px;
	--ui-uploader-stack-add-btn-height: 18px;
	--ui-uploader-stack-add-btn-margin: 0 8px;

	--ui-uploader-stack-load-icon-width: 27px;
	--ui-uploader-stack-load-icon-height: 27px;

	--ui-uploader-stack-upload-progress-margin: 7px 0 0;
	--ui-uploader-stack-upload-percent-font-size: 11px;
	--ui-uploader-stack-upload-stats-margin: 2px 0 0;
	--ui-uploader-stack-upload-stats-font-size: 9px;

	--ui-uploader-stack-upload-abort-icon-width: 10px;
	--ui-uploader-stack-upload-abort-icon-height: 10px;
	--ui-uploader-stack-upload-abort-padding: 4px 8px 4px 5px;

	--ui-uploader-stack-upload-menu-width: 26px;
	--ui-uploader-stack-upload-menu-height: 15px;
	--ui-uploader-stack-upload-menu-icon-width: 13px;
	--ui-uploader-stack-upload-menu-icon-margin: 6px 6px 0 0;
	--ui-uploader-stack-upload-first-ear-rotation: 5deg;
	--ui-uploader-stack-upload-second-ear-rotation: 8deg;

	--ui-uploader-stack-preview-file-icon-margin: 0 0 3px 0;
	--ui-uploader-stack-preview-file-name-font-size: 9px;

	--ui-uploader-stack-preview-stats-left: 4px;
	--ui-uploader-stack-preview-stats-bottom: 5px;
	--ui-uploader-stack-preview-box-padding: 4px;
	--ui-uploader-stack-preview-total-font-size: 9px;
	--ui-uploader-stack-preview-total-padding: 2px 5px;
	--ui-uploader-stack-preview-total-height: 8px;
}

.ui-uploader-stack-widget.--small,
.ui-uploader-stack-widget.--tiny {
	--ui-uploader-stack-widget-direction: row;

	--ui-uploader-stack-drop-area-icon-width: 24px;
	--ui-uploader-stack-drop-area-icon-height: 24px;

	--ui-uploader-stack-add-btn-width: 14px;
	--ui-uploader-stack-add-btn-height: 14px;
	--ui-uploader-stack-add-btn-margin: 0 6px;

	--ui-uploader-stack-load-icon-width: 19px;
	--ui-uploader-stack-load-icon-height: 19px;

	--ui-uploader-stack-upload-percent-font-size: 9px;
	--ui-uploader-stack-upload-stats-margin: 2px 0 0;
	--ui-uploader-stack-upload-stats-font-size: 7px;
	--ui-uploader-stack-upload-menu-icon-margin: 4px 4px 0 0;
	--ui-uploader-stack-upload-first-ear-rotation: 7deg;
	--ui-uploader-stack-upload-second-ear-rotation: 12deg;

	--ui-uploader-stack-preview-box-padding: 0;
	--ui-uploader-stack-preview-total-font-size: 8px;
	--ui-uploader-stack-preview-total-padding: 1px 4px;
	--ui-uploader-stack-preview-total-height: 8px;
	--ui-uploader-stack-preview-stats-left: 3px;
	--ui-uploader-stack-preview-stats-bottom: 4px;
}

.ui-uploader-stack-widget.--small {
	--ui-uploader-stack-widget-width: 46px;
	--ui-uploader-stack-widget-height: 52px;

	--ui-uploader-stack-upload-menu-width: 20px;
	--ui-uploader-stack-upload-menu-height: 12px;
	--ui-uploader-stack-upload-menu-icon-width: 12px;

	--ui-uploader-stack-upload-abort-icon-width: 8px;
	--ui-uploader-stack-upload-abort-icon-height: 8px;
	--ui-uploader-stack-upload-abort-padding: 3px 8px 3px 4px;

	--ui-uploader-stack-upload-progress-margin: 4px 0 0;
}

.ui-uploader-stack-widget.--tiny {
	--ui-uploader-stack-widget-width: 39px;
	--ui-uploader-stack-widget-height: 39px;

	--ui-uploader-stack-upload-menu-width: 18px;
	--ui-uploader-stack-upload-menu-height: 11px;
	--ui-uploader-stack-upload-menu-icon-width: 9px;

	--ui-uploader-stack-upload-abort-icon-width: 7px;
	--ui-uploader-stack-upload-abort-icon-height: 7px;
	--ui-uploader-stack-upload-abort-padding: 3px 4px 1px 3px;

	--ui-uploader-stack-upload-progress-margin: 3px 0 0;
}

.ui-uploader-stack-widget {
	--ui-uploader-stack-drop-area-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg width='47' height='47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.468 19.333c.546-.55.55-1.441.008-1.995-3.006-3.062-6.33-6.367-9.37-9.429-5.192-5.23-13.69-5.23-18.882 0-5.193 5.23-5.193 13.79 0 19.02l13.016 13.11c3.902 3.93 10.26 3.93 14.163 0 3.902-3.93 3.902-10.334 0-14.264L24.96 14.249a6.633 6.633 0 00-9.442 0 6.749 6.749 0 000 9.51l7.478 7.531a1.4 1.4 0 001.99 0l1.157-1.164c.55-.554.55-1.452 0-2.006l-7.478-7.531a2.23 2.23 0 010-3.17 2.192 2.192 0 013.148 0l11.442 11.526a5.635 5.635 0 010 7.924 5.538 5.538 0 01-7.867 0L12.37 23.76c-3.462-3.487-3.462-9.193 0-12.68s9.127-3.487 12.589 0c3.054 3.076 6.2 6.3 9.361 9.44.55.545 1.434.54 1.98-.01l1.167-1.176z' fill='%23525C69'/%3E%3C/svg%3E");
}

.ui-uploader-stack-widget.--only-images.--large {
	--ui-uploader-stack-drop-area-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg width='47' height='47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39 4a4 4 0 014 4l.001 23.118A9.57 9.57 0 0041.5 31a9.46 9.46 0 00-5.895 2.05L30.52 27.4l-4.013 4.458L16.48 20.714 7.98 29.628v9.355h24.14a9.566 9.566 0 00.213 4.018L8 43a4 4 0 01-4-4V8a4 4 0 014-4h31zm-7.7 6.686a5.014 5.014 0 100 10.028 5.014 5.014 0 000-10.028zM43 35v4h4v3h-4v4h-3v-4h-4v-3h4v-4h3z' fill='%23525C69'/%3E%3C/svg%3E");
}

.ui-uploader-stack-widget.--only-images.--medium {
	--ui-uploader-stack-drop-area-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29 23v3h3v2h-3v3h-2l-.001-3H24v-2h3v-3h2zM26 5a3 3 0 013 3v13.083A6.035 6.035 0 0028 21a5.977 5.977 0 00-3.96 1.492l-2.684-2.915-2.49 2.703-6.222-6.756-4.977 5.405v5.404h14.37a6.06 6.06 0 00.305 2.668L8 29a3 3 0 01-3-3V8a3 3 0 013-3h18zm-4.16 4.444c-1.719 0-3.112 1.361-3.112 3.04 0 1.68 1.393 3.04 3.111 3.04 1.719 0 3.112-1.36 3.112-3.04 0-1.678-1.393-3.04-3.111-3.04z' fill='%23525C69'/%3E%3C/svg%3E");
}

.ui-uploader-stack-widget.--only-images.--small,
.ui-uploader-stack-widget.--only-images.--tiny {
	--ui-uploader-stack-drop-area-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 17v2h2v2h-2v2h-2v-2h-2v-2h2v-2h2zM18.5 3A2.5 2.5 0 0121 5.5V15a4.983 4.983 0 00-3.465 1.396l-2.268-2.463L13.4 15.96l-4.667-5.067L5 14.946V19l11.1-.001a5.019 5.019 0 000 2.002L5.5 21A2.5 2.5 0 013 18.5v-13A2.5 2.5 0 015.5 3h13zm-2.87 3.333c-1.289 0-2.334 1.021-2.334 2.28 0 1.26 1.045 2.28 2.334 2.28 1.288 0 2.333-1.02 2.333-2.28 0-1.259-1.045-2.28-2.333-2.28z' fill='%23525C69'/%3E%3C/svg%3E");
}
.ui-uploader-stack-drop-area {
	display: inline-flex;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border: 1px dashed #2fc6f6;
	box-sizing: border-box;
	border-radius: 6px;
	cursor: pointer;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
}

.ui-uploader-stack-drop-area.--hover,
.ui-uploader-stack-widget.--drag-over .ui-uploader-stack-drop-area {
	background-color: rgb(238, 249, 254);
	transition: background-color 0.3s linear;
}

.ui-uploader-stack-drop-area-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 100%;
}

.ui-uploader-stack-drop-area-icon {
	width: var(--ui-uploader-stack-drop-area-icon-width);
	height: var(--ui-uploader-stack-drop-area-icon-height);
	background-image: var(--ui-uploader-stack-drop-area-icon-bg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0.3;
}

.ui-uploader-stack-drop-area-title {
	color: rgba(82, 92, 105, 0.8);
	text-align: center;
	margin: var(--ui-uploader-stack-drop-area-title-margin);
	font-size: var(--ui-uploader-stack-drop-area-font-size);
	padding: 0 2px;
}

.ui-uploader-stack-drop-area-hint {
	color: rgba(82, 92, 105, 0.5);
	font-size: 10px;
	text-align: center;
}
.ui-uploader-stack-upload {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.ui-uploader-stack-upload-box {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border: 1px solid #2fc6f6;
	box-sizing: border-box;
	border-radius: 6px;
	position: relative;
	z-index: 3;
}

.ui-uploader-stack-widget.--many-items .ui-uploader-stack-upload:before,
.ui-uploader-stack-widget.--many-items .ui-uploader-stack-upload:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	border: 1px solid rgba(47, 198, 246, 0.5);
	border-radius: 6px;
	content: '';
}

.ui-uploader-stack-widget.--many-items .ui-uploader-stack-upload:before {
	z-index: 2;
	transform: rotate(var(--ui-uploader-stack-upload-first-ear-rotation));
}

.ui-uploader-stack-widget.--many-items .ui-uploader-stack-upload:after {
	z-index: 1;
	transform: rotate(var(--ui-uploader-stack-upload-second-ear-rotation));
}

.ui-uploader-stack-upload-content {
	margin-top: 5px;
}

.ui-uploader-stack-upload-loader {

}

.ui-uploader-stack-upload-title {
	font-size: 12px;
	color: rgba(82, 92, 105, 0.8);
	margin: var(--ui-uploader-stack-upload-title-margin);
}

.ui-uploader-stack-upload-progress {
	margin: var(--ui-uploader-stack-upload-progress-margin);
	font-size: var(--ui-uploader-stack-upload-stats-font-size);
	line-height: var(--ui-uploader-stack-upload-stats-font-size);
	text-align: center;
}

.ui-uploader-stack-upload-percent {
	color: #333333;
	font-size: var(--ui-uploader-stack-upload-percent-font-size);
	font-weight: bold;
}

.ui-uploader-stack-upload-stats {
	font-size: var(--ui-uploader-stack-upload-stats-font-size);
	line-height: var(--ui-uploader-stack-upload-stats-font-size);
	margin: var(--ui-uploader-stack-upload-stats-margin);
}

.ui-uploader-stack-widget.--tiny .ui-uploader-stack-upload-percent,
.ui-uploader-stack-widget.--tiny .ui-uploader-stack-upload-stats {
	display: inline-block;
}

.ui-uploader-stack-upload-total {
	color: rgba(82, 92, 105, 0.5);
}

.ui-uploader-stack-upload-menu {
	display: flex;
	justify-content: right;
	position: absolute;
	top: 1px;
	right: 1px;
	width: var(--ui-uploader-stack-upload-menu-width);
	height: var(--ui-uploader-stack-upload-menu-height);
	z-index: 10;
	opacity: 0.7;
	cursor: pointer;
	border-radius: 0 6px 0 6px;
}

.ui-uploader-stack-preview.--image .ui-uploader-stack-upload-menu {
	background-color: rgba(255,255,255, 0.9);
}

.ui-uploader-stack-upload-menu:before {
	display: block;
	width: var(--ui-uploader-stack-upload-menu-icon-width);
	margin: var(--ui-uploader-stack-upload-menu-icon-margin);
	height: 4px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2a2 2 0 11-4 0 2 2 0 014 0zm6 0a2 2 0 11-4 0 2 2 0 014 0zm4 2a2 2 0 100-4 2 2 0 000 4z' fill='%23525C69'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
}

.ui-uploader-stack-upload-menu:hover {
	opacity: 1;
}



.ui-uploader-stack-upload-abort {
	display: flex;
	justify-content: right;
	position: absolute;
	top: 0;
	left: 0;
	padding: var(--ui-uploader-stack-upload-abort-padding);
	z-index: 10;
	opacity: 0.3;
	cursor: pointer;
	border-radius: 5px 0 5px 0;
}

.ui-uploader-stack-preview.--image .ui-uploader-stack-upload-abort {
	background-color: rgba(255,255,255, 0.9);
}

.ui-uploader-stack-upload-abort:before {
	display: block;
	width: var(--ui-uploader-stack-upload-abort-icon-width);
	height: var(--ui-uploader-stack-upload-abort-icon-height);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.122 5.637l3.904 3.905-1.504 1.505-3.905-3.905-3.905 3.904L.207 9.543l3.905-3.905L.207 1.732 1.712.227l3.905 3.905L9.522.227l1.504 1.505-3.904 3.905z' fill='%23525C69'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
}

.ui-uploader-stack-upload-abort:hover {
	opacity: 1;
}
.ui-uploader-stack-preview {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.ui-uploader-stack-preview-box {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: var(--ui-uploader-stack-preview-box-padding);
	background-color: #fff;
	border: 1px solid rgba(130, 139, 149, 0.3);
	box-sizing: border-box;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
	z-index: 3;
}

.ui-uploader-stack-widget.--many-items .ui-uploader-stack-preview:before,
.ui-uploader-stack-widget.--many-items .ui-uploader-stack-preview:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	border: 1px solid rgba(130, 139, 149, 0.16);
	border-radius: 6px;
	content: '';
}

.ui-uploader-stack-widget.--many-items .ui-uploader-stack-preview:before {
	z-index: 2;
	transform: rotate(var(--ui-uploader-stack-upload-first-ear-rotation));
}

.ui-uploader-stack-widget.--many-items .ui-uploader-stack-preview:after {
	z-index: 1;
	transform: rotate(var(--ui-uploader-stack-upload-second-ear-rotation));
}

.ui-uploader-stack-preview-image {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);*/
}

.ui-uploader-stack-preview-image.--default {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ui-uploader-stack-preview-image.--default:before {
	content: '';
	display: block;
	width: calc(var(--ui-uploader-stack-widget-width) / 2);
	height: calc(var(--ui-uploader-stack-widget-height) / 2);
	opacity: 0.6;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='83' height='67'%3E%3Cpath fill='%23B9BEC4' fill-rule='evenodd' d='M22.132 22l27.667 28.126 11.07-11.252L83 61.375V67H0V44.498L22.132 22zM69.5 0C75.299 0 80 4.701 80 10.5S75.299 21 69.5 21 59 16.299 59 10.5 63.701 0 69.5 0z'/%3E%3C/svg%3E");
}

.ui-uploader-stack-preview-error {
	display: flex;
	position: relative;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.ui-uploader-stack-preview-error:before {
	content: '';
	display: block;
	width: calc(var(--ui-uploader-stack-widget-width) / 2);
	height: calc(var(--ui-uploader-stack-widget-height) / 2);
	opacity: 0.6;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='46' height='46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.983 45.965c12.693 0 22.982-10.29 22.982-22.982C45.965 10.29 35.675 0 22.983 0 10.29 0 0 10.29 0 22.983c0 12.693 10.29 22.982 22.983 22.982zm0-4.928c9.97 0 18.054-8.083 18.054-18.054 0-9.97-8.083-18.053-18.054-18.053-9.97 0-18.053 8.082-18.053 18.053 0 9.97 8.082 18.054 18.053 18.054z' fill='%23FF5752'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.355 28.542L24.61 12.31c-.75-1.246-2.54-1.246-3.275 0L11.59 28.542c-.767 1.278.16 2.891 1.645 2.891h19.491c1.47 0 2.396-1.613 1.63-2.891zm-12.78-10.576c0-.72.575-1.294 1.294-1.294h.175c.72 0 1.294.575 1.294 1.294v4.84c0 .72-.575 1.294-1.294 1.294h-.175a1.289 1.289 0 01-1.294-1.294v-4.84zm3.02 9.394c0 .894-.736 1.63-1.63 1.63-.895 0-1.63-.736-1.63-1.63 0-.895.735-1.63 1.63-1.63.894 0 1.63.735 1.63 1.63z' fill='%23FF5752'/%3E%3C/svg%3E");
}

.ui-uploader-stack-preview-image-name {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: -50px;
	padding: 5px 6px;
	box-sizing: border-box;
	background-color: #fff;
	font-size: 12px;
	line-height: 15px;
	color: #525c69;
	word-break: break-all;
	transition: bottom 0.3s;
	transition-delay: 0.3s;
	will-change: bottom;
	z-index: 1;
	text-align: center;
}

.ui-uploader-stack-preview:hover .ui-uploader-stack-preview-image-name {
	bottom: 0;
}

.ui-uploader-stack-preview-file-icon {
	margin: var(--ui-uploader-stack-preview-file-icon-margin);
}

.ui-uploader-stack-preview-file-name {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height: 45px;
	padding: 0 6px;
	box-sizing: border-box;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	font-size: var(--ui-uploader-stack-preview-file-name-font-size);
	color: rgba(82,92,105,.8);
	word-break: break-all;
	z-index: 1;
	text-align: center;
	overflow: hidden;
}

.ui-uploader-stack-widget.--medium .ui-uploader-stack-preview-file-name {
	display: block;
	padding: 0 3px 0 6px;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
}

.ui-uploader-stack-preview-file-default {
	position: absolute;
	left: 12px;
	right: 12px;
	top: 38px;
	bottom: 6px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='37' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 .071h22.762l9.113 9.57v32.3H0V.071z' fill='%23ECEDEF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.66.071l9.215 9.391H22.66V.072zM12.748 18.849H36.12v12.245H12.748V18.85z' fill='%23D9DBDF'/%3E%3C/svg%3E");
}

.ui-uploader-stack-preview-stats {
	position: absolute;
	left: var(--ui-uploader-stack-preview-stats-left);
	bottom: var(--ui-uploader-stack-preview-stats-bottom);
	font-size: var(--ui-uploader-stack-upload-stats-font-size);
	line-height: var(--ui-uploader-stack-upload-stats-font-size);
}

.ui-uploader-stack-preview-total {
	display: inline-block;
	height: var(--ui-uploader-stack-preview-total-height);
	padding: var(--ui-uploader-stack-preview-total-padding);
	border-radius: 8px;
	font-size: var(--ui-uploader-stack-preview-total-font-size);
	background-color: rgba(255, 255, 255, 0.95);
	color: #6D7682;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	position: relative;
	bottom: -2px;
	line-height: 7px;
	vertical-align: bottom;
}

.ui-uploader-stack-load {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #fff;
	border: 1px solid rgba(130, 139, 149, 0.3);
	box-sizing: border-box;
	border-radius: 6px;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
}

.ui-uploader-stack-load:hover {
	background-color: #fafafb;
}

.ui-uploader-stack-load-icon {
	width: var(--ui-uploader-stack-load-icon-width);
	height: var(--ui-uploader-stack-load-icon-height);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' fill-rule='evenodd' clip-rule='evenodd' d='M44 22c0 12.15-9.85 22-22 22S0 34.15 0 22 9.85 0 22 0s22 9.85 22 22zm-4 0c0 9.941-8.059 18-18 18S4 31.941 4 22 12.059 4 22 4s18 8.059 18 18zM19.568 11.034h4.038v10.361h8.202v3.94h-12.24V11.034z' fill='%23828B95'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}