/* Generated by scripts/generate-tokens.mjs from tokens/tokens.json. Do not edit.
 *
 * Primitive tokens are named --v-ref-*, semantic tokens --v-*.
 * Components may reference the semantic layer only; the naming split is what
 * makes that rule checkable from the token name alone.
 */

@property --v-ref-spacing-baseline-00 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0rem;
}
@property --v-ref-spacing-baseline-01 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.0625rem;
}
@property --v-ref-spacing-baseline-02 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.125rem;
}
@property --v-ref-spacing-baseline-04 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.25rem;
}
@property --v-ref-spacing-baseline-08 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.5rem;
}
@property --v-ref-spacing-baseline-12 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --v-ref-spacing-baseline-16 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1rem;
}
@property --v-ref-spacing-baseline-24 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --v-ref-spacing-baseline-32 {
  syntax: "<length>";
  inherits: true;
  initial-value: 2rem;
}
@property --v-ref-spacing-baseline-40 {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --v-ref-spacing-baseline-48 {
  syntax: "<length>";
  inherits: true;
  initial-value: 3rem;
}
@property --v-ref-spacing-baseline-64 {
  syntax: "<length>";
  inherits: true;
  initial-value: 4rem;
}
@property --v-ref-spacing-baseline-80 {
  syntax: "<length>";
  inherits: true;
  initial-value: 5rem;
}
@property --v-ref-spacing-baseline-96 {
  syntax: "<length>";
  inherits: true;
  initial-value: 6rem;
}
@property --v-ref-radius-00 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --v-ref-radius-01 {
  syntax: "<length>";
  inherits: true;
  initial-value: 4px;
}
@property --v-ref-radius-02 {
  syntax: "<length>";
  inherits: true;
  initial-value: 8px;
}
@property --v-ref-radius-03 {
  syntax: "<length>";
  inherits: true;
  initial-value: 16px;
}
@property --v-ref-radius-04 {
  syntax: "<length>";
  inherits: true;
  initial-value: 20px;
}
@property --v-ref-radius-05 {
  syntax: "<length>";
  inherits: true;
  initial-value: 360px;
}
@property --v-ref-containers-01 {
  syntax: "<length>";
  inherits: true;
  initial-value: 15rem;
}
@property --v-ref-containers-02 {
  syntax: "<length>";
  inherits: true;
  initial-value: 19.5rem;
}
@property --v-ref-containers-03 {
  syntax: "<length>";
  inherits: true;
  initial-value: 34.5rem;
}
@property --v-ref-containers-04 {
  syntax: "<length>";
  inherits: true;
  initial-value: 52.5rem;
}
@property --v-ref-containers-05 {
  syntax: "<length>";
  inherits: true;
  initial-value: 88.5rem;
}
@property --v-ref-colors-blue-blue-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ebf4ff;
}
@property --v-ref-colors-blue-blue-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ccdbed;
}
@property --v-ref-colors-blue-blue-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #99b6da;
}
@property --v-ref-colors-blue-blue-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6692c8;
}
@property --v-ref-colors-blue-blue-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #336eb5;
}
@property --v-ref-colors-blue-blue-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0049a3;
}
@property --v-ref-colors-blue-blue-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #003d82;
}
@property --v-ref-colors-blue-blue-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #002e62;
}
@property --v-ref-colors-blue-blue-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #001d41;
}
@property --v-ref-colors-blue-blue-1000 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000f21;
}
@property --v-ref-colors-green-green-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #eaf3ef;
}
@property --v-ref-colors-green-green-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #d6e7df;
}
@property --v-ref-colors-green-green-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #accfbd;
}
@property --v-ref-colors-green-green-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #83b69d;
}
@property --v-ref-colors-green-green-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #599e7a;
}
@property --v-ref-colors-green-green-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #30865a;
}
@property --v-ref-colors-green-green-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #266b47;
}
@property --v-ref-colors-green-green-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1d5037;
}
@property --v-ref-colors-green-green-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #133624;
}
@property --v-ref-colors-green-green-1000 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0a1b13;
}
@property --v-ref-colors-red-red-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fbedec;
}
@property --v-ref-colors-red-red-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f7dbd8;
}
@property --v-ref-colors-red-red-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #efb7b2;
}
@property --v-ref-colors-red-red-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #e7938b;
}
@property --v-ref-colors-red-red-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #df6f65;
}
@property --v-ref-colors-red-red-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #d74b3e;
}
@property --v-ref-colors-red-red-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ac3c32;
}
@property --v-ref-colors-red-red-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #812d25;
}
@property --v-ref-colors-red-red-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #561e19;
}
@property --v-ref-colors-red-red-1000 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2b0f0c;
}
@property --v-ref-colors-yellow-yellow-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff8e7;
}
@property --v-ref-colors-yellow-yellow-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff0cf;
}
@property --v-ref-colors-yellow-yellow-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffe1a0;
}
@property --v-ref-colors-yellow-yellow-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffd370;
}
@property --v-ref-colors-yellow-yellow-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffc441;
}
@property --v-ref-colors-yellow-yellow-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffb511;
}
@property --v-ref-colors-yellow-yellow-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ba830d;
}
@property --v-ref-colors-yellow-yellow-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #94690d;
}
@property --v-ref-colors-yellow-yellow-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #664807;
}
@property --v-ref-colors-yellow-yellow-1000 {
  syntax: "<color>";
  inherits: true;
  initial-value: #332403;
}
@property --v-ref-colors-purple-purple-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f1eaff;
}
@property --v-ref-colors-purple-purple-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #d7cced;
}
@property --v-ref-colors-purple-purple-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #af99da;
}
@property --v-ref-colors-purple-purple-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8766c8;
}
@property --v-ref-colors-purple-purple-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5e33b5;
}
@property --v-ref-colors-purple-purple-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3600a3;
}
@property --v-ref-colors-purple-purple-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2b0082;
}
@property --v-ref-colors-purple-purple-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #210062;
}
@property --v-ref-colors-purple-purple-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #160041;
}
@property --v-ref-colors-purple-purple-1000 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0b0021;
}
@property --v-ref-colors-neutral-neutral-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --v-ref-colors-neutral-neutral-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0f0f2;
}
@property --v-ref-colors-neutral-neutral-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #d8d9df;
}
@property --v-ref-colors-neutral-neutral-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #c0c2c9;
}
@property --v-ref-colors-neutral-neutral-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #878a97;
}
@property --v-ref-colors-neutral-neutral-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #686b78;
}
@property --v-ref-colors-neutral-neutral-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #454854;
}
@property --v-ref-colors-neutral-neutral-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #30323b;
}
@property --v-ref-colors-neutral-neutral-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #202128;
}
@property --v-ref-colors-neutral-neutral-1000 {
  syntax: "<color>";
  inherits: true;
  initial-value: #131317;
}
@property --v-ref-colors-alpha-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000000;
}
@property --v-ref-colors-alpha-alpha-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000001a;
}
@property --v-ref-colors-alpha-alpha-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000033;
}
@property --v-ref-colors-alpha-alpha-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #17171780;
}
@property --v-ref-colors-alpha-alpha-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #22232bcc;
}
@property --v-ref-spacing-for-1px-border-00 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0rem;
}
@property --v-ref-spacing-for-1px-border-01 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0rem;
}
@property --v-ref-spacing-for-1px-border-02 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.0625rem;
}
@property --v-ref-spacing-for-1px-border-04 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.1875rem;
}
@property --v-ref-spacing-for-1px-border-08 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.4375rem;
}
@property --v-ref-spacing-for-1px-border-12 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.6875rem;
}
@property --v-ref-spacing-for-1px-border-16 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.9375rem;
}
@property --v-ref-spacing-for-1px-border-24 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.4375rem;
}
@property --v-ref-spacing-for-1px-border-32 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.9375rem;
}
@property --v-ref-spacing-for-1px-border-40 {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.4375rem;
}
@property --v-ref-spacing-for-1px-border-48 {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.9375rem;
}
@property --v-ref-spacing-for-1px-border-64 {
  syntax: "<length>";
  inherits: true;
  initial-value: 3.9375rem;
}
@property --v-ref-spacing-for-1px-border-80 {
  syntax: "<length>";
  inherits: true;
  initial-value: 4.9375rem;
}
@property --v-ref-spacing-for-1px-border-96 {
  syntax: "<length>";
  inherits: true;
  initial-value: 5.9375rem;
}
@property --v-ref-spacing-for-2px-border-00 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0rem;
}
@property --v-ref-spacing-for-2px-border-01 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0rem;
}
@property --v-ref-spacing-for-2px-border-02 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0rem;
}
@property --v-ref-spacing-for-2px-border-04 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.125rem;
}
@property --v-ref-spacing-for-2px-border-08 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.375rem;
}
@property --v-ref-spacing-for-2px-border-12 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.625rem;
}
@property --v-ref-spacing-for-2px-border-16 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --v-ref-spacing-for-2px-border-24 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.375rem;
}
@property --v-ref-spacing-for-2px-border-32 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --v-ref-spacing-for-2px-border-40 {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.375rem;
}
@property --v-ref-spacing-for-2px-border-48 {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.875rem;
}
@property --v-ref-spacing-for-2px-border-64 {
  syntax: "<length>";
  inherits: true;
  initial-value: 3.875rem;
}
@property --v-ref-spacing-for-2px-border-80 {
  syntax: "<length>";
  inherits: true;
  initial-value: 4.875rem;
}
@property --v-ref-spacing-for-2px-border-96 {
  syntax: "<length>";
  inherits: true;
  initial-value: 5.875rem;
}
@property --v-ref-font-size-00 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --v-ref-font-size-01 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --v-ref-font-size-02 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1rem;
}
@property --v-ref-font-size-03 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --v-ref-font-size-04 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.1875rem;
}
@property --v-ref-font-size-05 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.3125rem;
}
@property --v-ref-font-size-06 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.4375rem;
}
@property --v-ref-font-size-07 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5625rem;
}
@property --v-ref-font-size-08 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --v-ref-font-size-09 {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.0625rem;
}
@property --v-ref-font-size-10 {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.375rem;
}
@property --v-ref-font-size-11 {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --v-ref-font-size-12 {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.75rem;
}
@property --v-ref-font-size-13 {
  syntax: "<length>";
  inherits: true;
  initial-value: 3rem;
}
@property --v-ref-font-size-14 {
  syntax: "<length>";
  inherits: true;
  initial-value: 3.5625rem;
}
@property --v-ref-line-height-00 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1rem;
}
@property --v-ref-line-height-01 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --v-ref-line-height-02 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --v-ref-line-height-03 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.9375rem;
}
@property --v-ref-line-height-04 {
  syntax: "<length>";
  inherits: true;
  initial-value: 2rem;
}
@property --v-ref-line-height-05 {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.4375rem;
}
@property --v-ref-line-height-06 {
  syntax: "<length>";
  inherits: true;
  initial-value: 3rem;
}
@property --v-ref-line-height-07 {
  syntax: "<length>";
  inherits: true;
  initial-value: 3.5rem;
}
@property --v-ref-line-height-08 {
  syntax: "<length>";
  inherits: true;
  initial-value: 4rem;
}
@property --v-ref-line-height-09 {
  syntax: "<length>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --v-ref-font-weight-extra-light {
  syntax: "<number>";
  inherits: true;
  initial-value: 200;
}
@property --v-ref-font-weight-regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --v-ref-font-weight-semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --v-ref-font-weight-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --v-colors-brand-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #812d25;
}
@property --v-colors-brand-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #accfbd;
}
@property --v-colors-brand-tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --v-colors-brand-logo {
  syntax: "<color>";
  inherits: true;
  initial-value: #812d25;
}
@property --v-colors-text-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #131317;
}
@property --v-colors-text-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #454854;
}
@property --v-colors-text-tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: #686b78;
}
@property --v-colors-status-info-background {
  syntax: "<color>";
  inherits: true;
  initial-value: #ebf4ff;
}
@property --v-colors-status-info-border {
  syntax: "<color>";
  inherits: true;
  initial-value: #336eb5;
}
@property --v-colors-status-info-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #0049a3;
}
@property --v-colors-status-success-background {
  syntax: "<color>";
  inherits: true;
  initial-value: #eaf3ef;
}
@property --v-colors-status-success-border {
  syntax: "<color>";
  inherits: true;
  initial-value: #599e7a;
}
@property --v-colors-status-success-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #266b47;
}
@property --v-colors-status-warning-background {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff8e7;
}
@property --v-colors-status-warning-border {
  syntax: "<color>";
  inherits: true;
  initial-value: #ba830d;
}
@property --v-colors-status-warning-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #94690d;
}
@property --v-colors-status-error-background {
  syntax: "<color>";
  inherits: true;
  initial-value: #fbedec;
}
@property --v-colors-surface-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --v-colors-status-error-border {
  syntax: "<color>";
  inherits: true;
  initial-value: #df6f65;
}
@property --v-colors-surface-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0f0f2;
}
@property --v-colors-status-error-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #ac3c32;
}
@property --v-colors-surface-tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: #d8d9df;
}
@property --v-colors-surface-overlay {
  syntax: "<color>";
  inherits: true;
  initial-value: #17171780;
}
@property --v-colors-borders {
  syntax: "<color>";
  inherits: true;
  initial-value: #c0c2c9;
}
@property --v-colors-focus-ring {
  syntax: "<color>";
  inherits: true;
  initial-value: #336eb5;
}
@property --v-colors-status-neutral-background {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0f0f2;
}
@property --v-colors-status-neutral-border {
  syntax: "<color>";
  inherits: true;
  initial-value: #686b78;
}
@property --v-colors-status-neutral-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #131317;
}
@property --v-content-max-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 88.5rem;
}
@property --v-colors-link-default {
  syntax: "<color>";
  inherits: true;
  initial-value: #0049a3;
}
@property --v-colors-link-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #003d82;
}
@property --v-colors-link-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #002e62;
}
@property --v-links-sizing-inner-spacing {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.25rem;
}
@property --v-elevation-01-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000033;
}
@property --v-elevation-01-x {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --v-elevation-01-y {
  syntax: "<length>";
  inherits: true;
  initial-value: 1px;
}
@property --v-elevation-01-blur {
  syntax: "<length>";
  inherits: true;
  initial-value: 5px;
}
@property --v-elevation-01-spread {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --v-elevation-02-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000001a;
}
@property --v-elevation-02-x {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --v-elevation-02-y {
  syntax: "<length>";
  inherits: true;
  initial-value: 4px;
}
@property --v-elevation-02-blur {
  syntax: "<length>";
  inherits: true;
  initial-value: 10px;
}
@property --v-elevation-02-spread {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --v-elevation-sidecast-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000001a;
}
@property --v-elevation-sidecast-left {
  syntax: "<length>";
  inherits: true;
  initial-value: -4px;
}
@property --v-elevation-sidecast-right {
  syntax: "<length>";
  inherits: true;
  initial-value: 4px;
}
@property --v-elevation-sidecast-y {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --v-elevation-sidecast-blur {
  syntax: "<length>";
  inherits: true;
  initial-value: 4px;
}
@property --v-elevation-sidecast-spread {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --v-focus-ring-outset-x {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --v-focus-ring-inset-x {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --v-focus-ring-inset-y {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --v-focus-ring-inset-blur {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --v-focus-ring-inset-inner-spread {
  syntax: "<length>";
  inherits: true;
  initial-value: 4px;
}
@property --v-focus-ring-inset-outer-spread {
  syntax: "<length>";
  inherits: true;
  initial-value: 2px;
}
@property --v-focus-ring-outset-y {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --v-focus-ring-outset-blur {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --v-focus-ring-outset-inner-spread {
  syntax: "<length>";
  inherits: true;
  initial-value: 1px;
}
@property --v-focus-ring-outset-outer-spread {
  syntax: "<length>";
  inherits: true;
  initial-value: 3px;
}
@property --v-focus-ring-colors-inner-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --v-focus-ring-colors-outer-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #336eb5;
}
@property --v-type-headings-h1-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 3rem;
}
@property --v-type-headings-h1-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 4rem;
}
@property --v-type-headings-h2-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --v-type-headings-h2-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 3.5rem;
}
@property --v-type-headings-h3-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 2.0625rem;
}
@property --v-type-headings-h3-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 3rem;
}
@property --v-type-headings-h4-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --v-type-headings-h4-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 2rem;
}
@property --v-type-headings-h5-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.4375rem;
}
@property --v-type-headings-h5-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 2rem;
}
@property --v-type-headings-h6-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.1875rem;
}
@property --v-type-headings-h6-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 2rem;
}
@property --v-type-headings-display-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 3.5625rem;
}
@property --v-type-headings-display-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --v-type-body-large-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --v-type-body-large-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --v-type-body-medium-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 1rem;
}
@property --v-type-body-medium-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --v-type-body-small-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --v-type-body-small-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --v-type-body-extra-small-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --v-type-body-extra-small-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 1rem;
}
@property --v-type-links-medium-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 1rem;
}
@property --v-type-links-medium-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --v-type-links-small-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --v-type-links-small-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --v-type-links-extra-small-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --v-type-links-extra-small-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 1rem;
}
@property --v-type-documentation-page-header-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 3rem;
}
@property --v-type-documentation-page-header-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 3rem;
}
@property --v-type-documentation-colors-list-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --v-type-documentation-colors-list-line-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --v-control-padding-block {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.5rem;
}
@property --v-control-padding-inline {
  syntax: "<length>";
  inherits: true;
  initial-value: 1rem;
}
@property --v-control-gap {
  syntax: "<length>";
  inherits: true;
  initial-value: 0.5rem;
}
@property --v-control-radius {
  syntax: "<length>";
  inherits: true;
  initial-value: 4px;
}
@property --v-control-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 1px;
}
@property --v-surface-padding {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --v-surface-radius {
  syntax: "<length>";
  inherits: true;
  initial-value: 8px;
}
@property --v-stack-gap {
  syntax: "<length>";
  inherits: true;
  initial-value: 1.5rem;
}

:root {
  color-scheme: light dark;

  /* Primitive tokens -------------------------------------------------- */
  --v-ref-spacing-baseline-00: 0rem;
  --v-ref-spacing-baseline-01: 0.0625rem;
  --v-ref-spacing-baseline-02: 0.125rem;
  --v-ref-spacing-baseline-04: 0.25rem;
  --v-ref-spacing-baseline-08: 0.5rem;
  --v-ref-spacing-baseline-12: 0.75rem;
  --v-ref-spacing-baseline-16: 1rem;
  --v-ref-spacing-baseline-24: 1.5rem;
  --v-ref-spacing-baseline-32: 2rem;
  --v-ref-spacing-baseline-40: 2.5rem;
  --v-ref-spacing-baseline-48: 3rem;
  --v-ref-spacing-baseline-64: 4rem;
  --v-ref-spacing-baseline-80: 5rem;
  --v-ref-spacing-baseline-96: 6rem;
  --v-ref-radius-00: 0px;
  --v-ref-radius-01: 4px;
  --v-ref-radius-02: 8px;
  --v-ref-radius-03: 16px;
  --v-ref-radius-04: 20px;
  --v-ref-radius-05: 360px;
  --v-ref-containers-01: 15rem;
  --v-ref-containers-02: 19.5rem;
  --v-ref-containers-03: 34.5rem;
  --v-ref-containers-04: 52.5rem;
  --v-ref-containers-05: 88.5rem;
  --v-ref-colors-blue-blue-100: #ebf4ff;
  --v-ref-colors-blue-blue-200: #ccdbed;
  --v-ref-colors-blue-blue-300: #99b6da;
  --v-ref-colors-blue-blue-400: #6692c8;
  --v-ref-colors-blue-blue-500: #336eb5;
  --v-ref-colors-blue-blue-600: #0049a3;
  --v-ref-colors-blue-blue-700: #003d82;
  --v-ref-colors-blue-blue-800: #002e62;
  --v-ref-colors-blue-blue-900: #001d41;
  --v-ref-colors-blue-blue-1000: #000f21;
  --v-ref-colors-green-green-100: #eaf3ef;
  --v-ref-colors-green-green-200: #d6e7df;
  --v-ref-colors-green-green-300: #accfbd;
  --v-ref-colors-green-green-400: #83b69d;
  --v-ref-colors-green-green-500: #599e7a;
  --v-ref-colors-green-green-600: #30865a;
  --v-ref-colors-green-green-700: #266b47;
  --v-ref-colors-green-green-800: #1d5037;
  --v-ref-colors-green-green-900: #133624;
  --v-ref-colors-green-green-1000: #0a1b13;
  --v-ref-colors-red-red-100: #fbedec;
  --v-ref-colors-red-red-200: #f7dbd8;
  --v-ref-colors-red-red-300: #efb7b2;
  --v-ref-colors-red-red-400: #e7938b;
  --v-ref-colors-red-red-500: #df6f65;
  --v-ref-colors-red-red-600: #d74b3e;
  --v-ref-colors-red-red-700: #ac3c32;
  --v-ref-colors-red-red-800: #812d25;
  --v-ref-colors-red-red-900: #561e19;
  --v-ref-colors-red-red-1000: #2b0f0c;
  --v-ref-colors-yellow-yellow-100: #fff8e7;
  --v-ref-colors-yellow-yellow-200: #fff0cf;
  --v-ref-colors-yellow-yellow-300: #ffe1a0;
  --v-ref-colors-yellow-yellow-400: #ffd370;
  --v-ref-colors-yellow-yellow-500: #ffc441;
  --v-ref-colors-yellow-yellow-600: #ffb511;
  --v-ref-colors-yellow-yellow-700: #ba830d;
  --v-ref-colors-yellow-yellow-800: #94690d;
  --v-ref-colors-yellow-yellow-900: #664807;
  --v-ref-colors-yellow-yellow-1000: #332403;
  --v-ref-colors-purple-purple-100: #f1eaff;
  --v-ref-colors-purple-purple-200: #d7cced;
  --v-ref-colors-purple-purple-300: #af99da;
  --v-ref-colors-purple-purple-400: #8766c8;
  --v-ref-colors-purple-purple-500: #5e33b5;
  --v-ref-colors-purple-purple-600: #3600a3;
  --v-ref-colors-purple-purple-700: #2b0082;
  --v-ref-colors-purple-purple-800: #210062;
  --v-ref-colors-purple-purple-900: #160041;
  --v-ref-colors-purple-purple-1000: #0b0021;
  --v-ref-colors-neutral-neutral-100: #ffffff;
  --v-ref-colors-neutral-neutral-200: #f0f0f2;
  --v-ref-colors-neutral-neutral-300: #d8d9df;
  --v-ref-colors-neutral-neutral-400: #c0c2c9;
  --v-ref-colors-neutral-neutral-500: #878a97;
  --v-ref-colors-neutral-neutral-600: #686b78;
  --v-ref-colors-neutral-neutral-700: #454854;
  --v-ref-colors-neutral-neutral-800: #30323b;
  --v-ref-colors-neutral-neutral-900: #202128;
  --v-ref-colors-neutral-neutral-1000: #131317;
  --v-ref-colors-alpha-alpha-10: #00000000;
  --v-ref-colors-alpha-alpha-100: #0000001a;
  --v-ref-colors-alpha-alpha-200: #00000033;
  --v-ref-colors-alpha-alpha-500: #17171780;
  --v-ref-colors-alpha-alpha-800: #22232bcc;
  --v-ref-spacing-for-1px-border-00: 0rem;
  --v-ref-spacing-for-1px-border-01: 0rem;
  --v-ref-spacing-for-1px-border-02: 0.0625rem;
  --v-ref-spacing-for-1px-border-04: 0.1875rem;
  --v-ref-spacing-for-1px-border-08: 0.4375rem;
  --v-ref-spacing-for-1px-border-12: 0.6875rem;
  --v-ref-spacing-for-1px-border-16: 0.9375rem;
  --v-ref-spacing-for-1px-border-24: 1.4375rem;
  --v-ref-spacing-for-1px-border-32: 1.9375rem;
  --v-ref-spacing-for-1px-border-40: 2.4375rem;
  --v-ref-spacing-for-1px-border-48: 2.9375rem;
  --v-ref-spacing-for-1px-border-64: 3.9375rem;
  --v-ref-spacing-for-1px-border-80: 4.9375rem;
  --v-ref-spacing-for-1px-border-96: 5.9375rem;
  --v-ref-spacing-for-2px-border-00: 0rem;
  --v-ref-spacing-for-2px-border-01: 0rem;
  --v-ref-spacing-for-2px-border-02: 0rem;
  --v-ref-spacing-for-2px-border-04: 0.125rem;
  --v-ref-spacing-for-2px-border-08: 0.375rem;
  --v-ref-spacing-for-2px-border-12: 0.625rem;
  --v-ref-spacing-for-2px-border-16: 0.875rem;
  --v-ref-spacing-for-2px-border-24: 1.375rem;
  --v-ref-spacing-for-2px-border-32: 1.875rem;
  --v-ref-spacing-for-2px-border-40: 2.375rem;
  --v-ref-spacing-for-2px-border-48: 2.875rem;
  --v-ref-spacing-for-2px-border-64: 3.875rem;
  --v-ref-spacing-for-2px-border-80: 4.875rem;
  --v-ref-spacing-for-2px-border-96: 5.875rem;
  --v-ref-font-size-00: 0.75rem;
  --v-ref-font-size-01: 0.875rem;
  --v-ref-font-size-02: 1rem;
  --v-ref-font-size-03: 1.125rem;
  --v-ref-font-size-04: 1.1875rem;
  --v-ref-font-size-05: 1.3125rem;
  --v-ref-font-size-06: 1.4375rem;
  --v-ref-font-size-07: 1.5625rem;
  --v-ref-font-size-08: 1.75rem;
  --v-ref-font-size-09: 2.0625rem;
  --v-ref-font-size-10: 2.375rem;
  --v-ref-font-size-11: 2.5rem;
  --v-ref-font-size-12: 2.75rem;
  --v-ref-font-size-13: 3rem;
  --v-ref-font-size-14: 3.5625rem;
  --v-ref-line-height-00: 1rem;
  --v-ref-line-height-01: 1.5rem;
  --v-ref-line-height-02: 1.75rem;
  --v-ref-line-height-03: 1.9375rem;
  --v-ref-line-height-04: 2rem;
  --v-ref-line-height-05: 2.4375rem;
  --v-ref-line-height-06: 3rem;
  --v-ref-line-height-07: 3.5rem;
  --v-ref-line-height-08: 4rem;
  --v-ref-line-height-09: 4.5rem;
  --v-ref-font-weight-extra-light: 200;
  --v-ref-font-weight-regular: 400;
  --v-ref-font-weight-semi-bold: 600;
  --v-ref-font-weight-bold: 700;

  /* Semantic tokens --------------------------------------------------- */
  --v-colors-brand-primary: light-dark(var(--v-ref-colors-red-red-800), var(--v-ref-colors-neutral-neutral-700));
  --v-colors-brand-secondary: light-dark(var(--v-ref-colors-green-green-300), var(--v-ref-colors-neutral-neutral-1000));
  --v-colors-brand-tertiary: var(--v-ref-colors-neutral-neutral-100);
  --v-colors-brand-logo: light-dark(var(--v-colors-brand-primary), var(--v-colors-brand-tertiary));
  --v-colors-text-primary: light-dark(var(--v-ref-colors-neutral-neutral-1000), var(--v-ref-colors-neutral-neutral-100));
  --v-colors-text-secondary: light-dark(var(--v-ref-colors-neutral-neutral-700), var(--v-ref-colors-neutral-neutral-400));
  --v-colors-text-tertiary: light-dark(var(--v-ref-colors-neutral-neutral-600), var(--v-ref-colors-neutral-neutral-500));
  --v-colors-status-info-background: light-dark(var(--v-ref-colors-blue-blue-100), var(--v-ref-colors-blue-blue-600));
  --v-colors-status-info-border: light-dark(var(--v-ref-colors-blue-blue-500), var(--v-ref-colors-blue-blue-400));
  --v-colors-status-info-text: light-dark(var(--v-ref-colors-blue-blue-600), var(--v-ref-colors-blue-blue-100));
  --v-colors-status-success-background: light-dark(var(--v-ref-colors-green-green-100), var(--v-ref-colors-green-green-700));
  --v-colors-status-success-border: var(--v-ref-colors-green-green-500);
  --v-colors-status-success-text: light-dark(var(--v-ref-colors-green-green-700), var(--v-ref-colors-green-green-100));
  --v-colors-status-warning-background: light-dark(var(--v-ref-colors-yellow-yellow-100), var(--v-ref-colors-yellow-yellow-800));
  --v-colors-status-warning-border: var(--v-ref-colors-yellow-yellow-700);
  --v-colors-status-warning-text: light-dark(var(--v-ref-colors-yellow-yellow-800), var(--v-ref-colors-yellow-yellow-100));
  --v-colors-status-error-background: light-dark(var(--v-ref-colors-red-red-100), var(--v-ref-colors-red-red-700));
  --v-colors-surface-primary: light-dark(var(--v-ref-colors-neutral-neutral-100), var(--v-ref-colors-neutral-neutral-1000));
  --v-colors-status-error-border: var(--v-ref-colors-red-red-500);
  --v-colors-surface-secondary: light-dark(var(--v-ref-colors-neutral-neutral-200), var(--v-ref-colors-neutral-neutral-900));
  --v-colors-status-error-text: light-dark(var(--v-ref-colors-red-red-700), var(--v-ref-colors-red-red-100));
  --v-colors-surface-tertiary: light-dark(var(--v-ref-colors-neutral-neutral-300), var(--v-ref-colors-neutral-neutral-800));
  --v-colors-surface-overlay: light-dark(var(--v-ref-colors-alpha-alpha-500), var(--v-ref-colors-alpha-alpha-800));
  --v-colors-borders: light-dark(var(--v-ref-colors-neutral-neutral-400), var(--v-ref-colors-neutral-neutral-700));
  --v-colors-focus-ring: light-dark(var(--v-ref-colors-blue-blue-500), var(--v-ref-colors-blue-blue-400));
  --v-colors-status-neutral-background: light-dark(var(--v-ref-colors-neutral-neutral-200), var(--v-ref-colors-neutral-neutral-900));
  --v-colors-status-neutral-border: light-dark(var(--v-ref-colors-neutral-neutral-600), var(--v-ref-colors-neutral-neutral-500));
  --v-colors-status-neutral-text: light-dark(var(--v-ref-colors-neutral-neutral-1000), var(--v-ref-colors-neutral-neutral-200));
  --v-content-max-width: var(--v-ref-containers-05);
  --v-colors-link-default: light-dark(var(--v-ref-colors-blue-blue-600), var(--v-ref-colors-blue-blue-300));
  --v-colors-link-hover: light-dark(var(--v-ref-colors-blue-blue-700), var(--v-ref-colors-blue-blue-200));
  --v-colors-link-active: light-dark(var(--v-ref-colors-blue-blue-800), var(--v-ref-colors-blue-blue-100));
  --v-links-sizing-inner-spacing: var(--v-ref-spacing-baseline-04);
  --v-elevation-01-color: light-dark(var(--v-ref-colors-alpha-alpha-200), var(--v-ref-colors-neutral-neutral-700));
  --v-elevation-01-x: 0px;
  --v-elevation-01-y: 1px;
  --v-elevation-01-blur: 5px;
  --v-elevation-01-spread: 0px;
  --v-elevation-02-color: light-dark(var(--v-ref-colors-alpha-alpha-100), var(--v-ref-colors-neutral-neutral-700));
  --v-elevation-02-x: 0px;
  --v-elevation-02-y: 4px;
  --v-elevation-02-blur: 10px;
  --v-elevation-02-spread: 0px;
  --v-elevation-sidecast-color: light-dark(var(--v-ref-colors-alpha-alpha-100), var(--v-ref-colors-neutral-neutral-800));
  --v-elevation-sidecast-left: -4px;
  --v-elevation-sidecast-right: 4px;
  --v-elevation-sidecast-y: 0px;
  --v-elevation-sidecast-blur: 4px;
  --v-elevation-sidecast-spread: 0px;
  --v-focus-ring-outset-x: 0px;
  --v-focus-ring-inset-x: 0px;
  --v-focus-ring-inset-y: 0px;
  --v-focus-ring-inset-blur: 0px;
  --v-focus-ring-inset-inner-spread: 4px;
  --v-focus-ring-inset-outer-spread: 2px;
  --v-focus-ring-outset-y: 0px;
  --v-focus-ring-outset-blur: 0px;
  --v-focus-ring-outset-inner-spread: 1px;
  --v-focus-ring-outset-outer-spread: 3px;
  --v-focus-ring-colors-inner-color: light-dark(var(--v-ref-colors-neutral-neutral-100), var(--v-ref-colors-neutral-neutral-1000));
  --v-focus-ring-colors-outer-color: var(--v-colors-focus-ring);
  --v-font-family-headings: Inter, system-ui, sans-serif;
  --v-font-family-body: Inter, system-ui, sans-serif;
  --v-font-family-links: Inter, system-ui, sans-serif;
  --v-font-family-documentation: Inter, system-ui, sans-serif;
  --v-type-headings-h1-font-size: var(--v-ref-font-size-13);
  --v-type-headings-h1-line-height: var(--v-ref-line-height-08);
  --v-type-headings-h2-font-size: var(--v-ref-font-size-11);
  --v-type-headings-h2-line-height: var(--v-ref-line-height-07);
  --v-type-headings-h3-font-size: var(--v-ref-font-size-09);
  --v-type-headings-h3-line-height: var(--v-ref-line-height-06);
  --v-type-headings-h4-font-size: var(--v-ref-font-size-08);
  --v-type-headings-h4-line-height: var(--v-ref-line-height-04);
  --v-type-headings-h5-font-size: var(--v-ref-font-size-06);
  --v-type-headings-h5-line-height: var(--v-ref-line-height-04);
  --v-type-headings-h6-font-size: var(--v-ref-font-size-04);
  --v-type-headings-h6-line-height: var(--v-ref-line-height-04);
  --v-type-headings-display-font-size: var(--v-ref-font-size-14);
  --v-type-headings-display-line-height: var(--v-ref-line-height-09);
  --v-type-body-large-font-size: var(--v-ref-font-size-03);
  --v-type-body-large-line-height: var(--v-ref-line-height-02);
  --v-type-body-medium-font-size: var(--v-ref-font-size-02);
  --v-type-body-medium-line-height: var(--v-ref-line-height-01);
  --v-type-body-small-font-size: var(--v-ref-font-size-01);
  --v-type-body-small-line-height: var(--v-ref-line-height-01);
  --v-type-body-extra-small-font-size: var(--v-ref-font-size-00);
  --v-type-body-extra-small-line-height: var(--v-ref-line-height-00);
  --v-type-links-medium-font-size: var(--v-ref-font-size-02);
  --v-type-links-medium-line-height: var(--v-ref-line-height-01);
  --v-type-links-small-font-size: var(--v-ref-font-size-01);
  --v-type-links-small-line-height: var(--v-ref-line-height-01);
  --v-type-links-extra-small-font-size: var(--v-ref-font-size-00);
  --v-type-links-extra-small-line-height: var(--v-ref-line-height-00);
  --v-type-documentation-page-header-font-size: var(--v-ref-font-size-13);
  --v-type-documentation-page-header-line-height: var(--v-ref-line-height-06);
  --v-type-documentation-colors-list-font-size: var(--v-ref-font-size-01);
  --v-type-documentation-colors-list-line-height: var(--v-ref-line-height-01);
  --v-control-padding-block: var(--v-ref-spacing-baseline-08);
  --v-control-padding-inline: var(--v-ref-spacing-baseline-16);
  --v-control-gap: var(--v-ref-spacing-baseline-08);
  --v-control-radius: var(--v-ref-radius-01);
  --v-control-border-width: 1px;
  --v-surface-padding: var(--v-ref-spacing-baseline-24);
  --v-surface-radius: var(--v-ref-radius-02);
  --v-stack-gap: var(--v-ref-spacing-baseline-24);
}

@media (width < 48rem) {
  :root {
    --v-type-headings-h1-font-size: var(--v-ref-font-size-10);
    --v-type-headings-h1-line-height: var(--v-ref-line-height-06);
    --v-type-headings-h2-font-size: var(--v-ref-font-size-09);
    --v-type-headings-h2-line-height: var(--v-ref-line-height-06);
    --v-type-headings-h3-font-size: var(--v-ref-font-size-08);
    --v-type-headings-h3-line-height: var(--v-ref-line-height-05);
    --v-type-headings-h4-font-size: var(--v-ref-font-size-07);
    --v-type-headings-h5-font-size: var(--v-ref-font-size-05);
    --v-type-headings-h6-font-size: var(--v-ref-font-size-03);
    --v-type-headings-h6-line-height: var(--v-ref-line-height-03);
    --v-type-headings-display-font-size: var(--v-ref-font-size-12);
    --v-type-headings-display-line-height: var(--v-ref-line-height-07);
  }
}