/**
 * Atomic spacing tokens.
 *
 * Generated with the Utopia fluid space calculator:
 * https://utopia.fyi/space/calculator?c=340,17,1.2,1500,20,1.333,8,2,400-500-600-700-800-900-1000-1100-1200-1300-1400&s=0.75|0.56|0.42|0.32|0.24|0.18|0.14|0.1|0.08|0.06,1.33|1.77|2.35|3.13|4.16|5.53|7.35|9.78|13.1|17.3,10xs-8xs|9xs-7xs|8xs-6xs|7xs-5xs|6xs-4xs|5xs-3xs|4xs-2xs|3xs-xs|2xs-s|xs-m|s-l|m-xl|l-2xl|xl-3xl|2xl-4xl|3xl-5xl|4xl-6xl|5xl-7xl|6xl-8xl|10xs-7xs|9xs-6xs|8xs-5xs|7xs-4xs|6xs-3xs|5xs-2xs|4xs-xs|3xs-s|2xs-m|xs-l|s-xl|m-2xl|l-3xl|xl-4xl|2xl-5xl|3xl-6xl|4xl-7xl&g=s,l,xl,12
 *
 * The source scale uses 17px at a 340px viewport and 20px at a 1500px
 * viewport. Every generated token is retained, including equal formulas.
 */

@property --marsal-space-10xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}

@property --marsal-space-9xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}

@property --marsal-space-8xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}

@property --marsal-space-7xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}

@property --marsal-space-6xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3px;
}

@property --marsal-space-5xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4px;
}

@property --marsal-space-4xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 5px;
}

@property --marsal-space-3xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 7px;
}

@property --marsal-space-2xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 10px;
}

@property --marsal-space-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 13px;
}

@property --marsal-space-s {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 17px;
}

@property --marsal-space-m {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 23px;
}

@property --marsal-space-l {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 30px;
}

@property --marsal-space-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 40px;
}

@property --marsal-space-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 53px;
}

@property --marsal-space-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 71px;
}

@property --marsal-space-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 94px;
}

@property --marsal-space-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 125px;
}

@property --marsal-space-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 166px;
}

@property --marsal-space-7xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 223px;
}

@property --marsal-space-8xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 294px;
}

@property --marsal-space-10xs-9xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}

@property --marsal-space-9xs-8xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}

@property --marsal-space-8xs-7xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}

@property --marsal-space-7xs-6xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}

@property --marsal-space-6xs-5xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3px;
}

@property --marsal-space-5xs-4xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4px;
}

@property --marsal-space-4xs-3xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 5px;
}

@property --marsal-space-3xs-2xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 7px;
}

@property --marsal-space-2xs-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 10px;
}

@property --marsal-space-xs-s {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 13px;
}

@property --marsal-space-s-m {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 17px;
}

@property --marsal-space-m-l {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 23px;
}

@property --marsal-space-l-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 30px;
}

@property --marsal-space-xl-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 40px;
}

@property --marsal-space-2xl-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 53px;
}

@property --marsal-space-3xl-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 71px;
}

@property --marsal-space-4xl-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 94px;
}

@property --marsal-space-5xl-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 125px;
}

@property --marsal-space-6xl-7xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 166px;
}

@property --marsal-space-7xl-8xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 223px;
}

@property --marsal-space-10xs-8xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}

@property --marsal-space-9xs-7xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}

@property --marsal-space-8xs-6xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}

@property --marsal-space-7xs-5xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}

@property --marsal-space-6xs-4xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3px;
}

@property --marsal-space-5xs-3xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4px;
}

@property --marsal-space-4xs-2xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 5px;
}

@property --marsal-space-3xs-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 7px;
}

@property --marsal-space-2xs-s {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 10px;
}

@property --marsal-space-xs-m {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 13px;
}

@property --marsal-space-s-l {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 17px;
}

@property --marsal-space-m-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 23px;
}

@property --marsal-space-l-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 30px;
}

@property --marsal-space-xl-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 40px;
}

@property --marsal-space-2xl-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 53px;
}

@property --marsal-space-3xl-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 71px;
}

@property --marsal-space-4xl-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 94px;
}

@property --marsal-space-5xl-7xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 125px;
}

@property --marsal-space-6xl-8xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 166px;
}

@property --marsal-space-10xs-7xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}

@property --marsal-space-9xs-6xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}

@property --marsal-space-8xs-5xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}

@property --marsal-space-7xs-4xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}

@property --marsal-space-6xs-3xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3px;
}

@property --marsal-space-5xs-2xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4px;
}

@property --marsal-space-4xs-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 5px;
}

@property --marsal-space-3xs-s {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 7px;
}

