.map-callouts-demo-module__SMue0a__section{background:linear-gradient(135deg,#111c25,#090e14);border:1px solid #293743;border-radius:22px;grid-template-columns:.65fr 1.35fr;align-items:center;gap:36px;width:min(1220px,100% - 48px);margin:0 auto 100px;padding:40px;display:grid}.map-callouts-demo-module__SMue0a__copy{min-width:0}.map-callouts-demo-module__SMue0a__icon{color:#f63;background:#ff66330a;border:1px solid #664332;border-radius:13px;place-items:center;width:54px;height:54px;margin-bottom:30px;display:grid}.map-callouts-demo-module__SMue0a__scene{position:relative}.map-callouts-demo-module__SMue0a__loader{color:#93a7b7;text-align:center;background:#080e14;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:13px;display:flex;position:absolute;inset:0}.map-callouts-demo-module__SMue0a__spinner{border:3px solid #293743;border-top-color:#f63;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite map-callouts-demo-module__SMue0a__map-loading}@keyframes map-callouts-demo-module__SMue0a__map-loading{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.map-callouts-demo-module__SMue0a__spinner{animation:none}}.map-callouts-demo-module__SMue0a__copy h2{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(30px,3.5vw,46px);line-height:1.08}.map-callouts-demo-module__SMue0a__copy>p:last-child{color:#8f9ba7;font-size:16px;line-height:1.7}.map-callouts-demo-module__SMue0a__preview{background:#080e14;border:1px solid #2b3b49;border-radius:15px;min-width:0;overflow:hidden}.map-callouts-demo-module__SMue0a__controls{border-bottom:1px solid #293743;flex-wrap:wrap;gap:12px;padding:16px;display:flex}.map-callouts-demo-module__SMue0a__controls label{color:#8f9ba7;flex:1;gap:6px;font-size:11px;display:grid}.map-callouts-demo-module__SMue0a__controls select{color:#eef3f7;cursor:pointer;background:#111c25;border:1px solid #354553;border-radius:7px;width:100%;min-width:90px;padding:8px 10px;font-size:13px}.map-callouts-demo-module__SMue0a__controls select:focus-visible,.map-callouts-demo-module__SMue0a__viewport:focus-visible{outline-offset:-2px;outline:2px solid #f63}.map-callouts-demo-module__SMue0a__viewport{aspect-ratio:1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle,#15202a,#080e14);overflow:auto}.map-callouts-demo-module__SMue0a__map{min-width:0;margin:0 auto;position:relative}.map-callouts-demo-module__SMue0a__map img{width:100%;height:auto;display:block}.map-callouts-demo-module__SMue0a__map button{cursor:pointer;font-family:inherit;line-height:inherit;color:#ffe1a6;white-space:nowrap;background:#090e14e8;border:1px solid #ffc36c88;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.map-callouts-demo-module__SMue0a__preview .map-callouts-demo-module__SMue0a__credit{color:#6f7b87;text-align:right;min-height:0;padding:10px 16px;font-size:10px;display:block}@media (max-width:900px){.map-callouts-demo-module__SMue0a__section{grid-template-columns:1fr;gap:24px;padding:28px}.map-callouts-demo-module__SMue0a__copy{max-width:640px}.map-callouts-demo-module__SMue0a__icon{margin-bottom:20px}}@media (max-width:560px){.map-callouts-demo-module__SMue0a__section{width:calc(100% - 24px);margin-bottom:60px;padding:20px}.map-callouts-demo-module__SMue0a__map button{padding:2px 4px;font-size:8px}.map-callouts-demo-module__SMue0a__controls{gap:8px;padding:12px}}.map-callouts-demo-module__SMue0a__expanded{grid-template-columns:1fr}.map-callouts-demo-module__SMue0a__expanded .map-callouts-demo-module__SMue0a__copy{max-width:760px}.map-callouts-demo-module__SMue0a__expanded .map-callouts-demo-module__SMue0a__icon{display:none}.map-callouts-demo-module__SMue0a__expand{color:#ffcc81;cursor:pointer;background:#15212b;border:1px solid #354553;border-radius:7px;flex-shrink:0;align-self:end;place-items:center;width:35px;height:35px;display:grid}.map-callouts-demo-module__SMue0a__map button:focus-visible,.map-callouts-demo-module__SMue0a__expand:focus-visible,.map-callouts-demo-module__SMue0a__positions button:focus-visible{outline-offset:2px;outline:2px solid #f63}.map-callouts-demo-module__SMue0a__map button:hover,.map-callouts-demo-module__SMue0a__map .map-callouts-demo-module__SMue0a__active{z-index:2;color:#080e14;background:#ffcd25;border-color:#ffcd25;box-shadow:0 0 0 3px #ffcd2533}.map-callouts-demo-module__SMue0a__positions{border-top:1px solid #293743;padding:16px}.map-callouts-demo-module__SMue0a__positions>strong{color:#93a7b7;margin-bottom:10px;font-size:12px;display:block}.map-callouts-demo-module__SMue0a__positions>div{flex-wrap:wrap;gap:6px;display:flex}.map-callouts-demo-module__SMue0a__positions button{color:#c5ced6;cursor:pointer;background:#121c25;border:1px solid #34414d;border-radius:5px;padding:5px 8px;font-size:10px}.map-callouts-demo-module__SMue0a__positions button:hover,.map-callouts-demo-module__SMue0a__positions button[aria-pressed=true]{color:#ffdf83;border-color:#ffcd25}