.MapPlaceholder{pointer-events:none;position:absolute;inset:0;z-index:1;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(var(--c-surface-muted)/var(--tw-bg-opacity))}.MapPlaceholder[data-hidden]{visibility:hidden;opacity:0}.MapPlaceholder:after{position:absolute;top:0;bottom:0;left:0;width:100%;--tw-content:"";content:var(--tw-content);background:linear-gradient(110deg,transparent 30%,rgb(var(--c-surface)/80%) 50%,transparent 70%);transform:translateX(-100%)}.MapPlaceholder-sketch{position:absolute;left:50%;top:50%;max-width:none;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.MapPlaceholder-city{fill:rgb(var(--c-gray-100)/1)}.MapPlaceholder-water path{fill:none;stroke:rgb(var(--c-accent)/1);stroke-opacity:.12;stroke-linecap:round;stroke-width:14}.MapPlaceholder-water path.thin{stroke-width:5}.MapPlaceholder-roads{fill:none;stroke:rgb(var(--c-gray-200)/1);stroke-linecap:round;stroke-width:4}.MapPlaceholder-roads .ring{stroke-width:6}@media (prefers-reduced-motion:no-preference){.MapPlaceholder{transition:opacity .2s ease-out,visibility 0s linear .2s}.MapPlaceholder:not([data-hidden],[data-idle]):after{animation:map-placeholder-shimmer 1.2s ease-in-out infinite}}@keyframes map-placeholder-shimmer{to{transform:translateX(100%)}}