.hp-printer { position: relative; width: 100%; height: 100%; overflow: hidden; isolation: isolate; }
.hp-printer-glow { position: absolute; width: 78%; height: 55%; bottom: -18%; left: 11%; border-radius: 50%; background: #f7b8844a; filter: blur(42px); }
.hp-printer-cards { position: absolute; inset: 0; }
.hp-printer-card { position: absolute; left: 50%; width: 160px; padding: 8px; border: 1px solid #e4e4e7; border-radius: 13px; background: white; box-shadow: 0 18px 30px #30241c24, 0 4px 10px #30241c12; transform-origin: bottom center; will-change: transform, bottom; }
.hp-printer-card img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 8px; }
.hp-printer-card-footer { height: 29px; display: flex; align-items: end; gap: 5px; }
.hp-printer-pill { display: inline-flex; align-items: center; gap: 4px; height: 19px; padding: 0 6px; border: 1px solid #ffe4e6; border-radius: 100px; background: #fff1f2; color: #be123c; font-size: 10px; font-weight: 700; line-height: 1; }
.hp-printer-pill > span:first-child { font-size: 11px; }
.hp-printer-pill svg { display: block; width: 11px; height: 11px; }
.hp-printer-pill--secondary { border-color: #f1f2f4; background: #f8fafc; color: #71717a; font-weight: 600; }
.hp-printer-body { position: absolute; z-index: 50; bottom: -16px; left: 50%; width: min(320px, 92%); height: 112px; transform: translateX(-50%); border: 1px solid #e4e4e7; border-bottom: 0; border-radius: 27px 27px 0 0; background: linear-gradient(165deg, #fff 0%, #f8f8f7 100%); box-shadow: 0 -5px 20px #2e292514, inset 0 2px #fff; }
.hp-printer-slot { width: 78%; height: 8px; margin: 17px auto 12px; border: 1px solid #e4e4e7; border-radius: 100px; background: #f4f4f5; box-shadow: inset 0 2px 3px #11182712; }
.hp-printer-orb { width: 42px; height: 42px; margin: auto; display: grid; place-items: center; border: 1px solid #f3e4da; border-radius: 50%; background: #fff; box-shadow: 0 2px 8px #964c1f18; opacity: 0; transform: scale(.5); transition: opacity .7s ease, transform .7s cubic-bezier(.18, .89, .32, 1.28); }
.hp-printer-orb--ready { opacity: 1; transform: scale(1); }
.hp-printer-orb img { width: 30px; height: 30px; object-fit: contain; }
.hp-printer-light { position: absolute; top: 61px; right: 25px; width: 6px; height: 6px; border-radius: 50%; background: #f97316; box-shadow: 0 0 9px #f97316; }
.hp-printer--login .hp-printer-card { width: 138px; }
.hp-printer--login { overflow: visible; }
.hp-printer--login .hp-printer-body { width: min(340px, 90%); height: 98px; }
.hp-printer--login .hp-printer-slot { margin-top: 15px; margin-bottom: 9px; }
.hp-printer--login .hp-printer-orb { width: 38px; height: 38px; }
.hp-printer--login .hp-printer-orb img { width: 27px; height: 27px; }
.hp-printer--login .hp-printer-light { top: 57px; }
@media (max-width: 480px) {
  .hp-printer--login .hp-printer-card { width: 124px; }
  .hp-printer--login .hp-printer-body { width: min(310px, 94%); }
}
@media (prefers-reduced-motion: reduce) {
  .hp-printer-card, .hp-printer-orb { transition: none !important; }
}