@property --marsal-space-2xs-m {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 10px;
}

@property --marsal-space-xs-l {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 13px;
}

@property --marsal-space-s-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 17px;
}

@property --marsal-space-m-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 23px;
}

@property --marsal-space-l-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 30px;
}

@property --marsal-space-xl-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 40px;
}

@property --marsal-space-2xl-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 53px;
}

@property --marsal-space-3xl-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 71px;
}

@property --marsal-space-4xl-7xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 94px;
}

/*
 * The root and explicit viewport boundary use viewport-relative interpolation.
 * A nested viewport boundary resets a container-relative subtree back to vw.
 */
:root,
[data-space-scale="viewport"] {
  --marsal-space-fluidUnit: 1vw;

  --marsal-space-10xs: clamp(0.0625rem, 0.0625rem + calc(0 * var(--marsal-space-fluidUnit)), 0.0625rem); /* Space 10xs: 1px → 1px */
  --marsal-space-9xs: clamp(0.0625rem, 0.0442rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.125rem); /* Space 9xs: 1px → 2px */
  --marsal-space-8xs: clamp(0.125rem, 0.125rem + calc(0 * var(--marsal-space-fluidUnit)), 0.125rem); /* Space 8xs: 2px → 2px */
  --marsal-space-7xs: clamp(0.125rem, 0.1067rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.1875rem); /* Space 7xs: 2px → 3px */
  --marsal-space-6xs: clamp(0.1875rem, 0.1692rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.25rem); /* Space 6xs: 3px → 4px */
  --marsal-space-5xs: clamp(0.25rem, 0.2317rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.3125rem); /* Space 5xs: 4px → 5px */
  --marsal-space-4xs: clamp(0.3125rem, 0.2942rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.375rem); /* Space 4xs: 5px → 6px */
  --marsal-space-3xs: clamp(0.4375rem, 0.4192rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.5rem); /* Space 3xs: 7px → 8px */
  --marsal-space-2xs: clamp(0.625rem, 0.6067rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.6875rem); /* Space 2xs: 10px → 11px */
  --marsal-space-xs: clamp(0.8125rem, 0.7759rem + calc(0.1724 * var(--marsal-space-fluidUnit)), 0.9375rem); /* Space xs: 13px → 15px */
  --marsal-space-s: clamp(1.0625rem, 1.0075rem + calc(0.2586 * var(--marsal-space-fluidUnit)), 1.25rem); /* Space s: 17px → 20px */
  --marsal-space-m: clamp(1.4375rem, 1.3642rem + calc(0.3448 * var(--marsal-space-fluidUnit)), 1.6875rem); /* Space m: 23px → 27px */
  --marsal-space-l: clamp(1.875rem, 1.7834rem + calc(0.431 * var(--marsal-space-fluidUnit)), 2.1875rem); /* Space l: 30px → 35px */
  --marsal-space-xl: clamp(2.5rem, 2.3718rem + calc(0.6034 * var(--marsal-space-fluidUnit)), 2.9375rem); /* Space xl: 40px → 47px */
  --marsal-space-2xl: clamp(3.3125rem, 3.1293rem + calc(0.8621 * var(--marsal-space-fluidUnit)), 3.9375rem); /* Space 2xl: 53px → 63px */
  --marsal-space-3xl: clamp(4.4375rem, 4.2177rem + calc(1.0345 * var(--marsal-space-fluidUnit)), 5.1875rem); /* Space 3xl: 71px → 83px */
  --marsal-space-4xl: clamp(5.875rem, 5.5636rem + calc(1.4655 * var(--marsal-space-fluidUnit)), 6.9375rem); /* Space 4xl: 94px → 111px */
  --marsal-space-5xl: clamp(7.8125rem, 7.4095rem + calc(1.8966 * var(--marsal-space-fluidUnit)), 9.1875rem); /* Space 5xl: 125px → 147px */
  --marsal-space-6xl: clamp(10.375rem, 9.8254rem + calc(2.5862 * var(--marsal-space-fluidUnit)), 12.25rem); /* Space 6xl: 166px → 196px */
  --marsal-space-7xl: clamp(13.9375rem, 13.2231rem + calc(3.3621 * var(--marsal-space-fluidUnit)), 16.375rem); /* Space 7xl: 223px → 262px */
  --marsal-space-8xl: clamp(18.375rem, 17.4224rem + calc(4.4828 * var(--marsal-space-fluidUnit)), 21.625rem); /* Space 8xl: 294px → 346px */
  --marsal-space-10xs-9xs: clamp(0.0625rem, 0.0442rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.125rem); /* Space 10xs-9xs: 1px → 2px */
  --marsal-space-9xs-8xs: clamp(0.0625rem, 0.0442rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.125rem); /* Space 9xs-8xs: 1px → 2px */
  --marsal-space-8xs-7xs: clamp(0.125rem, 0.1067rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.1875rem); /* Space 8xs-7xs: 2px → 3px */
  --marsal-space-7xs-6xs: clamp(0.125rem, 0.0884rem + calc(0.1724 * var(--marsal-space-fluidUnit)), 0.25rem); /* Space 7xs-6xs: 2px → 4px */
  --marsal-space-6xs-5xs: clamp(0.1875rem, 0.1509rem + calc(0.1724 * var(--marsal-space-fluidUnit)), 0.3125rem); /* Space 6xs-5xs: 3px → 5px */
  --marsal-space-5xs-4xs: clamp(0.25rem, 0.2134rem + calc(0.1724 * var(--marsal-space-fluidUnit)), 0.375rem); /* Space 5xs-4xs: 4px → 6px */
  --marsal-space-4xs-3xs: clamp(0.3125rem, 0.2575rem + calc(0.2586 * var(--marsal-space-fluidUnit)), 0.5rem); /* Space 4xs-3xs: 5px → 8px */
  --marsal-space-3xs-2xs: clamp(0.4375rem, 0.3642rem + calc(0.3448 * var(--marsal-space-fluidUnit)), 0.6875rem); /* Space 3xs-2xs: 7px → 11px */
  --marsal-space-2xs-xs: clamp(0.625rem, 0.5334rem + calc(0.431 * var(--marsal-space-fluidUnit)), 0.9375rem); /* Space 2xs-xs: 10px → 15px */
  --marsal-space-xs-s: clamp(0.8125rem, 0.6843rem + calc(0.6034 * var(--marsal-space-fluidUnit)), 1.25rem); /* Space xs-s: 13px → 20px */
  --marsal-space-s-m: clamp(1.0625rem, 0.8793rem + calc(0.8621 * var(--marsal-space-fluidUnit)), 1.6875rem); /* Space s-m: 17px → 27px */
  --marsal-space-m-l: clamp(1.4375rem, 1.2177rem + calc(1.0345 * var(--marsal-space-fluidUnit)), 2.1875rem); /* Space m-l: 23px → 35px */
  --marsal-space-l-xl: clamp(1.875rem, 1.5636rem + calc(1.4655 * var(--marsal-space-fluidUnit)), 2.9375rem); /* Space l-xl: 30px → 47px */
  --marsal-space-xl-2xl: clamp(2.5rem, 2.0787rem + calc(1.9828 * var(--marsal-space-fluidUnit)), 3.9375rem); /* Space xl-2xl: 40px → 63px */
  --marsal-space-2xl-3xl: clamp(3.3125rem, 2.7629rem + calc(2.5862 * var(--marsal-space-fluidUnit)), 5.1875rem); /* Space 2xl-3xl: 53px → 83px */
  --marsal-space-3xl-4xl: clamp(4.4375rem, 3.7047rem + calc(3.4483 * var(--marsal-space-fluidUnit)), 6.9375rem); /* Space 3xl-4xl: 71px → 111px */
  --marsal-space-4xl-5xl: clamp(5.875rem, 4.9041rem + calc(4.569 * var(--marsal-space-fluidUnit)), 9.1875rem); /* Space 4xl-5xl: 94px → 147px */
  --marsal-space-5xl-6xl: clamp(7.8125rem, 6.5119rem + calc(6.1207 * var(--marsal-space-fluidUnit)), 12.25rem); /* Space 5xl-6xl: 125px → 196px */
  --marsal-space-6xl-7xl: clamp(10.375rem, 8.6164rem + calc(8.2759 * var(--marsal-space-fluidUnit)), 16.375rem); /* Space 6xl-7xl: 166px → 262px */
  --marsal-space-7xl-8xl: clamp(13.9375rem, 11.6843rem + calc(10.6034 * var(--marsal-space-fluidUnit)), 21.625rem); /* Space 7xl-8xl: 223px → 346px */
  --marsal-space-10xs-8xs: clamp(0.0625rem, 0.0442rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.125rem); /* Space 10xs-8xs: 1px → 2px */
  --marsal-space-9xs-7xs: clamp(0.0625rem, 0.0259rem + calc(0.1724 * var(--marsal-space-fluidUnit)), 0.1875rem); /* Space 9xs-7xs: 1px → 3px */
  --marsal-space-8xs-6xs: clamp(0.125rem, 0.0884rem + calc(0.1724 * var(--marsal-space-fluidUnit)), 0.25rem); /* Space 8xs-6xs: 2px → 4px */
  --marsal-space-7xs-5xs: clamp(0.125rem, 0.07rem + calc(0.2586 * var(--marsal-space-fluidUnit)), 0.3125rem); /* Space 7xs-5xs: 2px → 5px */
  --marsal-space-6xs-4xs: clamp(0.1875rem, 0.1325rem + calc(0.2586 * var(--marsal-space-fluidUnit)), 0.375rem); /* Space 6xs-4xs: 3px → 6px */
  --marsal-space-5xs-3xs: clamp(0.25rem, 0.1767rem + calc(0.3448 * var(--marsal-space-fluidUnit)), 0.5rem); /* Space 5xs-3xs: 4px → 8px */
  --marsal-space-4xs-2xs: clamp(0.3125rem, 0.2026rem + calc(0.5172 * var(--marsal-space-fluidUnit)), 0.6875rem); /* Space 4xs-2xs: 5px → 11px */
  --marsal-space-3xs-xs: clamp(0.4375rem, 0.2909rem + calc(0.6897 * var(--marsal-space-fluidUnit)), 0.9375rem); /* Space 3xs-xs: 7px → 15px */
  --marsal-space-2xs-s: clamp(0.625rem, 0.4418rem + calc(0.8621 * var(--marsal-space-fluidUnit)), 1.25rem); /* Space 2xs-s: 10px → 20px */
  --marsal-space-xs-m: clamp(0.8125rem, 0.556rem + calc(1.2069 * var(--marsal-space-fluidUnit)), 1.6875rem); /* Space xs-m: 13px → 27px */
  --marsal-space-s-l: clamp(1.0625rem, 0.7328rem + calc(1.5517 * var(--marsal-space-fluidUnit)), 2.1875rem); /* Space s-l: 17px → 35px */
  --marsal-space-m-xl: clamp(1.4375rem, 0.9978rem + calc(2.069 * var(--marsal-space-fluidUnit)), 2.9375rem); /* Space m-xl: 23px → 47px */
  --marsal-space-l-2xl: clamp(1.875rem, 1.2705rem + calc(2.8448 * var(--marsal-space-fluidUnit)), 3.9375rem); /* Space l-2xl: 30px → 63px */
  --marsal-space-xl-3xl: clamp(2.5rem, 1.7123rem + calc(3.7069 * var(--marsal-space-fluidUnit)), 5.1875rem); /* Space xl-3xl: 40px → 83px */
  --marsal-space-2xl-4xl: clamp(3.3125rem, 2.25rem + calc(5 * var(--marsal-space-fluidUnit)), 6.9375rem); /* Space 2xl-4xl: 53px → 111px */
  --marsal-space-3xl-5xl: clamp(4.4375rem, 3.0453rem + calc(6.5517 * var(--marsal-space-fluidUnit)), 9.1875rem); /* Space 3xl-5xl: 71px → 147px */
  --marsal-space-4xl-6xl: clamp(5.875rem, 4.0065rem + calc(8.7931 * var(--marsal-space-fluidUnit)), 12.25rem); /* Space 4xl-6xl: 94px → 196px */
  --marsal-space-5xl-7xl: clamp(7.8125rem, 5.3028rem + calc(11.8103 * var(--marsal-space-fluidUnit)), 16.375rem); /* Space 5xl-7xl: 125px → 262px */
  --marsal-space-6xl-8xl: clamp(10.375rem, 7.0776rem + calc(15.5172 * var(--marsal-space-fluidUnit)), 21.625rem); /* Space 6xl-8xl: 166px → 346px */
  --marsal-space-10xs-7xs: clamp(0.0625rem, 0.0259rem + calc(0.1724 * var(--marsal-space-fluidUnit)), 0.1875rem); /* Space 10xs-7xs: 1px → 3px */
  --marsal-space-9xs-6xs: clamp(0.0625rem, 0.0075rem + calc(0.2586 * var(--marsal-space-fluidUnit)), 0.25rem); /* Space 9xs-6xs: 1px → 4px */
  --marsal-space-8xs-5xs: clamp(0.125rem, 0.07rem + calc(0.2586 * var(--marsal-space-fluidUnit)), 0.3125rem); /* Space 8xs-5xs: 2px → 5px */
  --marsal-space-7xs-4xs: clamp(0.125rem, 0.0517rem + calc(0.3448 * var(--marsal-space-fluidUnit)), 0.375rem); /* Space 7xs-4xs: 2px → 6px */
  --marsal-space-6xs-3xs: clamp(0.1875rem, 0.0959rem + calc(0.431 * var(--marsal-space-fluidUnit)), 0.5rem); /* Space 6xs-3xs: 3px → 8px */
  --marsal-space-5xs-2xs: clamp(0.25rem, 0.1218rem + calc(0.6034 * var(--marsal-space-fluidUnit)), 0.6875rem); /* Space 5xs-2xs: 4px → 11px */
  --marsal-space-4xs-xs: clamp(0.3125rem, 0.1293rem + calc(0.8621 * var(--marsal-space-fluidUnit)), 0.9375rem); /* Space 4xs-xs: 5px → 15px */
  --marsal-space-3xs-s: clamp(0.4375rem, 0.1994rem + calc(1.1207 * var(--marsal-space-fluidUnit)), 1.25rem); /* Space 3xs-s: 7px → 20px */
  --marsal-space-2xs-m: clamp(0.625rem, 0.3136rem + calc(1.4655 * var(--marsal-space-fluidUnit)), 1.6875rem); /* Space 2xs-m: 10px → 27px */
  --marsal-space-xs-l: clamp(0.8125rem, 0.4095rem + calc(1.8966 * var(--marsal-space-fluidUnit)), 2.1875rem); /* Space xs-l: 13px → 35px */
  --marsal-space-s-xl: clamp(1.0625rem, 0.5129rem + calc(2.5862 * var(--marsal-space-fluidUnit)), 2.9375rem); /* Space s-xl: 17px → 47px */
  --marsal-space-m-2xl: clamp(1.4375rem, 0.7047rem + calc(3.4483 * var(--marsal-space-fluidUnit)), 3.9375rem); /* Space m-2xl: 23px → 63px */
  --marsal-space-l-3xl: clamp(1.875rem, 0.9041rem + calc(4.569 * var(--marsal-space-fluidUnit)), 5.1875rem); /* Space l-3xl: 30px → 83px */
  --marsal-space-xl-4xl: clamp(2.5rem, 1.1994rem + calc(6.1207 * var(--marsal-space-fluidUnit)), 6.9375rem); /* Space xl-4xl: 40px → 111px */
  --marsal-space-2xl-5xl: clamp(3.3125rem, 1.5905rem + calc(8.1034 * var(--marsal-space-fluidUnit)), 9.1875rem); /* Space 2xl-5xl: 53px → 147px */
  --marsal-space-3xl-6xl: clamp(4.4375rem, 2.1476rem + calc(10.7759 * var(--marsal-space-fluidUnit)), 12.25rem); /* Space 3xl-6xl: 71px → 196px */
  --marsal-space-4xl-7xl: clamp(5.875rem, 2.7974rem + calc(14.4828 * var(--marsal-space-fluidUnit)), 16.375rem); /* Space 4xl-7xl: 94px → 262px */
}

