.mapOpeningPreview{z-index:21;pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden;container-type:size}html[data-map-preview=on] .mapOpeningPreview,html[data-map-preview=done] .mapOpeningPreview{display:block}html[data-map-preview=done] .mapOpeningPreview{opacity:0;visibility:hidden;transition:opacity .16s ease-out,visibility 0s linear .16s}@media (prefers-reduced-motion:reduce){html[data-map-preview=done] .mapOpeningPreview{transition:none}}@supports not (container-type:size){.mapOpeningPreview{display:none!important}}.mapOpeningPreviewCamera{perspective:150cqh;perspective-origin:50%;position:absolute;inset:0}.mapOpeningPreviewPlane{transform-origin:0 0;width:0;height:0;transform:rotateX(var(--map-preview-pitch));transform-style:preserve-3d;position:absolute;top:50%;left:50%}.mapOpeningPreviewDisc{box-sizing:border-box;background:radial-gradient(circle, var(--panel-raised) 0 17.75px, var(--line) 17.75px 20.75px, var(--ink-deep) 20.75px);width:44px;height:44px;color:var(--ink-deep);transform:translate3d(var(--x), var(--y), 0) rotateX(calc(-1 * var(--map-preview-pitch)));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;top:-22px;left:-22px}html[data-theme=dark] .mapOpeningPreviewDisc{background:radial-gradient(circle, var(--panel-raised) 0 17.75px, var(--line) 17.75px 20.75px, var(--ink) 20.75px);color:var(--ink)}.mapOpeningPreviewFrom,.mapOpeningPreviewFigure{font-family:"Noto Sans", var(--font-body);line-height:1}.mapOpeningPreviewFrom{font-size:calc(var(--figure-size) * .62);font-weight:600}.mapOpeningPreviewFigure{color:var(--figure-ink);font-size:var(--figure-size);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-weight:700}@media not ((max-width:640px) or (pointer:coarse)){.mapOpeningPreviewFigure{font-family:var(--font-data)}}html[data-map-preview=on] .mapSkeleton{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 112px);place-items:end center}html[data-map-preview=on] .mapLoading{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 112px);align-content:end}
