.c4-map{--map-pin: #a02b46;--map-brew: #e79a1c;--map-home: var(--ink);--map-stick: var(--muted);position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden}.c4-map-stage{position:absolute;top:0;right:0;bottom:0;left:0}.c4-map-stage canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .9s var(--nav-ease)}.c4-map[data-state=ready] canvas{opacity:1}.c4-map-poster{position:absolute;top:6%;right:8%;bottom:6%;left:8%;display:grid;place-items:center;transition:opacity .6s var(--nav-ease)}.c4-map[data-state=ready] .c4-map-poster{opacity:0;pointer-events:none}.c4-map-land{position:relative;height:100%;max-width:100%;aspect-ratio:92 / 128}.c4-map-land:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--line);mask:var(--outline) center / 100% 100% no-repeat;-webkit-mask:var(--outline) center / 100% 100% no-repeat}.c4-map-dot{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--map-pin);cursor:pointer;transition:transform .3s var(--nav-spring),opacity .18s var(--nav-ease)}.c4-map-dot[data-group=brew]{background:var(--map-brew)}.c4-map-dot[data-group=home]{width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--map-home)}.c4-map-dot[data-hot]{transform:scale(1.8)}.c4-map-dot[data-dim]{opacity:.25}.c4-map-tip{position:absolute;top:0;left:0;z-index:2;padding:6px 10px;border-radius:4px;background:var(--ink);color:var(--paper);font:500 .8125rem/1.2 var(--font-body);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s var(--nav-ease)}.c4-map-tip[data-on]{opacity:1}.c4-map-reset{position:absolute;right:12px;bottom:12px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:6px;background:var(--bar, #eee);color:var(--bar-ink, #000);opacity:0;pointer-events:none;cursor:pointer;transition:opacity .18s var(--nav-ease)}.c4-map-reset[data-on]{opacity:1;pointer-events:auto}@media(min-width:768px){.c4-map[data-layout=backdrop]{position:sticky;top:0;z-index:0;width:100vw;height:100svh;margin-left:calc(50% - 50vw);aspect-ratio:auto;transition:opacity .5s var(--nav-ease)}.c4-map[data-layout=backdrop] .c4-map-poster{top:14%;right:6%;bottom:8%;left:46%}.c4-map[data-layout=backdrop][data-away]{opacity:0;pointer-events:none}.c4-map[data-layout=backdrop] .c4-map-reset{right:var(--gutter);bottom:calc(24px + var(--preview-bar, 0px))}}@media(prefers-reduced-motion:reduce){.c4-map-stage canvas,.c4-map-poster,.c4-map-dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/c4-map.css.map */