@volvo-cars/css 0.28.0 → 0.29.0

package/dist/meta.json

@@ -113,6 +113,8 @@
     "hidden",
     "hover:border-primary",
     "hyphens",
+    "icon-mask",
+    "icon-sprite",
     "invisible",
     "items-center",
     "items-end",
@@ -446,9 +448,6 @@
         "--stack-gap: var(--v-space-24)",
         "--stack-gap: var(--v-space-32)",
         "--stack-gap: var(--v-space-16)",
-        "min-width: max-content",
-        "max-width: 100%",
-        "height: 3rem",
         "font-size: var(--v-font-16-size)",
         "font-weight: var(--v-font-emphasis-weight)",
         "color: var(--_color)",
@@ -457,19 +456,22 @@
         "background-color: var(--_background)",
         "justify-content: center",
         "align-items: center",
+        "min-width: max-content",
+        "max-width: 100%",
+        "height: 3rem",
         "transition: transform .2s, background-color .2s",
         "display: inline-flex",
         "position: relative",
         "overflow: hidden",
         "--_min-touch-area: 44px",
+        "content: \"\"",
         "width: 100%",
         "height: 44px",
-        "content: \"\"",
         "position: absolute",
         "top: 50%",
         "transform: translateY(-50%)",
-        "height: 2rem",
         "font-size: var(--v-font-12-size)",
+        "height: 2rem",
         "color: var(--_color-disabled, var(--_color))",
         "background-color: var(--_background-disabled, var(--_background))",
         "color: var(--_color-hover, var(--_color))",
@@ -505,9 +507,6 @@
         "--stack-gap: var(--v-space-24)",
         "--stack-gap: var(--v-space-32)",
         "--stack-gap: var(--v-space-16)",
-        "min-width: max-content",
-        "max-width: 100%",
-        "height: 3rem",
         "font-size: var(--v-font-16-size)",
         "font-weight: var(--v-font-emphasis-weight)",
         "color: var(--_color)",
@@ -516,19 +515,22 @@
         "background-color: var(--_background)",
         "justify-content: center",
         "align-items: center",
+        "min-width: max-content",
+        "max-width: 100%",
+        "height: 3rem",
         "transition: transform .2s, background-color .2s",
         "display: inline-flex",
         "position: relative",
         "overflow: hidden",
         "--_min-touch-area: 44px",
+        "content: \"\"",
         "width: 100%",
         "height: 44px",
-        "content: \"\"",
         "position: absolute",
         "top: 50%",
         "transform: translateY(-50%)",
-        "height: 2rem",
         "font-size: var(--v-font-12-size)",
+        "height: 2rem",
         "color: var(--_color-disabled, var(--_color))",
         "background-color: var(--_background-disabled, var(--_background))",
         "color: var(--_color-hover, var(--_color))",
@@ -562,9 +564,6 @@
         "flex: 1 0 40cqw",
         "--stack-gap: var(--v-space-24)",
         "--stack-gap: var(--v-space-16)",
-        "min-width: max-content",
-        "max-width: 100%",
-        "height: 3rem",
         "font-size: var(--v-font-16-size)",
         "font-weight: var(--v-font-emphasis-weight)",
         "color: var(--_color)",
@@ -573,19 +572,22 @@
         "background-color: var(--_background)",
         "justify-content: center",
         "align-items: center",
+        "min-width: max-content",
+        "max-width: 100%",
+        "height: 3rem",
         "transition: transform .2s, background-color .2s",
         "display: inline-flex",
         "position: relative",
         "overflow: hidden",
         "--_min-touch-area: 44px",
+        "content: \"\"",
         "width: 100%",
         "height: 44px",
-        "content: \"\"",
         "position: absolute",
         "top: 50%",
         "transform: translateY(-50%)",
-        "height: 2rem",
         "font-size: var(--v-font-12-size)",
+        "height: 2rem",
         "color: var(--_color-disabled, var(--_color))",
         "background-color: var(--_background-disabled, var(--_background))",
         "color: var(--_color-hover, var(--_color))",
@@ -598,11 +600,11 @@
         "--_color-disabled: var(--_v-color-surface-feedback-red-disabled)",
         "--_color-hover: var(--_v-color-surface-feedback-red-hover)",
         "--_arrow-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.96' fill-rule='evenodd' d='m10 8.707-4-4-4 4L1.293 8 6 3.293 10.707 8 10 8.707Z' clip-rule='evenodd'/%3E%3Cpath stroke='%23000' stroke-linecap='square' stroke-opacity='.96' stroke-width='.4' d='M9.858 8.848 10 8.99l.141-.142.707-.707L10.99 8l-.142-.141L6.141 3.15 6 3.01l-.141.141L1.15 7.86l-.141.14.141.142.708.707.14.142.142-.142L6 4.99l3.858 3.858Z'/%3E%3C/svg%3E\")",
