.pin-halo{--pin-face:128px;box-sizing:border-box;color:#17130f;text-align:center;background:#fff;border-radius:36px;flex-direction:column;align-items:center;width:min(340px,100%);margin:0 auto;padding:28px 24px 24px;display:flex;position:relative;box-shadow:0 24px 48px #17130f33}.pin-halo__ring{flex:none;width:220px;height:220px;position:relative}.pin-halo__dashed{border:1.5px dashed color-mix(in srgb, var(--pin-colour) 35%, transparent);border-radius:999px;position:absolute;inset:14px}.pin-halo__orbit{color:var(--pin-colour);position:absolute;inset:0}.pin-halo__glyph{width:32px;height:32px;transform:rotate(var(--at)) translateY(-96px) rotate(calc(-1 * var(--at)));position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.pin-halo__glyph-art{background:#fff;border-radius:999px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pin-halo__glyph-art svg{width:26px;height:26px}@media (prefers-reduced-motion:no-preference){.pin-halo__orbit{animation:48s linear infinite pin-halo-spin}.pin-halo__glyph-art{animation:48s linear infinite reverse pin-halo-spin}}@keyframes pin-halo-spin{to{transform:rotate(360deg)}}.pin-halo__face{left:calc(50% - var(--pin-face) / 2);top:calc(50% - var(--pin-face) / 2);width:var(--pin-face);height:var(--pin-face);box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--pin-colour);background:color-mix(in srgb, var(--pin-colour) 14%, #fff);border-radius:999px;position:absolute;overflow:hidden}.pin-halo__photo-action{left:calc(50% + var(--pin-face) / 2 - 30px);top:calc(50% + var(--pin-face) / 2 - 30px);position:absolute}.pin-halo__initial{background:var(--pin-colour);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:56px;font-weight:700;display:flex}.pin-halo__message{letter-spacing:-.02em;max-width:100%;color:var(--pin-ink);overflow-wrap:anywhere;margin:14px 0 0;font-size:30px;font-weight:600;line-height:1.1}.pin-halo__name{overflow-wrap:anywhere;margin:10px 0 0;font-size:16px;font-weight:600}.pin-halo__actions{gap:10px;width:100%;margin-top:22px;display:flex}.pin-halo__action{color:#17130f;width:50px;height:50px;font:inherit;cursor:pointer;background:#f4f1ec;border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.pin-halo__action--wide{background:var(--pin-ink);color:#fff;flex:1;width:auto}.pin-halo__action[aria-pressed=true]{color:var(--pin-colour)}.pin-halo__action:focus-visible{outline:2px solid var(--pin-colour);outline-offset:2px}.pin-caption{color:#17130f;font:inherit;background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:3px;margin:0;padding:6px 12px;display:flex}.pin-caption--button{cursor:pointer}.pin-caption--button:hover{background:#ffffff80}.pin-caption--button:focus-visible{outline-offset:2px;outline:2px solid #17130f}.pin-caption__label{letter-spacing:.12em;text-transform:uppercase;color:#5f574f;font-size:10px;font-weight:600}.pin-caption__place{align-items:center;gap:5px;font-size:14px;font-weight:600;display:flex}.pin-mark{box-sizing:border-box;width:var(--pin-mark);height:var(--pin-mark);border-radius:calc(var(--pin-mark) * .28);background:#fff;padding:3px;display:inline-flex;position:relative;box-shadow:0 4px 12px #17130f4d}.pin-mark:after{content:"";border-top:7px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.pin-mark__face{border-radius:calc(var(--pin-mark) * .2);width:100%;height:100%;display:flex;overflow:hidden}.pin-mark__face img{object-fit:cover;width:100%;height:100%}.pin-mark__initial{background:var(--pin-colour);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}