.map-detail-access{border:1px solid color-mix(in srgb, var(--forest-panel) 20%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface-warm) 90%, transparent);width:max-content;max-width:min(720px,100% - 32px);color:var(--ink);box-shadow:var(--shadow-md);align-items:center;gap:20px;padding:16px 20px;display:flex;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%)}.map-detail-access-copy{font-size:var(--text-xs);gap:8px;line-height:1.5;display:grid}.map-detail-access-copy strong{font-size:var(--text-sm);align-items:center;gap:8px;display:flex}.map-detail-access-copy svg{color:var(--clay);flex-shrink:0}.map-detail-access>a{min-height:44px;font-size:var(--text-xs);flex-shrink:0}.map-detail-access--dismissible{padding-right:52px}.map-detail-access-close{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.map-detail-access-close:hover{background:color-mix(in srgb, var(--bark) 10%, transparent);color:var(--ink)}.map-detail-access-close:focus-visible{outline:2px solid var(--forest-panel);outline-offset:2px}.map-detail-access--inline{width:100%;max-width:none;box-shadow:none;justify-content:space-between;margin:-20px 0 48px;position:static;transform:none}.map-detail-access--inline .map-detail-access-copy{flex:auto}@media (max-width:620px){.map-detail-access{flex-direction:column;align-items:stretch;gap:12px;padding:16px;bottom:calc(100% + 12px)}.map-detail-access--dismissible{padding-right:52px}}