-        "width: .75em",
-        "height: .75em",
         "mask: var(--_arrow-icon)",
         "rotate: var(--_arrow-rotation)",
         "flex-shrink: 0",
+        "width: .75em",
+        "height: .75em",
         "margin-top: .125rem",
         "transition: translate .1s",
         "mask-size: cover",
@@ -627,8 +629,8 @@
         "--_outer-margin: 0px",
         "--_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))",
         "--_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan))  + var(--v-space-gutter) * (var(--_colspan)  - 1))",
-        "width: 100%",
         "max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width))  + var(--_outer-margin))",
+        "width: 100%",
         "width: min(var(--v-size-gridmax), var(--_columns-total-width))",
         "--_container-colspan: 4",
         "--_container-colspan: 6"
@@ -642,8 +644,8 @@
         "--_outer-margin: 0px",
         "--_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))",
         "--_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan))  + var(--v-space-gutter) * (var(--_colspan)  - 1))",
-        "width: 100%",
         "max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width))  + var(--_outer-margin))",
+        "width: 100%",
         "width: min(var(--v-size-gridmax), var(--_columns-total-width))",
         "--_container-colspan: 4",
         "--_container-colspan: 8",
@@ -658,8 +660,8 @@
         "--_outer-margin: 0px",
         "--_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))",
         "--_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan))  + var(--v-space-gutter) * (var(--_colspan)  - 1))",
-        "width: 100%",
         "max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width))  + var(--_outer-margin))",
+        "width: 100%",
         "width: min(var(--v-size-gridmax), var(--_columns-total-width))",
         "--_container-colspan: 10",
         "--_container-colspan: 8"
@@ -673,8 +675,8 @@
         "--_outer-margin: 0px",
         "--_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))",
         "--_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan))  + var(--v-space-gutter) * (var(--_colspan)  - 1))",
-        "width: 100%",
         "max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width))  + var(--_outer-margin))",
+        "width: 100%",
         "width: min(var(--v-size-gridmax), var(--_columns-total-width))",
         "--_container-colspan: 10"
       ],
@@ -687,8 +689,8 @@
         "--_outer-margin: 0px",
         "--_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))",
         "--_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan))  + var(--v-space-gutter) * (var(--_colspan)  - 1))",
-        "width: 100%",
         "max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width))  + var(--_outer-margin))",
+        "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size"
       ],
@@ -701,8 +703,8 @@
         "--_outer-margin: 0px",
         "--_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))",
         "--_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan))  + var(--v-space-gutter) * (var(--_colspan)  - 1))",
-        "width: 100%",
         "max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width))  + var(--_outer-margin))",
+        "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size",
         "--_container-colspan: 4",
@@ -717,8 +719,8 @@
         "--_outer-margin: 0px",
         "--_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))",
         "--_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan))  + var(--v-space-gutter) * (var(--_colspan)  - 1))",
-        "width: 100%",
         "max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width))  + var(--_outer-margin))",
+        "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size",
         "--_container-colspan: 4",
@@ -734,8 +736,8 @@
         "--_outer-margin: 0px",
         "--_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))",
         "--_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan))  + var(--v-space-gutter) * (var(--_colspan)  - 1))",
-        "width: 100%",
         "max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width))  + var(--_outer-margin))",
+        "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size",
         "--_outer-margin: calc(var(--v-space-pagemargin) * 2)",
@@ -751,8 +753,8 @@
         "--_outer-margin: 0px",
         "--_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))",
         "--_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan))  + var(--v-space-gutter) * (var(--_colspan)  - 1))",
-        "width: 100%",
         "max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width))  + var(--_outer-margin))",
+        "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size",
         "--_outer-margin: calc(var(--v-space-pagemargin) * 2)",
@@ -767,8 +769,8 @@
         "--_outer-margin: 0px",
         "--_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))",
         "--_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan))  + var(--v-space-gutter) * (var(--_colspan)  - 1))",
-        "width: 100%",
         "max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width))  + var(--_outer-margin))",
+        "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size",
         "--_outer-margin: calc(var(--v-space-pagemargin) * 2)"
@@ -782,8 +784,8 @@
         "--_outer-margin: 0px",
         "--_colspan: min(var(--v-grid-columns), var(--_container-colspan, var(--v-grid-columns)))",
         "--_columns-total-width: calc((var(--v-size-gridcolumn) * var(--_colspan))  + var(--v-space-gutter) * (var(--_colspan)  - 1))",
-        "width: 100%",
         "max-width: min(80rem, min(var(--v-size-gridmax), var(--_columns-total-width))  + var(--_outer-margin))",
+        "width: 100%",
         "margin-inline: auto",
         "container-type: inline-size",
         "--_outer-margin: calc(var(--v-space-pagemargin) * 2)",
