.f2f-pin{pointer-events:none;will-change:transform;--pin-size:76px;--pin-tail:22px;--pin-rim:5px;--pin-ring:var(--f2f-ivory,#f7f3ec);--pin-accent:var(--f2f-place,#e9b86a);--pin-found:var(--f2f-found,#4fb07e);--pin-them:var(--f2f-them,#e0574b);--pin-shadow:drop-shadow(0 5px 8px #1e283c47);transition:opacity .25s;position:absolute;top:0;left:0}.f2f-pin--person{--pin-accent:var(--f2f-them,#e0574b)}.f2f-pin--hidden{opacity:0}.f2f-pin-body{width:var(--pin-size);height:calc(var(--pin-size) + var(--pin-tail));transform-origin:50% 100%;transition:transform .35s cubic-bezier(.34,1.3,.64,1);position:relative;transform:translate(-50%,-100%)}.f2f-pin-shape{width:100%;height:100%;filter:var(--pin-shadow);transition:filter .35s;display:block;position:absolute;inset:0;overflow:visible}.f2f-pin-shape path{fill:var(--pin-ring);stroke:none;stroke-linejoin:round;paint-order:stroke fill;transition:fill .35s,stroke .35s}.f2f-pin-head{left:var(--pin-rim);top:var(--pin-rim);z-index:1;width:calc(var(--pin-size) - 2 * var(--pin-rim));height:calc(var(--pin-size) - 2 * var(--pin-rim));background:var(--pin-accent);border-radius:50%;transition:background .35s;position:absolute;overflow:hidden}.f2f-pin-head img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s;display:block}.f2f-pin-head img.is-loaded{opacity:1}.f2f-pin-glyph{color:var(--f2f-ivory,#f7f3ec);background:radial-gradient(circle at 35% 30%,#ffffff59,#fff0 60%);place-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:26px;font-weight:700;display:grid;position:absolute;inset:0}.f2f-pin--facing .f2f-pin-body{transform:translate(-50%,-100%)scale(1.14)}.f2f-pin--facing .f2f-pin-shape{filter:var(--pin-shadow) drop-shadow(0 0 12px #4fb07e8c)}.f2f-pin--facing .f2f-pin-shape path{fill:var(--pin-found)}.f2f-pin--facing .f2f-pin-glyph{background-color:var(--pin-found)}.f2f-pin--theirs .f2f-pin-shape path{stroke:var(--pin-them);stroke-width:7px}.f2f-pin--stale{opacity:.35}.f2f-pin--stale .f2f-pin-head{filter:saturate(.6)}.f2f-pin--found .f2f-pin-body{animation:.6s ease-out f2f-pin-bloom;transform:translate(-50%,-100%)scale(1.2)}.f2f-pin--found .f2f-pin-shape{filter:var(--pin-shadow) drop-shadow(0 0 16px #4fb07eb3)}.f2f-pin--found .f2f-pin-shape path{fill:var(--pin-found);stroke:var(--pin-them);stroke-width:7px}.f2f-pin--found .f2f-pin-body:before{content:"";left:50%;top:calc(50% - var(--pin-tail) / 2);width:var(--pin-size);height:var(--pin-size);border:3px solid var(--pin-found);opacity:0;pointer-events:none;border-radius:50%;animation:1.2s ease-out f2f-pin-ripple;position:absolute;transform:translate(-50%,-50%)scale(1)}@keyframes f2f-pin-ripple{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(3.2)}}.f2f-pin--found .f2f-pin-glyph{background-color:var(--pin-found)}@keyframes f2f-pin-bloom{0%{filter:brightness()}30%{filter:brightness(1.25)}to{filter:brightness()}}.f2f-turn{width:44px;height:56px;color:var(--f2f-ink,#3a3f47);filter:drop-shadow(0 0 2px var(--f2f-ivory,#f7f3ec)) drop-shadow(0 0 8px #f7f3ecd9);pointer-events:none;opacity:0;place-items:center;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:50%;transform:translateY(-50%)scale(.9)}.f2f-turn--left{left:calc(env(safe-area-inset-left,0px) + 10px)}.f2f-turn--right{right:calc(env(safe-area-inset-right,0px) + 10px)}.f2f-turn--on{opacity:1;animation:1.6s ease-in-out infinite f2f-turn-nudge;transform:translateY(-50%)scale(1)}.f2f-turn--right.f2f-turn--on{animation-name:f2f-turn-nudge-r}.f2f-turn svg{width:40px;height:40px}.f2f-turn--theirs{color:var(--f2f-them,#e0574b)}@keyframes f2f-turn-nudge{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(-6px)}}@keyframes f2f-turn-nudge-r{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(6px)}}@media (prefers-reduced-motion:reduce){.f2f-pin-body,.f2f-pin-head,.f2f-pin-head img,.f2f-pin-shape,.f2f-pin-shape path,.f2f-turn{transition:none}.f2f-turn--on,.f2f-pin--found .f2f-pin-body,.f2f-pin--found .f2f-pin-body:before{animation:none}}.f2f-pin--star{pointer-events:none}.f2f-pin-star{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:6px;transition:transform .35s cubic-bezier(.34,1.3,.64,1);display:block;transform:translate(-50%,-50%)}.f2f-pin--facing .f2f-pin-star{transform:translate(-50%,-50%)scale(1.1)}.f2f-pin-star:focus-visible{outline:2px solid var(--f2f-focus,#3d6fa8);outline-offset:2px;border-radius:50%}