/**
 * Garage Apex Auction Portal – phone with the Auction Portal video
 *   [ga_portal_phone]  .gaap-phone
 *
 * The poster image is always underneath. The video fades in over it when it starts to play,
 * and fades back out to the poster after its last loop. Loaded only on pages that use it.
 */
.gaap-phone{
	position:relative;box-sizing:border-box;width:100%;max-width:320px;margin-inline:auto;
	container-type:inline-size;content-visibility:auto;contain-intrinsic-block-size:auto 560px;
	color:#fff;font-family:inherit;line-height:1.4;-webkit-font-smoothing:antialiased;
}
.gaap-phone *,.gaap-phone *::before,.gaap-phone *::after{box-sizing:border-box}
.gaap-phone .gaap-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.gaap-phone__body{
	position:relative;padding:40px 10px 18px;border:1px solid #2e2e2e;border-radius:44px;
	background:linear-gradient(180deg,#1c1c1e 0%,#0d0d0e 100%);
	box-shadow:0 34px 60px -34px rgba(0,0,0,.85),inset 0 0 0 1px rgba(255,255,255,.04);
}
.gaap-phone__island{position:absolute;top:12px;left:50%;width:96px;height:24px;margin-left:-48px;border-radius:999px;background:#050505}
.gaap-phone__screen{
	position:relative;overflow:hidden;width:100%;aspect-ratio:600/1002;background:#fff;
	border-radius:12px 12px 32px 32px;isolation:isolate;
}
.gaap-phone__poster,.gaap-phone__video{
	position:absolute!important;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;
	margin:0!important;border:0!important;box-shadow:none!important;object-fit:cover;
}
.gaap-phone__video{opacity:0;transition:opacity .45s ease;background:transparent;pointer-events:none}
.gaap-phone.is-playing .gaap-phone__video{opacity:1}
/* Home indicator */
.gaap-phone__body::after{content:"";position:absolute;left:50%;bottom:6px;width:96px;height:4px;margin-left:-48px;border-radius:4px;background:rgba(255,255,255,.35)}

@container (max-width:290px){
	.gaap-phone__body{padding:36px 8px 16px;border-radius:38px}
	.gaap-phone__island{top:11px;width:84px;height:22px;margin-left:-42px}
	.gaap-phone__screen{border-radius:10px 10px 28px 28px}
}

/* Reduced motion / data saver: the poster only (the script also never loads the video) */
@media (prefers-reduced-motion:reduce){
	.gaap-phone__video{display:none!important}
}
.gaap-phone.is-poster .gaap-phone__video{display:none!important}