{
  "meta": {
    "source": "https://www.life360.com/",
    "domain": "life360.com",
    "extractedAt": "2026-05-30T21:32:41.348Z",
    "tokenizedAt": "2026-05-30T21:32:56.646Z"
  },
  "colors": {
    "background": {
      "primary": "rgb(255, 255, 255)",
      "secondary": "rgb(229, 231, 235)",
      "tertiary": "rgb(243, 244, 246)"
    },
    "text": {
      "primary": "rgb(49, 48, 46)",
      "secondary": "rgb(0, 0, 0)",
      "muted": "#31302e"
    },
    "accent": {
      "primary": "rgb(118, 46, 235)",
      "secondary": "rgb(154, 102, 255)"
    },
    "border": "rgb(49, 48, 46)",
    "shadow": "rgba(0,0,0,0.1)",
    "semantic": {
      "error": "#e94641",
      "success": "#07bc0c",
      "warning": "#f1c40f",
      "info": "#9a66ff"
    }
  },
  "typography": {
    "fontFamily": {
      "primary": "Twemoji Country Flags",
      "secondary": "ui-sans-serif",
      "mono": "monospace"
    },
    "fontSize": {
      "xs": "12px",
      "sm": "14px",
      "base": "16px",
      "lg": "20px",
      "xl": "24px",
      "2xl": "30px",
      "3xl": "36px",
      "4xl": "48px"
    },
    "fontWeight": {
      "normal": "400",
      "medium": "700",
      "semibold": "700",
      "bold": "700"
    },
    "lineHeight": {
      "tight": "1.15",
      "normal": "1.5",
      "relaxed": "1.5"
    },
    "letterSpacing": {
      "tight": "-0.013em",
      "normal": "0em",
      "wide": "-0.013em"
    }
  },
  "spacing": {
    "xxs": "2px",
    "xs": "4px",
    "sm": "8px",
    "md": "12px",
    "base": "16px",
    "lg": "24px",
    "xl": "32px",
    "2xl": "48px",
    "3xl": "64px"
  },
  "borderRadius": {
    "none": "0px",
    "xs": "4px",
    "sm": "6px",
    "md": "12px",
    "lg": "16px",
    "xl": "24px",
    "full": "9999px"
  },
  "shadows": {
    "shadow-1": "rgb(204, 204, 204) 0px 0px 2px 2px"
  },
  "transitions": {
    "transition-1": "all",
    "transition-2": "opacity 0.7s, visibility",
    "transition-3": "color 0.2s ease-out",
    "transition-4": "background-color 0.2s ease-out",
    "transition-5": "transform 0.1s linear, opacity 0.2s linear, visibility linear"
  },
  "layout": {
    "maxWidth": "1200px",
    "headerHeight": "0px",
    "sidebarWidth": "0px",
    "gap": "normal",
    "containerPadding": "0px"
  },
  "cssCustomProperties": {
    "--osano-link-color-contrast": "#9a66ff",
    "--text-placeholder": "#666",
    "--osano-button-background-color-hover": "#9a66ff",
    "--toastify-color-warning": "#f1c40f",
    "--osano-focus-outline-color": "Highlight",
    "--osano-info-dialog-toggle-off-track-color-hover": "#bebebe",
    "--throwback": "#00adbb",
    "--osano-button-deny-background-color-hover": "#9a66ff",
    "--color-brand-30": "#dabbfa",
    "--dark-purple": "#562e9b",
    "--toastify-spinner-color": "#616161",
    "--pepper": "#af2913",
    "--osano-toggle-on-thumb-color": "#FFFFFF",
    "--osano-info-dialog-button-background-color-focus": "#ebebeb",
    "--evergreen": "#034a3e",
    "--osano-gpc-color": "#37cd84",
    "--osano-button-reject-all-foreground-color": "#ffffff",
    "--toastify-z-index": "9999",
    "--light-blue-400": "#acf0ff",
    "--osano-dialog-type": "bar",
    "--accents-0": "#f8f9fa",
    "--outline-primary": "#ccc",
    "--osano-info-dialog-toggle-on-thumb-color-contrast": "#ebebeb",
    "--osano-toggle-on-track-color-disabled": "#7661a6",
    "--osano-info-dialog-toggle-off-thumb-color-focus": "#bebebe",
    "--contrasted": "#0a7e80",
    "--fa-font-sharp-light": "normal 300 1em/1 \"Font Awesome 6 Sharp\"",
    "--osano-button-accept-background-color-contrast": "#9a66ff",
    "--green-dark": "#0c7074",
    "--osano-info-dialog-toggle-off-track-color": "#d2d2d2",
    "--grey-750": "#444",
    "--fa-font-brands": "normal 400 1em/1 \"Font Awesome 6 Brands\"",
    "--osano-button-background-color": "#8652ff",
    "--moss-grey": "#243832",
    "--osano-button-manage-background-color-contrast": "#9a66ff",
    "--toastify-text-color-warning": "#fff",
    "--accents-6": "#868e96",
    "--osano-button-deny-background-color-contrast": "#9a66ff",
    "--toastify-toast-max-height": "800px",
    "--osano-info-dialog-button-background-color-hover": "#9a66ff",
    "--tw-ring-color": "rgb(59 130 246/0.5)",
    "--error": "#e94641",
    "--osano-info-dialog-button-background-color": "#8652ff",
    "--osano-dialog-gpc-foreground-color": "#ffffff",
    "--blue-600": "#3f50e5",
    "--osano-info-dialog-gpc-background-color": "#180D43",
    "--functional-gray-60": "#5c5b5a",
    "--osano-button-deny-foreground-color-contrast": "#ebebeb",
    "--blue-900": "#19205c",
    "--toastify-color-progress-success": "#07bc0c",
    "--osano-widget-color": "#37cd8f",
    "--orange": "#ff9548",
    "--plain-bg": "#fbf9f7",
    "--color-gray-80": "#31302e",
    "--toastify-toast-bottom": "max(16px,0px)",
    "--caribbean": "#01656d",
    "--color-gray-20": "#e6e4e0",
    "--osano-toggle-on-track-color-hover": "#4a357a",
    "--osano-button-accept-foreground-color": "#ffffff",
    "--osano-button-accept-background-color-focus": "#ebebeb",
    "--lilac-30": "#f4eeff",
    "--osano-button-accept-border-color": "#fff",
    "--color-gray-30": "#c5c4bf",
    "--osano-widget-position": "right",
    "--black": "#1d1d1d",
    "--osano-info-dialog-toggle-on-track-color-focus": "#ebebeb",
    "--fa-font-light": "normal 300 1em/1 \"Font Awesome 6 Pro\"",
    "--osano-info-dialog-button-background-color-contrast": "#9a66ff",
    "--osano-button-foreground-color-focus": "#9a66ff",
    "--osano-dialog-gpc-color": "#37cd84",
    "--danger": "#ffbd52",
    "--cta": "#8652ff",
    "--toastify-text-color-dark": "#fff",
    "--tw-gradient-via-position": "",
    "--tw-saturate": "",
    "--mirage": "#191931",
    "--osano-toggle-off-thumb-color-focus": "#bebebe",
    "--eggplant": "#240047",
    "--osano-button-deny-foreground-color-hover": "#ebebeb",
    "--red-100": "#e94641",
    "--tw-grayscale": "",
    "--heliotrope": "#f492ff",
    "--osano-info-dialog-toggle-off-track-color-contrast": "#bebebe",
    "--gray-50": "#666",
    "--tw-gradient-to-position": "",
    "--toastify-icon-color-error": "#e74c3c",
    "--osano-button-manage-foreground-color-contrast": "#ebebeb",
    "--fa-font-sharp-solid": "normal 900 1em/1 \"Font Awesome 6 Sharp\"",
    "--osano-button-accept-foreground-color-focus": "#9a66ff",
    "--osano-toggle-on-track-color-contrast": "#4a357a",
    "--toastify-toast-right": "max(16px,0px)",
    "--gray-10": "#efefef",
    "--osano-dialog-background-color": "#000",
    "--osano-toggle-on-track-color-focus": "#ebebeb",
    "--osano-toggle-on-thumb-color-focus": "#4a357a",
    "--osano-info-dialog-toggle-on-track-color-contrast": "#4a357a",
    "--osano-gpc-background-color": "#ffffff",
    "--accents-3": "#dee2e6",
    "--cta-light": "#e9deff",
    "--toastify-spinner-color-empty-area": "#e0e0e0",
    "--tw-pinch-zoom": "",
    "--osano-info-dialog-gpc-border-color": "#FFFFFF",
    "--blue-700": "#170731",
    "--color-blue-100": "#5dceff",
    "--color-gray-10": "#f9f7f3",
    "--text-secondary": "#31302e",
    "--osano-button-foreground-color-hover": "#ebebeb",
    "--functional-gray-20": "#e8e6e4",
    "--core-purple": "#762eeb",
    "--osano-dialog-background-color-contrast": "#141414",
    "--osano-info-dialog-button-foreground-color-hover": "#ebebeb",
    "--color-brand-40": "#c599f7",
    "--accents-8": "#343a40",
    "--osano-dialog-gpc-background-color": "#000",
    "--osano-button-reject-all-background-color": "#8652ff",
    "--osano-button-background-color-focus": "#ebebeb",
    "--white": "#fff",
    "--osano-info-dialog-gpc-foreground-color": "#FFFFFF",
    "--fa-font-regular": "normal 400 1em/1 \"Font Awesome 6 Free\"",
    "--accents-2": "#e9ecef",
    "--color-yellow-20": "#fff5de",
    "--osano-button-deny-foreground-color": "#ffffff",
    "--osano-button-deny-background-color-focus": "#ebebeb",
    "--osano-display-position": "bottom",
    "--osano-toggle-on-track-color": "#362166",
    "--tw-numeric-spacing": "",
    "--osano-button-deny-foreground-color-focus": "#9a66ff",
    "--osano-button-deny-background-color": "#8652ff",
    "--osano-link-color": "#8652ff",
    "--color-tan-10": "#f4f0e7",
    "--osano-button-close-color": "#ffffff",
    "--sky": "#75e6ff",
    "--osano-dialog-foreground-color": "#ffffff",
    "--green-50": "#01846d",
    "--green-200": "#4aac42",
    "--osano-info-dialog-gpc-color": "#37cd84",
    "--tw-scale-y": "1",
    "--toastify-color-transparent": "rgba(255,255,255,0.7)",
    "--tw-backdrop-contrast": "",
    "--tw-drop-shadow": "",
    "--osano-button-foreground-color-contrast": "#ebebeb",
    "--osano-button-accept-background-color-hover": "#9a66ff",
    "--toastify-font-family": "sans-serif",
    "--osano-toggle-off-track-color-contrast": "#bebebe",
    "--functional-gray-50": "#a3a1a0",
    "--tw-pan-x": "",
    "--tw-translate-y": "0",
    "--gray-5": "#f5f5f5",
    "--osano-button-manage-background-color": "#8652ff",
    "--osano-gpc-border-color": "#058a5e",
    "--toastify-color-dark": "#121212",
    "--color-yellow-50": "#ffe7ad",
    "--font-primary": "\"Twemoji Country Flags\",\"CentraNo2\"",
    "--black-600": "#111",
    "--tw-contain-size": "",
    "--osano-button-reject-all-background-color-contrast": "#9a66ff",
    "--osano-info-dialog-toggle-on-thumb-color-disabled": "#bfbfbf",
    "--osano-info-dialog-toggle-off-thumb-color-hover": "#ebebeb",
    "--color-magenta-100": "#f16ee5",
    "--osano-button-manage-background-color-focus": "#ebebeb",
    "--color-gray-40": "#a5a49e",
    "--gray-30": "#bebebe",
    "--toastify-toast-bd-radius": "6px",
    "--red-300": "#bc0606",
    "--osano-info-dialog-foreground-color": "#FFFFFF",
    "--sidewalk-stone": "#f4f0e7",
    "--toastify-color-progress-bgo": "0.2",
    "--osano-button-reject-all-border-color": "#fff",
    "--text-primary": "#31302e",
    "--color-gray-70": "#51504b",
    "--color-gray-90": "#1f1e1d",
    "--osano-button-manage-border-color": "#fff",
    "--fa-font-duotone": "normal 900 1em/1 \"Font Awesome 6 Duotone\"",
    "--osano-info-dialog-toggle-on-thumb-color-focus": "#4a357a",
    "--fa-font-thin": "normal 100 1em/1 \"Font Awesome 6 Pro\"",
    "--purple-midnight": "#311969",
    "--osano-button-accept-foreground-color-hover": "#ebebeb",
    "--tw-translate-x": "0",
    "--disabled": "rgba(216,216,216,0.3)",
    "--color-blue-50": "#aee7ff",
    "--light-gray": "#f5f5f5",
    "--color-black": "#31302e",
    "--toastify-color-error": "#e74c3c",
    "--osano-info-dialog-toggle-on-track-color": "#362166",
    "--gray-200": "#f8f8f8",
    "--osano-toggle-button-off-color": "#ffffff",
    "--tw-border-spacing-y": "0",
    "--toastify-toast-background": "#fff",
    "--toastify-toast-left": "max(16px,0px)",
    "--grey-800": "#4a4a4a",
    "--mint": "#02e8bf",
    "--osano-button-reject-all-background-color-hover": "#9a66ff",
    "--fa-font-sharp-thin": "normal 100 1em/1 \"Font Awesome 6 Sharp\"",
    "--purple": "#8652ff",
    "--color-tan-20": "#ece5d5",
    "--primary": "#fff",
    "--tw-blur": "",
    "--tw-invert": "",
    "--primary-2": "#efefef",
    "--accents-9": "#212529",
    "--toastify-text-color-info": "#fff",
    "--osano-clear-dialog-background": "rgba(24,13,67,0)",
    "--functional-gray-40": "#c2c0bf",
    "--tw-contain-layout": "",
    "--hover-cta": "#5a27ab",
    "--osano-toggle-off-thumb-color-disabled": "#bfbfbf",
    "--gold": "#f9ab00",
    "--tw-backdrop-sepia": "",
    "--tw-ring-shadow": "0 0 #0000",
    "--pitch-black": "#000",
    "--osano-toggle-off-thumb-color": "#FFFFFF",
    "--accents-7": "#495057",
    "--grey-400": "#abaeb1",
    "--tw-sepia": "",
    "--tw-ordinal": "",
    "--orchid": "#e366c8",
    "--tw-contain-style": "",
    "--osano-toggle-on-thumb-color-disabled": "#bfbfbf",
    "--black-200": "#d2d2d2",
    "--gray-4": "#edebf0",
    "--midnight": "#092c45",
    "--color-magenta-50": "#f8b6f2",
    "--tw-backdrop-invert": "",
    "--off-white": "#f9f9f9",
    "--osano-info-dialog-button-foreground-color-contrast": "#ebebeb",
    "--soft-lilac": "#ead6ff",
    "--color-green-100": "#89ec7e",
    "--osano-toggle-off-track-color-disabled": "#929292",
    "--osano-button-manage-foreground-color-hover": "#ebebeb",
    "--functional-gray-10": "#fbf9f7",
    "--tw-border-spacing-x": "0",
    "--lilac": "#e9deff",
    "--osano-info-dialog-button-foreground-color-focus": "#9a66ff",
    "--osano-toggle-off-thumb-color-hover": "#ebebeb",
    "--color-blue-20": "#dff5ff",
    "--tw-backdrop-grayscale": "",
    "--tw-hue-rotate": "",
    "--color-tan-100": "#f4f1eb",
    "--tw-pan-y": "",
    "--osano-toggle-off-background-color": "#d2cfff",
    "--bone": "#fffcf8",
    "--clay": "#783200",
    "--osano-button-accept-background-color": "#8652ff",
    "--toastify-color-progress-error": "#e74c3c",
    "--osano-toggle-on-thumb-color-hover": "#ebebeb",
    "--osano-gpc-background-color-contrast": "#ebebeb",
    "--toastify-text-color-light": "#757575",
    "--osano-gpc-foreground-color": "#058a5e",
    "--osano-widget-outline-color": "#29246a",
    "--text-disabled": "#666",
    "--swiper-theme-color": "#007aff",
    "--color-gray-50": "#84837d",
    "--tw-rotate": "0",
    "--text-secondary-2": "#666",
    "--tw-ring-offset-color": "#fff",
    "--gray-20": "#ccc",
    "--dark-lilac": "#643bc1",
    "--toastify-color-progress-dark": "#bb86fc",
    "--osano-opt-out-widget-position": "left",
    "--toastify-toast-min-height": "64px",
    "--toastify-color-progress-warning": "#f1c40f",
    "--protocol": "#f0e757",
    "--toastify-color-light": "#fff",
    "--osano-button-reject-all-foreground-color-hover": "#ebebeb",
    "--toastify-toast-width": "320px",
    "--osano-button-manage-foreground-color": "#ffffff",
    "--osano-button-reject-all-foreground-color-focus": "#9a66ff",
    "--accents-1": "#f1f3f5",
    "--osano-info-dialog-button-foreground-color": "#ffffff",
    "--color-brand-10": "#f6eefe",
    "--yellow-50": "#fff550",
    "--yellow-100": "#ffbd52",
    "--tw-ring-offset-width": "0px",
    "--osano-info-dialog-link-color-contrast": "#9a66ff",
    "--osano-info-dialog-toggle-on-thumb-color-hover": "#ebebeb",
    "--secondary-2": "#666",
    "--tw-scroll-snap-strictness": "proximity",
    "--color-brand-20": "#e9d5fd",
    "--fa-font-sharp-duotone-solid": "normal 900 1em/1 \"Font Awesome 6 Sharp Duotone\"",
    "--core-black-100": "#0b0a0a",
    "--accents-4": "#ced4da",
    "--tw-backdrop-hue-rotate": "",
    "--burgundy": "#5b0025",
    "--tw-shadow-colored": "0 0 #0000",
    "--accents-10": "#546e7a",
    "--osano-info-dialog-toggle-on-track-color-disabled": "#7661a6",
    "--tw-numeric-fraction": "",
    "--color-magenta-20": "#fce2fa",
    "--functional-gray-70": "#3a3838",
    "--osano-info-dialog-button-close-color": "#FFFFFF",
    "--tw-skew-y": "0",
    "--osano-info-dialog-link-color": "#8652ff",
    "--violet": "#c1a6ff",
    "--tw-slashed-zero": "",
    "--fa-font-solid": "normal 900 1em/1 \"Font Awesome 6 Free\"",
    "--osano-info-dialog-toggle-on-track-color-hover": "#4a357a",
    "--tw-backdrop-opacity": "",
    "--toastify-icon-color-warning": "#f1c40f",
    "--osano-toggle-on-background-color": "#37cd8f",
    "--electric-green": "#8fc14e",
    "--tw-gradient-from-position": "",
    "--osano-info-dialog-overlay-color": "rgba(0,0,0,0.45)",
    "--tw-contain-paint": "",
    "--grey-600": "#757575",
    "--color-yellow-100": "#ffce5b",
    "--osano-toggle-off-track-color-focus": "#ebebeb",
    "--tw-ring-offset-shadow": "0 0 #0000",
    "--mintgreen-200": "#ccfaf2",
    "--osano-button-reject-all-background-color-focus": "#ebebeb",
    "--osano-info-dialog-background-color": "#180D43",
    "--toastify-toast-offset": "16px",
    "--tw-backdrop-saturate": "",
    "--toastify-text-color-error": "#fff",
    "--color-brand-70": "#5a27ab",
    "--toastify-color-info": "#3498db",
    "--osano-info-dialog-toggle-off-track-color-disabled": "#929292",
    "--color-green-50": "#c4f5be",
    "--osano-info-dialog-toggle-off-thumb-color-contrast": "#ebebeb",
    "--osano-info-dialog-toggle-on-thumb-color": "#FFFFFF",
    "--tw-ring-inset": "",
    "--ceramic-blue": "#d8e8e2",
    "--osano-toggle-off-track-color": "#d2d2d2",
    "--toastify-toast-top": "max(16px,0px)",
    "--osano-info-dialog-position": "left",
    "--color-gray-60": "#6d6c65",
    "--tw-brightness": "",
    "--osano-info-dialog-button-border-color": "#ffffff",
    "--osano-button-border-color": "#fff",
    "--osano-toggle-off-thumb-color-contrast": "#ebebeb",
    "--color-brand-60": "#762eeb",
    "--osano-button-background-color-contrast": "#9a66ff",
    "--osano-dialog-gpc-border-color": "#ffffff",
    "--osano-toggle-on-thumb-color-contrast": "#ebebeb",
    "--blue": "#4e37fa",
    "--tw-backdrop-brightness": "",
    "--color-slate-100": "#f1f5f9",
    "--color-brand-80": "#3e1e6f",
    "--toastify-color-progress-info": "#3498db",
    "--color-red-20": "#fde4e1",
    "--functional-gray-30": "#dcdbd9",
    "--tw-contrast": "",
    "--toastify-icon-color-success": "#07bc0c",
    "--osano-info-dialog-toggle-off-thumb-color-disabled": "#bfbfbf",
    "--olive": "#444000",
    "--osano-gpc-background-color-hover": "#ffffff",
    "--osano-toggle-off-track-color-hover": "#bebebe",
    "--color-red-100": "#f7776b",
    "--tw-skew-x": "0",
    "--toastify-text-color-success": "#fff",
    "--black-300": "#a5a5a5",
    "--osano-info-dialog-toggle-off-thumb-color": "#FFFFFF",
    "--osano-button-manage-background-color-hover": "#9a66ff",
    "--tw-backdrop-blur": "",
    "--toastify-color-success": "#07bc0c",
    "--color-red-50": "#fbbbb5",
    "--tw-shadow": "0 0 #0000",
    "--gray": "#f4f4f4",
    "--outline-selected": "#8652ff",
    "--color-tan-30": "#dfd4b9",
    "--cyan": "#22b8cf",
    "--color-park-green": "#c8e802",
    "--toastify-color-progress-light": "linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)",
    "--gray-40": "#999",
    "--black-500": "#4a4a4a",
    "--osano-button-deny-border-color": "#fff",
    "--dusk": "#5f3ab5",
    "--tw-scale-x": "1",
    "--osano-button-manage-foreground-color-focus": "#9a66ff",
    "--osano-info-dialog-toggle-off-track-color-focus": "#ebebeb",
    "--osano-button-foreground-color": "#ffffff",
    "--selected": "#f5f5f5",
    "--grey-700": "#5f646a",
    "--osano-widget-fill-color": "#fff",
    "--osano-button-accept-foreground-color-contrast": "#ebebeb",
    "--toastify-icon-color-info": "#3498db",
    "--color-green-20": "#e7fbe5",
    "--osano-toggle-button-on-color": "#f4f4f4",
    "--red-200": "#d60d0d",
    "--fa-font-sharp-regular": "normal 400 1em/1 \"Font Awesome 6 Sharp\"",
    "--text-base": "#31302e",
    "--secondary": "#1d1d1d",
    "--grey-100": "#f6f6f6",
    "--tw-numeric-figure": "",
    "--tidepool-teal": "#b3eff4",
    "--osano-dialog-foreground-color-contrast": "#ebebeb",
    "--osano-button-reject-all-foreground-color-contrast": "#ebebeb",
    "--font-centrano2": "\"centraNo2\",\"centraNo2 Fallback\""
  }
}