/* 1B.7J: float % = hero/slide stage, not image box. */

.yepx-hero,
.yepx-hero > .yepx-hero__inner,
.yepx-hero .yepx-slider,
.yepx-hero .yepx-slider__slide {
	overflow: visible;
}

.yepx-hero .yepx-slider {
	padding-block-end: 0;
}

.yepx-hero .yepx-slider__slide {
	position: relative;
	isolation: isolate;
}

.yepx-hero .yepx-slider__slide > .yepx-hero-floats,
.yepx-hero .yepx-hero-floats[data-coord-space="hero"] {
	position: absolute;
	inset: 0;
	width: auto;
	height: auto;
	overflow: visible;
	pointer-events: none;
	z-index: 4;
}

.yepx-hero .yepx-slider__slide > .yepx-hero-floats .yepx-float-card,
.yepx-hero .yepx-hero-floats[data-coord-space="hero"] .yepx-float-card[data-xy="1"] {
	position: absolute;
	left: calc(var(--yepx-float-x, 58) * 1%);
	top: calc(var(--yepx-float-y, 72) * 1%);
	right: auto;
	bottom: auto;
	z-index: 5;
	pointer-events: auto;
	display: flex;
	align-items: center;
	width: var(--yepx-float-w, 26.25%);
	min-width: 0;
	max-width: none;
}

.yepx-hero .yepx-slider__slide > .yepx-hero-floats .yepx-float-card .yepx-icon-well,
.yepx-hero .yepx-hero-floats[data-coord-space="hero"] .yepx-float-card .yepx-icon-well {
	display: flex;
	align-items: center;
	justify-content: center;
	place-items: center;
	align-self: center;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	min-width: 36px;
	min-height: 36px;
	line-height: 0;
	overflow: hidden;
}

.yepx-hero .yepx-slider__slide > .yepx-hero-floats .yepx-float-card .yepx-icon-well .yepx-icon,
.yepx-hero .yepx-slider__slide > .yepx-hero-floats .yepx-float-card .yepx-icon-well svg,
.yepx-hero .yepx-hero-floats[data-coord-space="hero"] .yepx-float-card .yepx-icon-well .yepx-icon,
.yepx-hero .yepx-hero-floats[data-coord-space="hero"] .yepx-float-card .yepx-icon-well svg {
	display: block;
	flex: none;
	margin: auto;
	width: 18px;
	height: 18px;
	line-height: 0;
	vertical-align: middle;
}

.yepx-hero-media-stage,
.yepx-hero .yepx-slider__media-scale,
.yepx-hero-media-stage > .yepx-hero-photo,
.yepx-hero-media-stage > .yepx-hero__device {
	z-index: 1;
}

@media (max-width: 1024px) {
	.yepx-hero .yepx-slider__slide > .yepx-hero-floats .yepx-float-card[data-xy="1"],
	.yepx-hero .yepx-hero-floats[data-coord-space="hero"] .yepx-float-card[data-xy="1"] {
		left: calc(var(--yepx-float-tx, var(--yepx-float-x, 58)) * 1%);
		top: calc(var(--yepx-float-ty, var(--yepx-float-y, 72)) * 1%);
		width: var(--yepx-float-tw, var(--yepx-float-w, 26.25%));
	}
}

@media (max-width: 768px) {
	.yepx-hero .yepx-slider__slide > .yepx-hero-floats .yepx-float-card[data-xy="1"],
	.yepx-hero .yepx-hero-floats[data-coord-space="hero"] .yepx-float-card[data-xy="1"] {
		left: calc(var(--yepx-float-mx, var(--yepx-float-x, 58)) * 1%);
		top: calc(var(--yepx-float-my, var(--yepx-float-y, 72)) * 1%);
		width: var(--yepx-float-mw, var(--yepx-float-w, 26.25%));
	}
}