@@ -1052,13 +1054,13 @@
         "width: 1rem",
         "height: 1rem",
         "contain: strict",
-        "width: 2.5rem",
-        "height: 2.5rem",
         "appearance: none",
         "background: none",
         "border: 2px solid",
         "border-bottom-color: #0000",
         "border-radius: 50%",
+        "width: 2.5rem",
+        "height: 2.5rem",
         "animation: .7s cubic-bezier(.62, .63, 0, .53) infinite rotate",
         "display: inline-flex",
         "display: none"
@@ -1070,20 +1072,20 @@
       "prefixes": [],
       "declarations": [
         "z-index: var(--v-index-overlay)",
-        "width: 100%",
-        "max-width: 100%",
-        "height: fit-content",
-        "max-height: 80vh",
         "padding-block: var(--v-space-48)",
         "padding-inline: var(--v-space-24)",
         "color: var(--v-color-foreground-primary)",
         "background-color: var(--v-color-background-secondary)",
         "margin: auto",
+        "width: 100%",
+        "max-width: 100%",
+        "height: fit-content",
+        "max-height: 80vh",
         "margin-bottom: 0",
         "position: fixed",
         "inset: 0",
-        "max-width: 496px",
         "padding: var(--v-space-48)",
+        "max-width: 496px",
         "margin-bottom: auto"
       ],
       "layer": "volvo.blocks"
@@ -1123,6 +1125,58 @@
       ],
       "layer": "volvo.blocks"
     },
+    {
+      "name": "icon-sprite",
+      "prefixes": [],
+      "declarations": [
+        "width: var(--_icon-size)",
+        "height: var(--_icon-size)",
+        "vertical-align: middle",
+        "flex-grow: 0",
+        "flex-shrink: 0",
+        "display: inline-block",
+        "--_icon-size: 5rem",
+        "--_icon-size: 4rem",
+        "--_icon-size: 3rem",
+        "--_icon-size: 2.5rem",
+        "--_icon-size: 2rem",
+        "--_icon-size: 1.5rem",
+        "--_icon-size: 1rem",
+        "--_icon-size: .75rem",
+        "--_y-offset: var(--_dark-toggle) 7",
+        "fill: currentColor",
+        "object-fit: cover",
+        "object-position: 0 calc(var(--_y-offset, 0) * -1 * var(--_icon-size, 0))",
+        "transform: scaleX(-1)"
+      ],
+      "layer": "volvo.blocks"
+    },
+    {
+      "name": "icon-mask",
+      "prefixes": [],
+      "declarations": [
+        "width: var(--_icon-size)",
+        "height: var(--_icon-size)",
+        "vertical-align: middle",
+        "flex-grow: 0",
+        "flex-shrink: 0",
+        "display: inline-block",
+        "--_icon-size: 5rem",
+        "--_icon-size: 4rem",
+        "--_icon-size: 3rem",
+        "--_icon-size: 2.5rem",
+        "--_icon-size: 2rem",
+        "--_icon-size: 1.5rem",
+        "--_icon-size: 1rem",
+        "--_icon-size: .75rem",
+        "object-position: 0 -999px",
+        "mask-repeat: no-repeat",
+        "mask-image: var(--icon-url)",
+        "background-color: currentColor",
+        "transform: scaleX(-1)"
+      ],
+      "layer": "volvo.blocks"
+    },
     {
       "name": "v-label",
       "prefixes": [],
@@ -1159,13 +1213,13 @@
       "name": "v-input__password-visibility-control",
       "prefixes": [],
       "declarations": [
-        "width: 1.5rem",
-        "height: 1.5rem",
         "background-image: var(--_icon-eye-slash)",
         "background-position: center",
         "background-repeat: no-repeat",
         "background-size: 1.5rem 1.5rem",
-        "flex-shrink: 0"
+        "flex-shrink: 0",
+        "width: 1.5rem",
+        "height: 1.5rem"
       ],
       "layer": "volvo.blocks"
     },
