@layer properties,theme,base;@layer components{.zh-town{max-width:var(--container-site);grid-template-columns:minmax(0,1fr);gap:2rem;margin-inline:auto;padding:1.5rem 1rem 3rem;display:grid}.zh-town-map{order:-1}.zh-town-page[data-calm] .zh-rise>*{animation:none}.zh-town-figure{background:var(--color-town-ground);border-radius:var(--radius-box);box-shadow:0 1px 0 var(--color-base-300), 0 18px 40px -24px #16253659;height:58svh;min-height:20rem;position:relative;overflow:hidden}@media (min-width:64rem){.zh-town{--town-left:max(0rem, (100% - var(--container-site)) / 2);grid-template-columns:minmax(0, var(--container-town-list)) minmax(0, 1fr);margin-inline:var(--town-left) 0;max-width:min(var(--container-town), 100% - var(--town-left));align-items:start;gap:3rem;padding:2rem 1.5rem 4rem 1rem}.zh-town-map{order:0;position:sticky;top:1rem}.zh-town-figure{height:calc(100dvh - var(--town-top,0px) - 4rem);min-height:24rem}}.zh-town[data-view=place]{max-width:var(--container-site);grid-template-rows:repeat(6,auto);grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-inline:auto}.zh-town[data-view=place] :is(.zh-town-page,.zh-place){grid-area:1/1/-1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;display:grid}.zh-place-back{grid-row:1}.zh-town[data-view=place] .zh-town-map{order:0;grid-area:2/1;position:static}.zh-town[data-view=place] .zh-town-figure{box-shadow:0 0 0 1px var(--color-base-300), 0 18px 40px -24px #16253659;height:16rem;min-height:0}.zh-place-head{grid-row:3}.zh-place-where{z-index:2;grid-row:2;place-self:start end;padding:.75rem;position:relative}.zh-place-facts{grid-row:4;margin-top:.75rem}@media (hover:hover){:is(.zh-place-where,.zh-town[data-view=place] .zh-town-controls){opacity:0;transition:opacity .3s;animation:none}.zh-town[data-view=place] .zh-town-controls:focus-within{opacity:1}.zh-place:has(.zh-place-where:focus-within) .zh-place-where{opacity:1}.zh-town[data-view=place]:has(:is(.zh-town-map,.zh-place-head,.zh-place-where):hover) :is(.zh-place-where,.zh-town-controls){opacity:1}}.zh-place-body,.zh-place-more{grid-template-columns:minmax(0,1fr);gap:2.5rem;display:grid}.zh-place-body{grid-row:5;margin-top:1rem}.zh-place-more{grid-row:6;margin-top:1rem}.zh-place-reviews{margin-top:1.5rem}.zh-place-aside{align-content:start;gap:1.5rem;display:grid}@media (min-width:48rem){.zh-town[data-view=place] .zh-town-map{align-self:stretch;display:grid}.zh-town[data-view=place] .zh-town-figure{height:auto;min-height:clamp(16rem,26vw,20rem)}.zh-town[data-view=place] .zh-town-canvas{position:absolute;inset:0}.zh-town[data-view=place] :is(.zh-town-scale,.zh-pin[aria-current] .zh-pin-name){display:none}.zh-place-head{background:linear-gradient(to right, var(--color-base-100) 0%, color-mix(in oklab, var(--color-base-100) 88%, transparent) 38%, transparent 64%);border-radius:var(--radius-box);pointer-events:none;z-index:1;flex-direction:column;grid-row:2;justify-content:flex-end;align-self:stretch;padding:2.5rem 50% 2.5rem 2.5rem;display:flex;position:relative}.zh-town[data-view=place]{grid-template-rows:repeat(5,auto)}.zh-place-head :is(h1,p,a,span){pointer-events:auto}.zh-place-facts{grid-row:3}.zh-place-body{grid-row:4;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.zh-place-more{grid-row:5;grid-template-columns:repeat(2,minmax(0,1fr))}.zh-place-wide{grid-column:1/-1}.zh-place-body:not(:has(.zh-place-about)) .zh-place-aside{grid-column:1/-1}.zh-place-body:not(:has(.zh-place-aside)) .zh-place-about{grid-column:1/-1}}@media (min-width:64rem){.zh-town[data-view=place]{padding:1.5rem 1rem 4rem}}.zh-town-canvas{outline:none;height:100%}.zh-town-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary)}.zh-town-svg{cursor:grab;font-family:var(--font-sans);touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.zh-town-controls{gap:.75rem;display:grid;position:absolute;bottom:2.25rem;right:.75rem}.zh-town-pill{background:var(--color-base-100);border:1px solid var(--color-base-300);border-radius:var(--radius-field);display:grid;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.zh-town-pill>button{position:relative}.zh-town-pill>button:first-child{border-start-start-radius:calc(var(--radius-field) - 1px);border-start-end-radius:calc(var(--radius-field) - 1px)}.zh-town-pill>button:last-child{border-end-end-radius:calc(var(--radius-field) - 1px);border-end-start-radius:calc(var(--radius-field) - 1px)}.zh-town-pill>button:before{content:"";position:absolute;inset:-4px -4px 0}.zh-town-pill>button:last-child:before{inset:0 -4px -4px}.zh-town-pill>button:only-child:before{inset:-4px}.zh-town-pill-rule{background:var(--color-base-300);height:1px;margin-inline:.375rem}.zh-town-hint{background:color-mix(in oklab, var(--color-neutral) 55%, transparent);color:var(--color-neutral-content);pointer-events:none;text-align:center;z-index:2;place-items:center;padding:1.5rem;font-weight:600;animation:1.8s both zh-hint;display:grid;position:absolute;inset:0}@keyframes zh-hint{0%,to{opacity:0}12%,80%{opacity:1}}[data-zoom=near]{--town-casing:min(13px, calc(var(--u) * 56px));--town-major:min(10px, calc(var(--u) * 43px));--town-street:min(7px, calc(var(--u) * 30px))}[data-zoom=far]{--town-minor:none}.zh-pin{cursor:pointer;outline:none}.zh-town-canvas[data-gestures=free] .zh-town-svg{touch-action:none}.zh-town-svg[data-dragging],.zh-town-svg[data-dragging] .zh-pin{cursor:grabbing}.zh-pin-dot{animation:zh-pin-in .52s cubic-bezier(.34, 1.56, .64, 1) var(--d) both;fill:var(--color-place-civic);r:calc(var(--u) * 5px);stroke:var(--color-town-ground);stroke-width:calc(var(--u) * 1.75px);transform-box:fill-box;transform-origin:50%;transition:opacity .3s,r .2s}.zh-pin[data-group=money] .zh-pin-dot{fill:var(--color-place-money)}.zh-pin[data-group=food] .zh-pin-dot{fill:var(--color-place-food)}.zh-pin[data-group=shop] .zh-pin-dot{fill:var(--color-place-shop)}.zh-pin[data-group=health] .zh-pin-dot{fill:var(--color-place-health)}.zh-pin[data-group=learn] .zh-pin-dot{fill:var(--color-place-learn)}.zh-pin[data-group=stay] .zh-pin-dot{fill:var(--color-place-stay)}.zh-pin[data-group=leisure] .zh-pin-dot{fill:var(--color-place-leisure)}.zh-pin[data-group=auto] .zh-pin-dot{fill:var(--color-place-auto)}.zh-pin[data-group=industry] .zh-pin-dot{fill:var(--color-place-industry)}.zh-pin-name{fill:var(--color-base-content);font-family:var(--font-sans);font-size:calc(var(--u) * 12px);opacity:0;paint-order:stroke;pointer-events:none;stroke:var(--color-town-ground);stroke-linejoin:round;stroke-width:calc(var(--u) * 4px);transform:translate(calc(var(--u) * 9px), calc(var(--u) * 4px));visibility:hidden;font-weight:600;transition:opacity .18s,visibility .18s}.zh-pin:is(:hover,:focus-visible,[data-hover],[aria-current]) .zh-pin-dot{r:calc(var(--u) * 8px)}.zh-pin[aria-current] .zh-pin-name,.zh-pin-label[data-shown]{opacity:1;visibility:visible}.zh-pin[aria-current] .zh-pin-name{font-size:calc(var(--u) * 14px);text-anchor:middle;transform:translateY(calc(var(--u) * 26px))}.zh-pin[aria-current] .zh-pin-dot{filter:drop-shadow(0 calc(var(--u) * 2px) calc(var(--u) * 3px) #16253659);stroke:var(--color-base-100);stroke-width:calc(var(--u) * 3px)}[data-view=category] .zh-pin .zh-pin-dot{r:calc(var(--u) * 7px);stroke-width:calc(var(--u) * 2.5px)}[data-view=category] .zh-pin .zh-pin-name{opacity:1;visibility:visible;font-weight:500}.zh-beacon-wave{fill:var(--beacon);opacity:0;pointer-events:none;r:calc(var(--u) * 9px);transform-box:fill-box;transform-origin:50%;animation:2.8s cubic-bezier(.22,1,.36,1) infinite zh-beacon}.zh-beacon-late{animation-delay:1.4s}@keyframes zh-beacon{0%{opacity:.42;transform:scale(1)}to{opacity:0;transform:scale(4.2)}}@keyframes zh-pin-in{0%{opacity:0;transform:scale(0)}}.zh-town-foot{font-size:var(--text-micro);bottom:0;pointer-events:none;justify-content:space-between;align-items:end;gap:1rem;padding:.6rem .9rem;display:flex;position:absolute;inset-inline:0}.zh-town-foot a{color:var(--color-muted);pointer-events:auto;margin-inline-start:auto}.zh-town-scale{color:var(--color-muted);align-items:center;gap:.5rem;display:flex}.zh-town-scale-bar{border:1.5px solid color-mix(in oklab, var(--color-base-content) 60%, transparent);border-top:0;height:.4rem;display:block}@media (prefers-reduced-motion:reduce){.zh-pin-dot,.zh-rise>*{animation:none}.zh-beacon-wave{opacity:.25;animation:none;transform:scale(2)}:is(.zh-place-where,.zh-town-controls){transition:none}}}@layer utilities,daisyui;