.editor-image-upload-summary {
	display: none;
	margin-bottom: .75rem;
	padding-bottom: .7rem;
	border-bottom: 1px solid #dee2e6;
	font-size: .86rem;
}

.editor-image-upload-summary.is-active {
	display: block;
}

.editor-image-upload-summary__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	color: #495057;
}

.editor-image-upload-summary__head .mdi {
	margin-right: .2rem;
	color: #0d6efd;
}

.editor-image-upload-summary__meter {
	height: .38rem;
	overflow: hidden;
	margin-top: .42rem;
	border-radius: 999px;
	background: #e9ecef;
}

.editor-image-upload-summary__bar {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: #0d6efd;
	transition: width .2s ease;
}

.editor-image-status {
	display: none;
	position: absolute;
	inset: 0;
	z-index: 8;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: .35rem;
	background: rgba(255, 255, 255, .72);
	color: #333;
	font-size: .85rem;
	text-align: center;
	pointer-events: none;
}

.editor-image-status.is-active {
	display: flex;
}

.editor-image-status .mdi {
	font-size: 1.75rem;
	color: #e3342f;
}

.editor-image-card .image-wrapper {
	position: relative;
}

/*
 * Dynamicky přidaná karta používá mezivrstvu print-surface. Ta musí vyplnit
 * celý čtvercový náhled i v okamžiku, kdy produkt nemá žádný dostupný rám.
 */
.editor-image-card .print-surface {
	position: absolute;
	inset: 0;
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #fff;
}

.editor-image-card {
	content-visibility: auto;
	contain-intrinsic-size: 340px 390px;
}

/*
 * Čistý vzhled výstavního tisku nesmí záviset na tom, zda je pro aktuální
 * rozměr dostupný rám. Rám pouze zvětšuje odsazení přes CSS proměnnou.
 */
.content-editor #images.vystavniTiskFlex .item .image-wrapper {
	position: relative;
	box-sizing: border-box;
	overflow: visible;
	background: transparent;
	box-shadow: none;
}

.content-editor #images.vystavniTiskFlex .item .print-surface {
	position: absolute;
	inset: 0;
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #fff;
	box-shadow: none;
}

.content-editor #images.vystavniTiskFlex .editor-image-card {
	content-visibility: visible;
	contain: none;
}

.content-editor #images.vystavniTiskFlex .item-wrapper {
	padding: calc(var(--physical-frame-width, 0px) + 52px) var(--physical-frame-width, 0px) 12px;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
}

.content-editor #images.vystavniTiskFlex .item {
	margin: 0;
}

.content-editor #images.vystavniTiskFlex .item .controls {
	width: max-content;
	max-width: 100%;
	margin: calc(var(--physical-frame-width, 0px) + 14px) auto 0;
	padding: 5px 7px;
	gap: 10px;
	align-items: center;
	background: #fff;
	border: 1px solid #e2e5e9;
	border-radius: 999px;
	box-shadow: none;
}

.content-editor #images.vystavniTiskFlex .item .controls .group {
	align-items: center;
}

.content-editor #images.vystavniTiskFlex .item .controls .btn {
	width: 32px;
	height: 32px;
	margin: 0 2px;
	border: 1px solid #e2e5e9;
	box-shadow: none;
}

.content-editor #images.vystavniTiskFlex .item .controls .btn:hover,
.content-editor #images.vystavniTiskFlex .item .controls .btn:focus {
	border-color: #adb5bd;
	box-shadow: none;
}

.content-editor #images.vystavniTiskFlex .item .controls .quantity {
	width: 36px;
	height: 32px;
	margin: 0 3px;
	padding: 0;
	border: 0;
	background: transparent;
	font-weight: 600;
	text-align: center;
}

.content-editor #images.vystavniTiskFlex .item .controls .btn-delete-image {
	margin-left: 8px;
	color: #b71d25;
}

.content-editor #images.vystavniTiskFlex .item .filename {
	max-width: 100%;
	overflow: hidden;
	margin-top: 7px;
	padding: 0 10px;
	color: #6c757d;
	font-size: 11px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content-editor #images.vystavniTiskFlex .item-wrapper .block-top {
	height: 42px;
}

.content-editor #images.vystavniTiskFlex .item-wrapper .block-top > div {
	align-items: center !important;
}

.content-editor #images.vystavniTiskFlex .item-wrapper .block-top input,
.content-editor #images.vystavniTiskFlex .item-wrapper .block-top select {
	height: 32px;
	border: 1px solid #d7dce1;
	border-radius: 6px;
	background: #fff;
	font-size: 13px;
	box-shadow: none;
}

.content-editor #images.vystavniTiskFlex .item-wrapper .block-top input {
	width: 54px;
}

.content-editor #images.vystavniTiskFlex .item-wrapper .block-top select {
	width: 108px;
}

.image-cropper.rpcropper-touch-loading::after {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 650;
	box-sizing: border-box;
	width: 28px;
	height: 28px;
	margin: -14px 0 0 -14px;
	border: 3px solid rgba(255, 255, 255, .92);
	border-top-color: #0d6efd;
	border-radius: 50%;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
	content: '';
	pointer-events: none;
	animation: editor-inline-cropper-spin .55s linear infinite;
}

@keyframes editor-inline-cropper-spin {
	to {
		transform: rotate(360deg);
	}
}

.editor-image-error {
	display: none;
	margin-top: .5rem;
	font-size: .8rem;
}

.editor-image-error-message {
	margin-bottom: .5rem;
}

.editor-image-error .btn + .btn {
	margin-left: .35rem;
}

.editor-image-card.is-deleting {
	opacity: .45;
	pointer-events: none;
}

.btn-add-basket.disabled[aria-disabled="true"] {
	pointer-events: auto;
	cursor: not-allowed;
	opacity: .55;
}