@@ -3431,11 +3485,11 @@
       "name": "sr-only",
       "prefixes": [],
       "declarations": [
-        "width: 1px",
-        "height: 1px",
         "clip: rect(0, 0, 0, 0)",
         "white-space: nowrap",
         "border-width: 0",
+        "width: 1px",
+        "height: 1px",
         "margin: -1px",
         "padding: 0",
         "position: absolute",
@@ -3465,13 +3519,15 @@
       "css": "--v-transition-default",
       "type": "transition",
       "variant": "default",
-      "meta": {}
+      "meta": {},
+      "value": "var(--_v-transition-speed-default) ease"
     },
     {
       "css": "--v-transition-micro",
       "type": "transition",
       "variant": "micro",
-      "meta": {}
+      "meta": {},
+      "value": "var(--_v-transition-speed-fast) ease"
     },
     {
       "css": "--v-space-4",
@@ -3479,7 +3535,8 @@
       "variant": "4",
       "meta": {
         "description": "Fixed 4px spacing"
-      }
+      },
+      "value": "0.25rem"
     },
     {
       "css": "--v-space-8",
@@ -3487,7 +3544,8 @@
       "variant": "8",
       "meta": {
         "description": "Fixed 8px spacing"
-      }
+      },
+      "value": "0.5rem"
     },
     {
       "css": "--v-space-16",
@@ -3495,7 +3553,8 @@
       "variant": "16",
       "meta": {
         "description": "Fixed 16px spacing"
-      }
+      },
+      "value": "1rem"
     },
     {
       "css": "--v-space-24",
@@ -3503,7 +3562,8 @@
       "variant": "24",
       "meta": {
         "description": "Fixed 24px spacing"
-      }
+      },
+      "value": "1.5rem"
     },
     {
       "css": "--v-space-32",
@@ -3511,7 +3571,8 @@
       "variant": "32",
       "meta": {
         "description": "Fixed 32px spacing"
-      }
+      },
+      "value": "2rem"
     },
     {
       "css": "--v-space-48",
@@ -3519,7 +3580,8 @@
       "variant": "48",
       "meta": {
         "description": "Fixed 48px spacing"
-      }
+      },
+      "value": "3rem"
     },
     {
       "css": "--v-space-64",
@@ -3527,7 +3589,8 @@
       "variant": "64",
       "meta": {
         "description": "Fixed 64px spacing"
-      }
+      },
+      "value": "4rem"
     },
     {
       "css": "--v-space-l",
@@ -3536,7 +3599,8 @@
       "meta": {
         "direction": "vertical",
         "description": "Fluid spacing between 64px-96px."
-      }
+      },
+      "value": "clamp(4rem, 4vw + 2.8rem, 6rem)"
     },
     {
       "css": "--v-space-m",
@@ -3545,7 +3609,8 @@
       "meta": {
         "direction": "vertical",
         "description": "Fluid spacing between 48px-64px."
-      }
+      },
+      "value": "clamp(3rem, 3vw + 2rem, 4rem)"
     },
     {
       "css": "--v-space-s",
@@ -3554,7 +3619,8 @@
       "meta": {
         "direction": "vertical",
         "description": "Fluid spacing between 32px-48px."
-      }
+      },
+      "value": "clamp(2rem, 3vw + 1rem, 3rem)"
     },
     {
       "css": "--v-space-pagemargin",
@@ -3564,7 +3630,8 @@
         "direction": "horizontal",
         "property": "margin,padding",
         "description": "The fluid outer horizontal margins of the main page container.\n375  - 24px\n768  - 24px\n1280 - 28px\n1680 - 128px"
-      }
+      },
+      "value": "clamp(var(--_pagemargin-min), 22vw - 16.3rem, 8rem)"
     },
     {
       "css": "--v-space-gutter",
@@ -3574,7 +3641,8 @@
         "direction": "horizontal",
         "property": "gap",
         "description": "The horizontal gap between grid columns. Fluid between 16px-24px."
-      }
+      },
+      "value": "clamp(1rem, 2.6vw + 0.3rem, 1.5rem)"
     },
     {
       "css": "--v-grid-columns",
@@ -3582,7 +3650,8 @@
       "variant": "columns",
       "meta": {
         "description": "The total number of grid columns at the current breakpoint."
-      }
+      },
+      "value": "8"
     },
     {
       "css": "--v-size-gridcolumn",
@@ -3590,7 +3659,8 @@
       "variant": "gridcolumn",
       "meta": {
         "description": "The width of a single grid column."
-      }
+      },
+      "value": "calc(\n    (\n        var(--v-size-gridmax) - (var(--v-grid-columns) - 1) *\n          var(--v-space-gutter)\n      ) / var(--v-grid-columns)\n  )"
     },
     {
       "css": "--v-size-gridmax",
@@ -3598,7 +3668,8 @@
       "variant": "gridmax",
       "meta": {
         "description": "The maximum width of the 12 column grid."
-      }
+      },
+      "value": "min(80rem, 100vw - var(--_pagemargin-min) * 2)"
     },
     {
       "css": "--v-size-pagemax",
@@ -3606,144 +3677,166 @@
       "variant": "pagemax",
       "meta": {
         "description": "The maximum width a page is allowed to grow to."
-      }
+      },
+      "value": "min(160rem, 100vw)"
     },
     {
       "css": "--v-radius-4",
       "type": "radius",
       "variant": "4",
-      "meta": {}
+      "meta": {},
+      "value": "0.25rem"
     },
     {
       "css": "--v-radius-full",
       "type": "radius",
       "variant": "full",
-      "meta": {}
+      "meta": {},
+      "value": "9999px"
     },
     {
       "css": "--v-index-spinner",
       "type": "index",
       "variant": "spinner",
-      "meta": {}
+      "meta": {},
+      "value": "30"
     },
     {
       "css": "--v-index-overlay",
       "type": "index",
       "variant": "overlay",
-      "meta": {}
+      "meta": {},
+      "value": "20"
     },
     {
       "css": "--v-index-navigation",
       "type": "index",
       "variant": "navigation",
-      "meta": {}
+      "meta": {},
+      "value": "10"
     },
     {
       "css": "--v-index-default",
       "type": "index",
       "variant": "default",
-      "meta": {}
+      "meta": {},
+      "value": "0"
     },
     {
       "css": "--v-index-deep",
       "type": "index",
       "variant": "deep",
-      "meta": {}
+      "meta": {},
+      "value": "-1"
     },
     {
       "css": "--v-font-sans-family",
       "type": "font",
       "property": "family",
       "variant": "sans",
-      "meta": {}
+      "meta": {},
+      "value": "'Volvo Novum', 'Segoe UI', 'Helvetica Neue', 'Helvetica',\n    'Arial', sans-serif"
     },
     {
       "css": "--v-font-broad-family",
       "type": "font",
       "property": "family",
       "variant": "broad",
-      "meta": {}
+      "meta": {},
+      "value": "'Volvo Broad', 'Arial Black', sans-serif"
     },
     {
       "css": "--v-font-mono-family",
       "type": "font",
       "property": "family",
       "variant": "mono",
-      "meta": {}
+      "meta": {},
+      "value": "monospace"
     },
     {
       "css": "--v-font-regular-weight",
       "type": "font",
       "property": "weight",
       "variant": "regular",
-      "meta": {}
+      "meta": {},
+      "value": "300"
     },
     {
       "css": "--v-font-emphasis-weight",
       "type": "font",
       "property": "weight",
       "variant": "emphasis",
-      "meta": {}
+      "meta": {},
+      "value": "500"
     },
     {
       "css": "--v-font-16-size",
       "type": "font",
       "property": "size",
       "variant": "16",
-      "meta": {}
+      "meta": {},
+      "value": "1rem"
     },
     {
       "css": "--v-font-16-lineheight",
       "type": "font",
       "property": "lineheight",
       "variant": "16",
-      "meta": {}
+      "meta": {},
+      "value": "1.5"
     },
     {
       "css": "--v-font-16",
       "type": "font",
       "variant": "16",
-      "meta": {}
+      "meta": {},
+      "value": "var(--v-font-regular-weight) var(--v-font-16-size) /\n    var(--v-font-16-lineheight) var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-14-size",
       "type": "font",
       "property": "size",
       "variant": "14",
-      "meta": {}
+      "meta": {},
+      "value": "0.875rem"
     },
     {
       "css": "--v-font-14-lineheight",
       "type": "font",
       "property": "lineheight",
       "variant": "14",
-      "meta": {}
+      "meta": {},
+      "value": "1.57"
     },
     {
       "css": "--v-font-14",
       "type": "font",
       "variant": "14",
-      "meta": {}
+      "meta": {},
+      "value": "var(--v-font-regular-weight) var(--v-font-14-size) /\n    var(--v-font-14-lineheight) var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-12-size",
       "type": "font",
       "property": "size",
       "variant": "12",
-      "meta": {}
+      "meta": {},
+      "value": "0.75rem"
     },
     {
       "css": "--v-font-12-lineheight",
       "type": "font",
       "property": "lineheight",
       "variant": "12",
-      "meta": {}
+      "meta": {},
+      "value": "1.67"
     },
     {
       "css": "--v-font-12",
       "type": "font",
       "variant": "12",
-      "meta": {}
+      "meta": {},
+      "value": "var(--v-font-regular-weight) var(--v-font-12-size) /\n    var(--v-font-12-lineheight) var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-heading-1-lineheight",
@@ -3751,7 +3844,8 @@
       "property": "lineheight",
       "variant": "1",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "var(--_heading-lineheight)"
     },
     {
       "css": "--v-font-heading-1-size-min",
@@ -3760,7 +3854,8 @@
       "property": "size",
       "variant": "1",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "2rem"
     },
     {
       "css": "--v-font-heading-1-size-max",
@@ -3769,7 +3864,8 @@
       "property": "size",
       "variant": "1",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "2.5rem"
     },
     {
       "css": "--v-font-heading-1-size",
@@ -3777,14 +3873,16 @@
       "property": "size",
       "variant": "1",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "clamp(\n    var(--v-font-heading-1-size-min),\n    1vw + 1.7rem,\n    var(--v-font-heading-1-size-max)\n  )"
     },
     {
       "css": "--v-font-heading-1",
       "type": "font",
       "variant": "1",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "var(--v-font-emphasis-weight) var(--v-font-heading-1-size) /\n    var(--v-font-heading-1-lineheight) var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-heading-2-lineheight",
@@ -3792,7 +3890,8 @@
       "property": "lineheight",
       "variant": "2",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "var(--_heading-lineheight)"
     },
     {
       "css": "--v-font-heading-2-size-min",
@@ -3801,7 +3900,8 @@
       "property": "size",
       "variant": "2",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "1.5rem"
     },
     {
       "css": "--v-font-heading-2-size-max",
@@ -3810,7 +3910,8 @@
       "property": "size",
       "variant": "2",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "2rem"
     },
     {
       "css": "--v-font-heading-2-size",
@@ -3818,14 +3919,16 @@
       "property": "size",
       "variant": "2",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "clamp(\n    var(--v-font-heading-2-size-min),\n    1vw + 1.2rem,\n    var(--v-font-heading-2-size-max)\n  )"
     },
     {
       "css": "--v-font-heading-2",
       "type": "font",
       "variant": "2",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "var(--v-font-emphasis-weight) var(--v-font-heading-2-size) /\n    var(--v-font-heading-2-lineheight) var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-heading-3-lineheight",
@@ -3833,7 +3936,8 @@
       "property": "lineheight",
       "variant": "3",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "var(--_heading-lineheight)"
     },
     {
       "css": "--v-font-heading-3-size-min",
@@ -3842,7 +3946,8 @@
       "property": "size",
       "variant": "3",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "1.5rem"
     },
     {
       "css": "--v-font-heading-3-size-max",
@@ -3851,7 +3956,8 @@
       "property": "size",
       "variant": "3",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "2rem"
     },
     {
       "css": "--v-font-heading-3-size",
@@ -3859,14 +3965,16 @@
       "property": "size",
       "variant": "3",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "clamp(\n    var(--v-font-heading-3-size-min),\n    1vw + 1.2rem,\n    var(--v-font-heading-3-size-max)\n  )"
     },
     {
       "css": "--v-font-heading-3",
       "type": "font",
       "variant": "3",
       "category": "heading",
-      "meta": {}
+      "meta": {},
+      "value": "var(--v-font-regular-weight) var(--v-font-heading-3-size) /\n    var(--v-font-heading-3-lineheight) var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-statement-1-lineheight",
@@ -3874,7 +3982,8 @@
       "property": "lineheight",
       "variant": "1",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "var(--_heading-lineheight)"
     },
     {
       "css": "--v-font-statement-1-size-min",
@@ -3883,7 +3992,8 @@
       "property": "size",
       "variant": "1",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "4rem"
     },
     {
       "css": "--v-font-statement-1-size-max",
@@ -3892,7 +4002,8 @@
       "property": "size",
       "variant": "1",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "6rem"
     },
     {
       "css": "--v-font-statement-1-size",
@@ -3900,14 +4011,16 @@
       "property": "size",
       "variant": "1",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "clamp(\n    var(--v-font-statement-1-size-min),\n    4vw + 2.8rem,\n    var(--v-font-statement-1-size-max)\n  )"
     },
     {
       "css": "--v-font-statement-1",
       "type": "font",
       "variant": "1",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "var(--v-font-emphasis-weight)\n    var(--v-font-statement-1-size) / var(--v-font-statement-1-lineheight)\n    var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-statement-2-lineheight",
@@ -3915,7 +4028,8 @@
       "property": "lineheight",
       "variant": "2",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "var(--_heading-lineheight)"
     },
     {
       "css": "--v-font-statement-2-size-min",
@@ -3924,7 +4038,8 @@
       "property": "size",
       "variant": "2",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "3.5rem"
     },
     {
       "css": "--v-font-statement-2-size-max",
@@ -3933,7 +4048,8 @@
       "property": "size",
       "variant": "2",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "4.5rem"
     },
     {
       "css": "--v-font-statement-2-size",
@@ -3941,14 +4057,16 @@
       "property": "size",
       "variant": "2",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "clamp(\n    var(--v-font-statement-2-size-min),\n    2vw + 2.9rem,\n    var(--v-font-statement-2-size-max)\n  )"
     },
     {
       "css": "--v-font-statement-2",
       "type": "font",
       "variant": "2",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "var(--v-font-emphasis-weight)\n    var(--v-font-statement-2-size) / var(--v-font-statement-2-lineheight)\n    var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-statement-3-lineheight",
@@ -3956,7 +4074,8 @@
       "property": "lineheight",
       "variant": "3",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "var(--_heading-lineheight)"
     },
     {
       "css": "--v-font-statement-3-size-min",
@@ -3965,7 +4084,8 @@
       "property": "size",
       "variant": "3",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "3rem"
     },
     {
       "css": "--v-font-statement-3-size-max",
@@ -3974,7 +4094,8 @@
       "property": "size",
       "variant": "3",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "3.5rem"
     },
     {
       "css": "--v-font-statement-3-size",
@@ -3982,14 +4103,16 @@
       "property": "size",
       "variant": "3",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "clamp(\n    var(--v-font-statement-3-size-min),\n    1vw + 2.7rem,\n    var(--v-font-statement-3-size-max)\n  )"
     },
     {
       "css": "--v-font-statement-3",
       "type": "font",
       "variant": "3",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "var(--v-font-emphasis-weight)\n    var(--v-font-statement-3-size) / var(--v-font-statement-3-lineheight)\n    var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-statement-signature-lineheight",
@@ -3997,7 +4120,8 @@
       "property": "lineheight",
       "variant": "signature",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "1"
     },
     {
       "css": "--v-font-statement-signature-size-min",
@@ -4006,7 +4130,8 @@
       "property": "size",
       "variant": "signature",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "2.5rem"
     },
     {
       "css": "--v-font-statement-signature-size-max",
@@ -4015,7 +4140,8 @@
       "property": "size",
       "variant": "signature",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "4.5rem"
     },
     {
       "css": "--v-font-statement-signature-size",
@@ -4023,14 +4149,16 @@
       "property": "size",
       "variant": "signature",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "clamp(\n    var(--v-font-statement-signature-size-min),\n    4vw + 1.3rem,\n    var(--v-font-statement-signature-size-max)\n  )"
     },
     {
       "css": "--v-font-statement-signature",
       "type": "font",
       "variant": "signature",
       "category": "statement",
-      "meta": {}
+      "meta": {},
+      "value": "var(--v-font-emphasis-weight)\n    var(--v-font-statement-signature-size) /\n    var(--v-font-statement-signature-lineheight) var(--v-font-broad-family)"
     },
     {
       "css": "--v-font-title-24-size",
@@ -4038,7 +4166,8 @@
       "property": "size",
       "variant": "24",
       "category": "title",
-      "meta": {}
+      "meta": {},
+      "value": "1.5rem"
     },
     {
       "css": "--v-font-title-24-lineheight",
@@ -4046,14 +4175,16 @@
       "property": "lineheight",
       "variant": "24",
       "category": "title",
-      "meta": {}
+      "meta": {},
+      "value": "1.334"
     },
     {
       "css": "--v-font-title-24",
       "type": "font",
       "variant": "24",
       "category": "title",
-      "meta": {}
+      "meta": {},
+      "value": "var(--v-font-regular-weight) var(--v-font-title-24-size) /\n    var(--v-font-title-24-lineheight) var(--v-font-sans-family)"
     },
     {
       "css": "--v-font-title-20-size",
@@ -4061,7 +4192,8 @@
       "property": "size",
       "variant": "20",
       "category": "title",
-      "meta": {}
+      "meta": {},
+      "value": "1.25rem"
     },
     {
       "css": "--v-font-title-20-lineheight",
@@ -4069,14 +4201,16 @@
       "property": "lineheight",
       "variant": "20",
       "category": "title",
-      "meta": {}
+      "meta": {},
+      "value": "1.4"
     },
     {
       "css": "--v-font-title-20",
       "type": "font",
       "variant": "20",
       "category": "title",
-      "meta": {}
+      "meta": {},
+      "value": "var(--v-font-regular-weight) var(--v-font-title-20-size) /\n    var(--v-font-title-20-lineheight) var(--v-font-sans-family)"
     },
     {
       "css": "--v-color-always-black",
@@ -4085,7 +4219,10 @@
       "category": "always",
       "meta": {
         "description": "Always black regardless of colour mode."
-      }
+      },
+      "value": [
+        "#141414"
+      ]
     },
     {
       "css": "--v-color-always-white",
@@ -4094,7 +4231,10 @@
       "category": "always",
       "meta": {
         "description": "Always white regardless of colour mode."
-      }
+      },
+      "value": [
+        "#ffffff"
+      ]
     },
     {
       "css": "--v-color-foreground-primary",
@@ -4103,7 +4243,11 @@
       "variant": "primary",
       "meta": {
         "description": "Use for primary text and icons."
-      }
+      },
+      "value": [
+        "#1f1f1f",
+        "#ffffff"
+      ]
     },
     {
       "css": "--v-color-foreground-secondary",
@@ -4112,7 +4256,11 @@
       "variant": "secondary",
       "meta": {
         "description": "Use for secondary text and icons."
-      }
+      },
+      "value": [
+        "var(--_v-color-black-64)",
+        "rgb(255 255 255 / 64%)"
+      ]
     },
     {
       "css": "--v-color-foreground-inverted",
@@ -4121,7 +4269,11 @@
       "variant": "inverted",
       "meta": {
         "description": "Inverse of the primary foreground colour."
-      }
+      },
+      "value": [
+        "#ffffff",
+        "#000000"
+      ]
     },
     {
       "css": "--v-color-foreground-accent-blue",
@@ -4131,7 +4283,11 @@
       "category": "accent",
       "meta": {
         "description": "Use for links and selected states."
-      }
+      },
+      "value": [
+        "#2a609d",
+        "#2387eb"
+      ]
     },
     {
       "css": "--v-color-foreground-feedback-green",
@@ -4141,7 +4297,11 @@
       "category": "feedback",
       "meta": {
         "description": "Use to signify positive actions."
-      }
+      },
+      "value": [
+        "#048220",
+        "#07a62b"
+      ]
     },
     {
       "css": "--v-color-foreground-feedback-orange",
@@ -4151,7 +4311,11 @@
       "category": "feedback",
       "meta": {
         "description": "Use for highlighting errors, invalid data, and destructive actions for caution."
-      }
+      },
+      "value": [
+        "#eb7400",
+        "#ff9400"
+      ]
     },
     {
       "css": "--v-color-foreground-feedback-red",
@@ -4161,7 +4325,11 @@
       "category": "feedback",
       "meta": {
         "description": "Use for highlighting errors, invalid data, and destructive actions."
-      }
+      },
+      "value": [
+        "#bf2012",
+        "#ff3320"
+      ]
     },
     {
       "css": "--v-color-ornament-primary",
@@ -4170,7 +4338,11 @@
       "variant": "primary",
       "meta": {
         "description": "Use to visually group or separate UI elements."
-      }
+      },
+      "value": [
+        "var(--_v-color-black-16)",
+        "rgb(255 255 255 / 12%)"
+      ]
     },
     {
       "css": "--v-color-surface-neutral",
@@ -4179,7 +4351,11 @@
       "variant": "neutral",
       "meta": {
         "description": "Use for neutral surfaces."
-      }
+      },
+      "value": [
+        "#1f1f1f",
+        "#ffffff"
+      ]
     },
     {
       "css": "--v-color-surface-accent-blue",
@@ -4189,7 +4365,11 @@
       "category": "accent",
       "meta": {
         "description": "Use for CTA backgrounds."
-      }
+      },
+      "value": [
+        "#2a609d",
+        "#1f78d1"
+      ]
     },
     {
       "css": "--v-color-surface-feedback-green",
@@ -4199,7 +4379,11 @@
       "category": "feedback",
       "meta": {
         "description": "Use for positive and actionable states."
-      }
+      },
+      "value": [
+        "#048220",
+        "#088924"
+      ]
     },
     {
       "css": "--v-color-surface-feedback-orange",
@@ -4209,7 +4393,11 @@
       "category": "feedback",
       "meta": {
         "description": "Use for cautionary background states."
-      }
+      },
+      "value": [
+        "#eb7400",
+        "#ff9400"
+      ]
     },
     {
       "css": "--v-color-surface-feedback-red",
@@ -4219,7 +4407,11 @@
       "category": "feedback",
       "meta": {
         "description": "Use for errors, invalid and destructive background states."
-      }
+      },
+      "value": [
+        "#bf2012",
+        "#cc2617"
+      ]
     },
     {
       "css": "--v-color-background-primary",
@@ -4228,7 +4420,11 @@
       "variant": "primary",
       "meta": {
         "description": "Use as the primary background."
-      }
+      },
+      "value": [
+        "#ffffff",
+        "#000000"
+      ]
     },
     {
       "css": "--v-color-background-secondary",
@@ -4237,7 +4433,49 @@
       "variant": "secondary",
       "meta": {
         "description": "Use as the secondary background."
-      }
+      },
+      "value": [
+        "#fafafa",
+        "#141414"
+      ]
+    }
+  ],
+  "customMedia": [
+    {
+      "name": "--v-until-md",
+      "value": "(width < 30rem)"
+    },
+    {
+      "name": "--v-only-md",
+      "value": "(30rem <= width < 64rem)"
+    },
+    {
+      "name": "--v-from-md",
+      "value": "(width >= 30rem)"
+    },
+    {
+      "name": "--v-until-lg",
+      "value": "(width < 64rem)"
+    },
+    {
+      "name": "--v-only-lg",
+      "value": "(64rem <= width < 100rem)"
+    },
+    {
+      "name": "--v-from-lg",
+      "value": "(width >= 64rem)"
+    },
+    {
+      "name": "--v-until-xl",
+      "value": "(width < 100rem)"
+    },
+    {
+      "name": "--v-only-xl",
+      "value": "(width >= 100rem)"
+    },
+    {
+      "name": "--v-from-xl",
+      "value": "(width >= 100rem)"
     }
   ]
 }