/*
 * cqi measures the nearest eligible ancestor query container. This attribute
 * selects container-relative spacing; it does not create a query container.
 */
[data-space-scale="container"] {
  --marsal-space-fluidUnit: 1cqi;

  --marsal-space-10xs: clamp(0.0625rem, 0.0625rem + calc(0 * var(--marsal-space-fluidUnit)), 0.0625rem); /* Space 10xs: 1px → 1px */
  --marsal-space-9xs: clamp(0.0625rem, 0.0442rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.125rem); /* Space 9xs: 1px → 2px */
  --marsal-space-8xs: clamp(0.125rem, 0.125rem + calc(0 * var(--marsal-space-fluidUnit)), 0.125rem); /* Space 8xs: 2px → 2px */
  --marsal-space-7xs: clamp(0.125rem, 0.1067rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.1875rem); /* Space 7xs: 2px → 3px */
  --marsal-space-6xs: clamp(0.1875rem, 0.1692rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.25rem); /* Space 6xs: 3px → 4px */
  --marsal-space-5xs: clamp(0.25rem, 0.2317rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.3125rem); /* Space 5xs: 4px → 5px */
  --marsal-space-4xs: clamp(0.3125rem, 0.2942rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.375rem); /* Space 4xs: 5px → 6px */
  --marsal-space-3xs: clamp(0.4375rem, 0.4192rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.5rem); /* Space 3xs: 7px → 8px */
  --marsal-space-2xs: clamp(0.625rem, 0.6067rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.6875rem); /* Space 2xs: 10px → 11px */
  --marsal-space-xs: clamp(0.8125rem, 0.7759rem + calc(0.1724 * var(--marsal-space-fluidUnit)), 0.9375rem); /* Space xs: 13px → 15px */
  --marsal-space-s: clamp(1.0625rem, 1.0075rem + calc(0.2586 * var(--marsal-space-fluidUnit)), 1.25rem); /* Space s: 17px → 20px */
  --marsal-space-m: clamp(1.4375rem, 1.3642rem + calc(0.3448 * var(--marsal-space-fluidUnit)), 1.6875rem); /* Space m: 23px → 27px */
  --marsal-space-l: clamp(1.875rem, 1.7834rem + calc(0.431 * var(--marsal-space-fluidUnit)), 2.1875rem); /* Space l: 30px → 35px */
  --marsal-space-xl: clamp(2.5rem, 2.3718rem + calc(0.6034 * var(--marsal-space-fluidUnit)), 2.9375rem); /* Space xl: 40px → 47px */
  --marsal-space-2xl: clamp(3.3125rem, 3.1293rem + calc(0.8621 * var(--marsal-space-fluidUnit)), 3.9375rem); /* Space 2xl: 53px → 63px */
  --marsal-space-3xl: clamp(4.4375rem, 4.2177rem + calc(1.0345 * var(--marsal-space-fluidUnit)), 5.1875rem); /* Space 3xl: 71px → 83px */
  --marsal-space-4xl: clamp(5.875rem, 5.5636rem + calc(1.4655 * var(--marsal-space-fluidUnit)), 6.9375rem); /* Space 4xl: 94px → 111px */
  --marsal-space-5xl: clamp(7.8125rem, 7.4095rem + calc(1.8966 * var(--marsal-space-fluidUnit)), 9.1875rem); /* Space 5xl: 125px → 147px */
  --marsal-space-6xl: clamp(10.375rem, 9.8254rem + calc(2.5862 * var(--marsal-space-fluidUnit)), 12.25rem); /* Space 6xl: 166px → 196px */
  --marsal-space-7xl: clamp(13.9375rem, 13.2231rem + calc(3.3621 * var(--marsal-space-fluidUnit)), 16.375rem); /* Space 7xl: 223px → 262px */
  --marsal-space-8xl: clamp(18.375rem, 17.4224rem + calc(4.4828 * var(--marsal-space-fluidUnit)), 21.625rem); /* Space 8xl: 294px → 346px */
  --marsal-space-10xs-9xs: clamp(0.0625rem, 0.0442rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.125rem); /* Space 10xs-9xs: 1px → 2px */
  --marsal-space-9xs-8xs: clamp(0.0625rem, 0.0442rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.125rem); /* Space 9xs-8xs: 1px → 2px */
  --marsal-space-8xs-7xs: clamp(0.125rem, 0.1067rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.1875rem); /* Space 8xs-7xs: 2px → 3px */
  --marsal-space-7xs-6xs: clamp(0.125rem, 0.0884rem + calc(0.1724 * var(--marsal-space-fluidUnit)), 0.25rem); /* Space 7xs-6xs: 2px → 4px */
  --marsal-space-6xs-5xs: clamp(0.1875rem, 0.1509rem + calc(0.1724 * var(--marsal-space-fluidUnit)), 0.3125rem); /* Space 6xs-5xs: 3px → 5px */
  --marsal-space-5xs-4xs: clamp(0.25rem, 0.2134rem + calc(0.1724 * var(--marsal-space-fluidUnit)), 0.375rem); /* Space 5xs-4xs: 4px → 6px */
  --marsal-space-4xs-3xs: clamp(0.3125rem, 0.2575rem + calc(0.2586 * var(--marsal-space-fluidUnit)), 0.5rem); /* Space 4xs-3xs: 5px → 8px */
  --marsal-space-3xs-2xs: clamp(0.4375rem, 0.3642rem + calc(0.3448 * var(--marsal-space-fluidUnit)), 0.6875rem); /* Space 3xs-2xs: 7px → 11px */
  --marsal-space-2xs-xs: clamp(0.625rem, 0.5334rem + calc(0.431 * var(--marsal-space-fluidUnit)), 0.9375rem); /* Space 2xs-xs: 10px → 15px */
  --marsal-space-xs-s: clamp(0.8125rem, 0.6843rem + calc(0.6034 * var(--marsal-space-fluidUnit)), 1.25rem); /* Space xs-s: 13px → 20px */
  --marsal-space-s-m: clamp(1.0625rem, 0.8793rem + calc(0.8621 * var(--marsal-space-fluidUnit)), 1.6875rem); /* Space s-m: 17px → 27px */
  --marsal-space-m-l: clamp(1.4375rem, 1.2177rem + calc(1.0345 * var(--marsal-space-fluidUnit)), 2.1875rem); /* Space m-l: 23px → 35px */
  --marsal-space-l-xl: clamp(1.875rem, 1.5636rem + calc(1.4655 * var(--marsal-space-fluidUnit)), 2.9375rem); /* Space l-xl: 30px → 47px */
  --marsal-space-xl-2xl: clamp(2.5rem, 2.0787rem + calc(1.9828 * var(--marsal-space-fluidUnit)), 3.9375rem); /* Space xl-2xl: 40px → 63px */
  --marsal-space-2xl-3xl: clamp(3.3125rem, 2.7629rem + calc(2.5862 * var(--marsal-space-fluidUnit)), 5.1875rem); /* Space 2xl-3xl: 53px → 83px */
  --marsal-space-3xl-4xl: clamp(4.4375rem, 3.7047rem + calc(3.4483 * var(--marsal-space-fluidUnit)), 6.9375rem); /* Space 3xl-4xl: 71px → 111px */
  --marsal-space-4xl-5xl: clamp(5.875rem, 4.9041rem + calc(4.569 * var(--marsal-space-fluidUnit)), 9.1875rem); /* Space 4xl-5xl: 94px → 147px */
  --marsal-space-5xl-6xl: clamp(7.8125rem, 6.5119rem + calc(6.1207 * var(--marsal-space-fluidUnit)), 12.25rem); /* Space 5xl-6xl: 125px → 196px */
  --marsal-space-6xl-7xl: clamp(10.375rem, 8.6164rem + calc(8.2759 * var(--marsal-space-fluidUnit)), 16.375rem); /* Space 6xl-7xl: 166px → 262px */
  --marsal-space-7xl-8xl: clamp(13.9375rem, 11.6843rem + calc(10.6034 * var(--marsal-space-fluidUnit)), 21.625rem); /* Space 7xl-8xl: 223px → 346px */
  --marsal-space-10xs-8xs: clamp(0.0625rem, 0.0442rem + calc(0.0862 * var(--marsal-space-fluidUnit)), 0.125rem); /* Space 10xs-8xs: 1px → 2px */
  --marsal-space-9xs-7xs: clamp(0.0625rem, 0.0259rem + calc(0.1724 * var(--marsal-space-fluidUnit)), 0.1875rem); /* Space 9xs-7xs: 1px → 3px */
  --marsal-space-8xs-6xs: clamp(0.125rem, 0.0884rem + calc(0.1724 * var(--marsal-space-fluidUnit)), 0.25rem); /* Space 8xs-6xs: 2px → 4px */
  --marsal-space-7xs-5xs: clamp(0.125rem, 0.07rem + calc(0.2586 * var(--marsal-space-fluidUnit)), 0.3125rem); /* Space 7xs-5xs: 2px → 5px */
  --marsal-space-6xs-4xs: clamp(0.1875rem, 0.1325rem + calc(0.2586 * var(--marsal-space-fluidUnit)), 0.375rem); /* Space 6xs-4xs: 3px → 6px */
  --marsal-space-5xs-3xs: clamp(0.25rem, 0.1767rem + calc(0.3448 * var(--marsal-space-fluidUnit)), 0.5rem); /* Space 5xs-3xs: 4px → 8px */
  --marsal-space-4xs-2xs: clamp(0.3125rem, 0.2026rem + calc(0.5172 * var(--marsal-space-fluidUnit)), 0.6875rem); /* Space 4xs-2xs: 5px → 11px */
  --marsal-space-3xs-xs: clamp(0.4375rem, 0.2909rem + calc(0.6897 * var(--marsal-space-fluidUnit)), 0.9375rem); /* Space 3xs-xs: 7px → 15px */
  --marsal-space-2xs-s: clamp(0.625rem, 0.4418rem + calc(0.8621 * var(--marsal-space-fluidUnit)), 1.25rem); /* Space 2xs-s: 10px → 20px */
  --marsal-space-xs-m: clamp(0.8125rem, 0.556rem + calc(1.2069 * var(--marsal-space-fluidUnit)), 1.6875rem); /* Space xs-m: 13px → 27px */
  --marsal-space-s-l: clamp(1.0625rem, 0.7328rem + calc(1.5517 * var(--marsal-space-fluidUnit)), 2.1875rem); /* Space s-l: 17px → 35px */
  --marsal-space-m-xl: clamp(1.4375rem, 0.9978rem + calc(2.069 * var(--marsal-space-fluidUnit)), 2.9375rem); /* Space m-xl: 23px → 47px */
  --marsal-space-l-2xl: clamp(1.875rem, 1.2705rem + calc(2.8448 * var(--marsal-space-fluidUnit)), 3.9375rem); /* Space l-2xl: 30px → 63px */
  --marsal-space-xl-3xl: clamp(2.5rem, 1.7123rem + calc(3.7069 * var(--marsal-space-fluidUnit)), 5.1875rem); /* Space xl-3xl: 40px → 83px */
  --marsal-space-2xl-4xl: clamp(3.3125rem, 2.25rem + calc(5 * var(--marsal-space-fluidUnit)), 6.9375rem); /* Space 2xl-4xl: 53px → 111px */
  --marsal-space-3xl-5xl: clamp(4.4375rem, 3.0453rem + calc(6.5517 * var(--marsal-space-fluidUnit)), 9.1875rem); /* Space 3xl-5xl: 71px → 147px */
  --marsal-space-4xl-6xl: clamp(5.875rem, 4.0065rem + calc(8.7931 * var(--marsal-space-fluidUnit)), 12.25rem); /* Space 4xl-6xl: 94px → 196px */
  --marsal-space-5xl-7xl: clamp(7.8125rem, 5.3028rem + calc(11.8103 * var(--marsal-space-fluidUnit)), 16.375rem); /* Space 5xl-7xl: 125px → 262px */
  --marsal-space-6xl-8xl: clamp(10.375rem, 7.0776rem + calc(15.5172 * var(--marsal-space-fluidUnit)), 21.625rem); /* Space 6xl-8xl: 166px → 346px */
  --marsal-space-10xs-7xs: clamp(0.0625rem, 0.0259rem + calc(0.1724 * var(--marsal-space-fluidUnit)), 0.1875rem); /* Space 10xs-7xs: 1px → 3px */
  --marsal-space-9xs-6xs: clamp(0.0625rem, 0.0075rem + calc(0.2586 * var(--marsal-space-fluidUnit)), 0.25rem); /* Space 9xs-6xs: 1px → 4px */
  --marsal-space-8xs-5xs: clamp(0.125rem, 0.07rem + calc(0.2586 * var(--marsal-space-fluidUnit)), 0.3125rem); /* Space 8xs-5xs: 2px → 5px */
  --marsal-space-7xs-4xs: clamp(0.125rem, 0.0517rem + calc(0.3448 * var(--marsal-space-fluidUnit)), 0.375rem); /* Space 7xs-4xs: 2px → 6px */
  --marsal-space-6xs-3xs: clamp(0.1875rem, 0.0959rem + calc(0.431 * var(--marsal-space-fluidUnit)), 0.5rem); /* Space 6xs-3xs: 3px → 8px */
  --marsal-space-5xs-2xs: clamp(0.25rem, 0.1218rem + calc(0.6034 * var(--marsal-space-fluidUnit)), 0.6875rem); /* Space 5xs-2xs: 4px → 11px */
  --marsal-space-4xs-xs: clamp(0.3125rem, 0.1293rem + calc(0.8621 * var(--marsal-space-fluidUnit)), 0.9375rem); /* Space 4xs-xs: 5px → 15px */
  --marsal-space-3xs-s: clamp(0.4375rem, 0.1994rem + calc(1.1207 * var(--marsal-space-fluidUnit)), 1.25rem); /* Space 3xs-s: 7px → 20px */
  --marsal-space-2xs-m: clamp(0.625rem, 0.3136rem + calc(1.4655 * var(--marsal-space-fluidUnit)), 1.6875rem); /* Space 2xs-m: 10px → 27px */
  --marsal-space-xs-l: clamp(0.8125rem, 0.4095rem + calc(1.8966 * var(--marsal-space-fluidUnit)), 2.1875rem); /* Space xs-l: 13px → 35px */
  --marsal-space-s-xl: clamp(1.0625rem, 0.5129rem + calc(2.5862 * var(--marsal-space-fluidUnit)), 2.9375rem); /* Space s-xl: 17px → 47px */
  --marsal-space-m-2xl: clamp(1.4375rem, 0.7047rem + calc(3.4483 * var(--marsal-space-fluidUnit)), 3.9375rem); /* Space m-2xl: 23px → 63px */
  --marsal-space-l-3xl: clamp(1.875rem, 0.9041rem + calc(4.569 * var(--marsal-space-fluidUnit)), 5.1875rem); /* Space l-3xl: 30px → 83px */
  --marsal-space-xl-4xl: clamp(2.5rem, 1.1994rem + calc(6.1207 * var(--marsal-space-fluidUnit)), 6.9375rem); /* Space xl-4xl: 40px → 111px */
  --marsal-space-2xl-5xl: clamp(3.3125rem, 1.5905rem + calc(8.1034 * var(--marsal-space-fluidUnit)), 9.1875rem); /* Space 2xl-5xl: 53px → 147px */
  --marsal-space-3xl-6xl: clamp(4.4375rem, 2.1476rem + calc(10.7759 * var(--marsal-space-fluidUnit)), 12.25rem); /* Space 3xl-6xl: 71px → 196px */
  --marsal-space-4xl-7xl: clamp(5.875rem, 2.7974rem + calc(14.4828 * var(--marsal-space-fluidUnit)), 16.375rem); /* Space 4xl-7xl: 94px → 262px */
}