.pspot{--ps-accent: var(--hp-primary);position:relative;padding:7px;border-radius:38px;background:var(--hp-ink);box-shadow:0 0 0 1px #2e2b29 inset,0 24px 48px -28px #0c0a0947}.pspot:before,.pspot:after{content:"";position:absolute;width:3px;border-radius:2px;background:#2e2b29}.pspot:before{left:-3px;top:22%;height:12%}.pspot:after{right:-3px;top:28%;height:16%}.pspot-screen{position:relative;overflow:hidden;padding-top:26px;border-radius:31px;background:#fff}.pspot-screen:before{content:"";position:absolute;top:7px;left:50%;z-index:3;width:30%;height:16px;border-radius:999px;background:var(--hp-ink);transform:translate(-50%)}.pspot-shot{position:relative}.pspot-shot img{display:block;width:100%;aspect-ratio:428 / 926}.pspot-focus{position:absolute;z-index:2;pointer-events:none}.pspot-outline{position:absolute;inset:0;overflow:visible}.pspot-outline rect{width:calc(100% - 2px);height:calc(100% - 2px);fill:none;stroke:var(--ps-accent);stroke-width:2;stroke-linecap:round}.pspot-label-row{position:absolute;left:0;right:0;bottom:calc(100% + 10px);display:flex;justify-content:center}.pspot-label{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:var(--ps-accent);color:#fff;font-size:11px;font-weight:500;white-space:nowrap;box-shadow:0 14px 34px -14px #0c0a092e;transform-origin:50% 100%}.pspot-bars{display:inline-flex;align-items:center;gap:2px;height:11px}.pspot-bars i{width:2px;height:100%;border-radius:1px;background:#fff;transform:scaleY(.35)}.pspot-bars[data-live=true] i{animation:pspot-bar .9s cubic-bezier(.45,0,.2,1) 5}.pspot-bars i:nth-child(2){animation-delay:-.3s!important}.pspot-bars i:nth-child(3){animation-delay:-.6s!important}.pspot-bars i:nth-child(4){animation-delay:-.15s!important}@keyframes pspot-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.pspot-caret{width:2px;height:11px;border-radius:1px;background:#fff}.pspot-caret[data-live=true]{animation:pspot-caret 1s steps(2,jump-none) 4}@keyframes pspot-caret{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.pspot-bars i,.pspot-caret{animation:none!important}}
