@layer components{.noir-land-road{stroke:#f4f2ec38;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.noir-land-site{opacity:.5;transition:opacity .5s}.noir-land-site.is-focus{opacity:1}.noir-land-site.is-focus .noir-map-burst{stroke-width:2.2px}.noir-land-spot{cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.noir-land-dot{background:#f4f2ecb3;border-radius:9999px;width:.6rem;height:.6rem;transition:background-color .3s,transform .3s;box-shadow:0 0 0 3px #050505d9}.noir-land-spot.is-focus .noir-land-dot{background:var(--noir-ink);transform:scale(1.3)}.noir-land-name{white-space:nowrap;font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:#f4f2ec99;text-shadow:0 0 6px #050505f2,0 0 2px #050505f2;font-size:.62rem;font-weight:600;transition:color .3s;position:absolute;top:50%;transform:translateY(-50%)}.noir-land-spot.is-right .noir-land-name{left:calc(100% + .4rem)}.noir-land-spot.is-left .noir-land-name{right:calc(100% + .4rem)}.noir-land-spot.is-focus .noir-land-name,.noir-land-spot:hover .noir-land-name{color:var(--noir-ink)}.noir-land-card{border-top:1px solid #f4f2ec24;padding-top:1.6rem;animation:.5s cubic-bezier(.2,.8,.2,1) noir-land-card}}@keyframes noir-land-card{0%{opacity:0;transform:translateY(.6rem)}}html[lang=ar] .noir-land-name{letter-spacing:0;font-size:.8rem}@media (prefers-reduced-motion:reduce){.noir-land-card{animation:none}}