.pg-handoff{--pg-handoff-bezel: color-mix(in srgb, var(--deep2), black 72%);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));-moz-column-gap:var(--s-lg);column-gap:var(--s-lg);row-gap:var(--s-xl);align-items:center}html.dark .pg-handoff{--pg-handoff-bezel: color-mix(in srgb, var(--muted-2) 75%, var(--card))}.pg-handoff__figure{position:relative;grid-column:1 / span 7;padding:60px 28px 40px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--card)}.pg-handoff__caption{grid-column:9 / span 4;margin:0;color:var(--ink);font-family:var(--font);font-size:clamp(18px,1.55vw,21px);font-weight:500;line-height:1.5;text-wrap:pretty}.pg-handoff__art{display:grid;grid-template-columns:auto minmax(110px,1fr) auto;align-items:center;-moz-column-gap:16px;column-gap:16px;max-width:560px;margin-inline:auto}.pg-handoff__actor{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.pg-handoff__label{color:var(--ink-2);font-family:var(--font);font-size:14px;font-weight:600;line-height:1.3;text-align:center;text-wrap:balance}.pg-handoff__icon{display:block;width:84px;height:84px;border-radius:20px;outline:2px solid transparent;outline-offset:5px}.pg-handoff__icon>svg{display:block;width:100%;height:100%}.pg-handoff__till{position:relative;display:flex;flex-direction:column;gap:10px;width:156px;padding:16px 13px 14px;border:1px solid var(--line);border-radius:16px;background:var(--tint-bg)}.pg-handoff__slit{position:absolute;top:-1px;right:30%;left:30%;height:4px;border-radius:0 0 3px 3px;background:var(--pg-handoff-bezel)}.pg-handoff__lcd{display:flex;align-items:center;justify-content:center;min-height:36px;padding:4px 6px;border-radius:6px;background:var(--stage)}.pg-handoff__lcd-text{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--onblue);font-family:var(--mono);font-size:13px;font-weight:700;line-height:1.15;text-align:center}.pg-handoff__lcd-text>svg{width:13px;height:13px;flex:none;stroke-width:3}.pg-handoff__keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.pg-handoff__keys>i{display:block;height:12px;border:1px solid var(--line);border-radius:3px;background:var(--card)}.pg-handoff__link{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;margin-bottom:26px}.pg-handoff__ports{display:flex;justify-content:center;gap:6px}.pg-handoff__port{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink-2)}.pg-handoff__port>svg{width:18px;height:18px;stroke-width:1.9}.pg-handoff__wave{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1.5px solid var(--blue);border-radius:50%;opacity:0;pointer-events:none}.pg-handoff__track{position:relative;display:block;height:34px}.pg-handoff__line{position:absolute;top:50%;right:0;left:0;height:2px;margin-top:-1px;border-radius:1px;background:color-mix(in srgb,var(--muted-2) 65%,transparent)}.pg-handoff__item{position:absolute;top:50%;right:0;z-index:1;transform:translateY(-50%)}.pg-handoff__chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--card);color:var(--ink);font-family:var(--font);font-size:13px;font-weight:600;line-height:1;white-space:nowrap}.pg-handoff__via{color:var(--ink-2);font-family:var(--font);font-size:12.5px;font-weight:600;line-height:1.35;text-align:center;text-wrap:balance}@media (prefers-reduced-motion: no-preference){.pg-js .pg-handoff__ports{display:grid;justify-content:center}.pg-js .pg-handoff__port{grid-area:1 / 1}.pg-js .pg-handoff:not(.is-live) .pg-handoff__port:not(:last-child){visibility:hidden}.pg-handoff.is-live .pg-handoff__item{right:auto;left:0}}@media (max-width: 920px){.pg-handoff__figure,.pg-handoff__caption{grid-column:1 / -1}}@media (max-width: 640px){.pg-handoff__figure{padding:72px 12px 24px}.pg-handoff__art{grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);-moz-column-gap:8px;column-gap:8px}.pg-handoff__icon{width:56px;height:56px;border-radius:14px;outline-offset:4px}.pg-handoff__till{width:100%;max-width:112px;gap:8px;padding:12px 9px 10px;border-radius:13px}.pg-handoff__lcd{min-height:30px}.pg-handoff__lcd-text{font-size:10.5px;white-space:nowrap}.pg-handoff__keys>i{height:9px}.pg-handoff__label{font-size:12.5px}.pg-handoff__port{width:34px;height:34px}.pg-handoff__port>svg{width:16px;height:16px}.pg-handoff__chip{height:26px;padding:0 8px;font-size:11.5px}.pg-handoff__via{font-size:11.5px}.pg-handoff__caption{font-size:17px}}@media (max-width: 400px){.pg-handoff__figure{padding:68px 10px 20px}.pg-handoff__art{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);-moz-column-gap:6px;column-gap:6px}.pg-handoff__via{display:none}.pg-handoff__link{margin-bottom:0}.pg-handoff__lcd-text>svg{display:none}.pg-handoff__lcd-text{font-size:10px;white-space:nowrap}}
