.pinly-map-shell{--pinly-viewbar-h:56px;isolation:isolate;border:1px solid var(--color-line,#e8e6dd);border-radius:var(--radius-pin,16px);background:var(--color-cream,#fdfcf7);height:calc(100vh - var(--pinly-viewbar-h) - var(--tabbar-h,64px) - 40px);height:calc(100dvh - var(--pinly-viewbar-h) - var(--tabbar-h,64px) - env(safe-area-inset-bottom,0px) - 40px);min-height:380px;position:relative;overflow:hidden}.pinly-map-canvas{width:100%;height:100%}.pinly-map-shell .leaflet-container{background:var(--color-cream,#fdfcf7);outline:none;width:100%;height:100%;font-family:inherit}.pinly-map-shell .leaflet-marker-shadow{display:none!important}.pinly-pin-host{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:flex-end;display:flex}.pinly-pin{border:1.5px solid var(--color-ink,#171714);background:var(--color-yellow,#ffd429);border-radius:999px;justify-content:center;align-items:center;width:100%;height:28px;margin-bottom:8px;padding:0 8px;transition:transform .12s cubic-bezier(.22,1,.36,1);display:flex;position:relative;box-shadow:0 2px 6px #17171447}.pinly-pin:before,.pinly-pin:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.pinly-pin:before{border-top:9px solid var(--color-ink,#171714);bottom:-9px}.pinly-pin:after{border-top:7px solid var(--color-yellow,#ffd429);bottom:-6px}.pinly-pin__label{white-space:nowrap;color:var(--color-ink,#171714);font-size:11px;font-weight:700;line-height:1}.pinly-pin-host.is-selected .pinly-pin{background:var(--color-ink,#171714);transform:scale(1.08)}.pinly-pin-host.is-selected .pinly-pin:after{border-top-color:var(--color-ink,#171714)}.pinly-pin-host.is-selected .pinly-pin__label{color:var(--color-cream,#fdfcf7)}.pinly-pin-host:focus{outline:none}.pinly-pin-host:focus-visible .pinly-pin{box-shadow:0 0 0 3px var(--color-ink,#171714), 0 2px 6px #17171447}.pinly-map-shell .leaflet-top.leaflet-right{top:8px;right:8px}.pinly-map-shell .leaflet-bar{border:1px solid var(--color-line,#e8e6dd);border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #1717141f}.pinly-map-shell .leaflet-bar a,.pinly-map-shell .leaflet-bar a:hover{width:44px;height:44px;color:var(--color-ink,#171714);background:var(--color-paper,#fff);border-bottom-color:var(--color-line,#e8e6dd);font-size:19px;line-height:44px}.pinly-map-shell .leaflet-bar a:first-child{border-radius:12px 12px 0 0}.pinly-map-shell .leaflet-bar a:last-child{border-radius:0 0 12px 12px}.pinly-map-shell .leaflet-control-attribution{color:var(--color-ink-60,#6b6b64);background:#ffffffe6;border-radius:8px 0 0;padding:2px 6px;font-size:10px;line-height:1.5}.pinly-map-shell .leaflet-control-attribution a{color:var(--color-ink,#171714);text-decoration:underline}.pinly-map-note{z-index:1100;border:1px solid var(--color-line,#e8e6dd);color:var(--color-ink-60,#6b6b64);pointer-events:none;background:#ffffffe6;border-radius:999px;padding:3px 8px;font-size:10.5px;line-height:1.4;position:absolute;top:10px;left:10px}.pinly-map-dock{z-index:1100;position:absolute;bottom:26px;left:12px;right:12px}@media (prefers-reduced-motion:reduce){.pinly-pin{transition:none}}.pinly-dot-host{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.pinly-dot{border:2px solid var(--color-ink,#171714);background:var(--color-paper,#fff);border-radius:999px;width:14px;height:14px;transition:transform .12s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 1px 4px #1717144d}.pinly-dot.is-photo{background:var(--color-yellow,#ffd429)}.pinly-dot-host.is-selected .pinly-dot{background:var(--color-ink,#171714);transform:scale(1.5)}.pinly-dot-host:focus{outline:none}.pinly-dot-host:focus-visible .pinly-dot{box-shadow:0 0 0 3px var(--color-ink,#171714)}.pinly-map-shell.pinly-map-shell--page{height:min(72dvh,680px);min-height:360px}@media (prefers-reduced-motion:reduce){.pinly-dot{transition:none}}