.actl-svg-sprite {
	position: absolute !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	pointer-events: none !important;
}

.actl-symbol-bg {
	fill: var(--actl-icon-bg, #000);
	fill-rule: evenodd;
	opacity: var(--actl-icon-bg-opacity, 1);
}

.actl-symbol-fg {
	fill: var(--actl-icon-fg, #fff);
}

.actl-image-frame {
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
	line-height: 0;
	isolation: isolate;
}

.actl-image-frame.alignleft {
	float: left;
}

.actl-image-frame.alignright {
	float: right;
}

.actl-image-frame.aligncenter {
	display: block;
	width: fit-content;
	margin-right: auto;
	margin-left: auto;
}

.actl-image-frame > a,
.actl-image-frame > picture {
	display: block;
	max-width: 100%;
	line-height: 0;
}

.actl-image-frame img,
.actl-image-frame picture,
.actl-image-frame svg {
	max-width: 100%;
}

.actl-image-label {
	position: absolute;
	left: var(--actl-offset-x, 12px);
	right: var(--actl-offset-x, 12px);
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	max-width: calc(100% - (2 * var(--actl-offset-x, 12px)));
	font-family: inherit;
	line-height: 1.2;
	pointer-events: none;
}

.actl-position-top-left .actl-image-label,
.actl-position-top-right .actl-image-label {
	top: var(--actl-offset-y, 12px);
}

.actl-position-bottom-left .actl-image-label,
.actl-position-bottom-right .actl-image-label {
	bottom: var(--actl-offset-y, 12px);
}

.actl-position-top-right .actl-image-label,
.actl-position-bottom-right .actl-image-label {
	flex-direction: row-reverse;
}

.actl-image-frame .actl-image-label .actl-image-label__icon {
	display: block;
	flex: 0 0 auto;
	width: clamp(var(--actl-icon-min, 24px), var(--actl-icon-size, 8%), var(--actl-icon-max, 64px)) !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0;
	opacity: var(--actl-icon-opacity, 1);
	object-fit: contain;
}

.actl-content-notice {
	display: flex;
	align-items: center;
	gap: var(--actl-notice-gap, 8px);
	margin: var(--actl-notice-margin-top, 0) 0 var(--actl-notice-margin-bottom, 16px);
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: var(--actl-notice-color, inherit);
	font-family: inherit;
	font-size: var(--actl-notice-font-size, inherit);
	font-weight: var(--actl-notice-font-weight, inherit);
	line-height: inherit;
}

.actl-content-notice.actl-align-left {
	justify-content: flex-start;
	text-align: left;
}

.actl-content-notice.actl-align-center {
	justify-content: center;
	text-align: center;
}

.actl-content-notice.actl-align-right {
	justify-content: flex-end;
	text-align: right;
}

.actl-content-notice__icon {
	display: block;
	flex: 0 0 auto;
	width: var(--actl-notice-icon-size, 24px);
	height: auto;
	margin: 0;
	opacity: var(--actl-notice-icon-opacity, 1);
	object-fit: contain;
}

.actl-content-notice__text {
	min-width: 0;
}

.actl-screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	border: 0 !important;
	white-space: nowrap !important;
}
