.Uo0Cz {
	--transition-property-base: inset-block-end, bottom;
	position: fixed;
	z-index: calc(var(--x-z-index-portal) - 3);
	display: flex;
	justify-content: center;
	padding-bottom: var(--x-spacing-base);
	top: auto;
	right: 0;
	bottom: calc(var(--floating-summary-offset, 0px) + env(safe-area-inset-bottom));
	left: 0;
	pointer-events: none;
	transition: var(--x-duration-fast) var(--x-timing-ease-out);
	transition-property: var(--transition-property-base)
}

.vbGnb {
	transition-property: var(--transition-property-base), transform;
	transform: translateY(100%)
}

._30e7y {
	transition-property: var(--transition-property-base), transform;
	transform: translateY(0)
}

._1LMtV,
.TEpNv,
._16LRF {
	display: none
}

.YrNyQ {
	--background-color: var(--x-default-color-background);
	background: var(--background-color);
	box-shadow: 0 2px 42px rgba(0, 0, 0, .1);
	border: rgba(255, 255, 255, var(--border-color-alpha, 1)) 1px solid;
	border-radius: 24px;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	line-height: 1;
	pointer-events: all
}

@supports (color: color-mix(in lch, red, blue)) {
	.YrNyQ {
		background: color-mix(in srgb, var(--background-color), transparent 30%)
	}
}

.Ngyh8 .YrNyQ {
	pointer-events: none
}

.Y0h8K {
	--background-color: var(--x-default-color-background-subdued);
	--border-color-alpha: .1
}

.izreX {
	line-height: 1
}

.WPQk2 {
	color: var(--x-default-color-accent)
}

.qReyn>button {
	display: block;
	width: 100%
}

.bsjG3 {
	display: flex;
	align-items: center;
	gap: var(--x-spacing-base);
	width: 100%
}

.bsjG3>.j2rxR {
	flex-grow: 1
}

.hQkNb {
	visibility: hidden
}

.NIPDG {
	padding-top: var(--x-spacing-small-400)
}

.JuILZ {
	justify-self: start;
	width: 100%
}

.LHaS4 {
	line-height: 1
}

.FaOzC {
	opacity: 1;
	transform-origin: 50% 0;
	transform: scale(1);
	transition: var(--x-duration-fast) var(--x-timing-ease-out);
	transition-property: transform, opacity
}

.cGOGy {
	opacity: 0;
	transform: scale(.8)
}

.RwFM8 {
	padding-top: var(--x-product-thumbnail-badge-offset)
}

.Hq60r {
	margin-top: calc(var(--x-product-thumbnail-badge-offset) * -1)
}