$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1366px,
) !default;

@function breakpoint-min($name, $breakpoints: $grid-breakpoints) { ... }

@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) { ... }

@mixin media-min($name, $breakpoints: $grid-breakpoints) { ... }

@mixin buttonStyles($bgColor, $textColor, $borderColor, $bgColorState, $textColorState, $borderColorState) { ... }

@mixin buttonSize($width, $maxWidth, $minWidth, $height) { ... }

@mixin buttonReset() { ... }

$city-palette--default: (
  "base": (
    black--100: #000,
    white--100: #fff,
    gray--05: #f7f7f9,
    gray--30: #dddddf,
    gray--10: #e8e8e8,
    gray--40: #a2a2a2,
    gray--70: #5d5d5d,
    gray--100: #171717,
    red--60: #ce202f,
    blue--90: #212d38,
  ),
  "utility": (
    u-active--70: #375fc6,
    u-visited--70: #6c5ec2,
    u-alert--70: #d2531c,
    u-success--70: #008555,
  ),
  "extended": (
    x-jade--10: #ebf6f1,
    x-jade--50: #149282,
    x-jade--90: #00544f,
    x-cerulean--10: #eff6f8,
    x-cerulean--50: #087ea6,
    x-cerulean--90: #004a62,
    x-indigo--10: #f2f7fe,
    x-indigo--50: #4b5e8e,
    x-indigo--90: #2b3456,
    x-plum--10: #fdf3fa,
    x-plum--50: #9a68ab,
    x-plum--90: #421f38,
    x-ruby--10: #fff3f3,
    x-ruby--50: #bb1725,
    x-ruby--90: #731235,
    x-amber--10: #fdefeb,
    x-amber--50: #d25e3a,
    x-amber--90: #623e2f,
    x-caramel--10: #fcf5ef,
    x-caramel--50: #dba16a,
    x-caramel--90: #524130,
    x-gold--10: #fdf9f0,
    x-gold--50: #d7b357,
    x-gold--90: #5c5332,
    x-kiwi--10: #f6fbf2,
    x-kiwi--50: #8ab16a,
    x-kiwi--90: #30472c,
  ),
  "overlays": (
    overlay--g100: rgba(23, 23, 23, 0.8),
  ),
) !default!default;

$color-palette: $city-palette--default !default;

$black--100: color-palette__key($color-palette, "base", "black--100") !default;

$white--100: color-palette__key($color-palette, "base", "white--100") !default;

$gray--05: color-palette__key($color-palette, "base", "gray--05") !default;

$gray--30: color-palette__key($color-palette, "base", "gray--30") !default;

$gray--10: color-palette__key($color-palette, "base", "gray--10") !default;

$gray--40: color-palette__key($color-palette, "base", "gray--40") !default;

$gray--70: color-palette__key($color-palette, "base", "gray--70") !default;

$gray--100: color-palette__key($color-palette, "base", "gray--100") !default;

$red--60: color-palette__key($color-palette, "base", "red--60") !default;

$blue--90: color-palette__key($color-palette, "base", "blue--90") !default;

$u-active--70: color-palette__key(
  $color-palette,
  "utility",
  "u-active--70"
) !default;

$u-visited--70: color-palette__key(
  $color-palette,
  "utility",
  "u-visited--70"
) !default;

$u-alert--70: color-palette__key(
  $color-palette,
  "utility",
  "u-alert--70"
) !default;

$u-success--70: color-palette__key(
  $color-palette,
  "utility",
  "u-success--70"
) !default;

$overlay--g100: color-palette__key(
  $color-palette,
  "overlays",
  "overlay--g100"
) !default;

$x-jade--10: color-palette__key(
  $color-palette,
  "extended",
  "x-jade--10"
) !default;

$x-jade--50: color-palette__key(
  $color-palette,
  "extended",
  "x-jade--50"
) !default;

$x-jade--90: color-palette__key(
  $color-palette,
  "extended",
  "x-jade--90"
) !default;

$x-cerulean--10: color-palette__key(
  $color-palette,
  "extended",
  "x-cerulean--10"
) !default;

$x-cerulean--50: color-palette__key(
  $color-palette,
  "extended",
  "x-cerulean--50"
) !default;

$x-cerulean--90: color-palette__key(
  $color-palette,
  "extended",
  "x-cerulean--90"
) !default;

$x-indigo--10: color-palette__key(
  $color-palette,
  "extended",
  "x-indigo--10"
) !default;

$x-indigo--50: color-palette__key(
  $color-palette,
  "extended",
  "x-indigo--50"
) !default;

$x-indigo--90: color-palette__key(
  $color-palette,
  "extended",
  "x-indigo--90"
) !default;

$x-plum--10: color-palette__key(
  $color-palette,
  "extended",
  "x-plum--10"
) !default;

$x-plum--50: color-palette__key(
  $color-palette,
  "extended",
  "x-plum--50"
) !default;

$x-plum--90: color-palette__key(
  $color-palette,
  "extended",
  "x-plum--90"
) !default;

$x-ruby--10: color-palette__key(
  $color-palette,
  "extended",
  "x-ruby--10"
) !default;

$x-ruby--50: color-palette__key(
  $color-palette,
  "extended",
  "x-ruby--50"
) !default;

$x-ruby--90: color-palette__key(
  $color-palette,
  "extended",
  "x-ruby--90"
) !default;

$x-amber--10: color-palette__key(
  $color-palette,
  "extended",
  "x-amber--10"
) !default;

$x-amber--50: color-palette__key(
  $color-palette,
  "extended",
  "x-amber--50"
) !default;

$x-amber--90: color-palette__key(
  $color-palette,
  "extended",
  "x-amber--90"
) !default;

$x-caramel--10: color-palette__key(
  $color-palette,
  "extended",
  "x-caramel--10"
) !default;

$x-caramel--50: color-palette__key(
  $color-palette,
  "extended",
  "x-caramel--50"
) !default;

$x-caramel--90: color-palette__key(
  $color-palette,
  "extended",
  "x-caramel--90"
) !default;

$x-gold--10: color-palette__key(
  $color-palette,
  "extended",
  "x-gold--10"
) !default;

$x-gold--50: color-palette__key(
  $color-palette,
  "extended",
  "x-gold--50"
) !default;

$x-gold--90: color-palette__key(
  $color-palette,
  "extended",
  "x-gold--90"
) !default;

$x-kiwi--10: color-palette__key(
  $color-palette,
  "extended",
  "x-kiwi--10"
) !default;

$x-kiwi--50: color-palette__key(
  $color-palette,
  "extended",
  "x-kiwi--50"
) !default;

$x-kiwi--90: color-palette__key(
  $color-palette,
  "extended",
  "x-kiwi--90"
) !default;

$ui-background--01: color-palette__key(
  $color-palette,
  "base",
  "white--100"
) !default;

$ui-background--02: color-palette__key(
  $color-palette,
  "base",
  "gray--05"
) !default;

$ui-background--03: color-palette__key(
  $color-palette,
  "base",
  "gray--10"
) !default;

$ui-background--04: color-palette__key(
  $color-palette,
  "base",
  "gray--70"
) !default;

$ui-background--05: color-palette__key(
  $color-palette,
  "base",
  "gray--100"
) !default;

$ui-background--06: color-palette__key(
  $color-palette,
  "base",
  "red--60"
) !default;

$ui-background--07: color-palette__key(
  $color-palette,
  "base",
  "blue--90"
) !default;

$ui-stroke--01: color-palette__key(
  $color-palette,
  "base",
  "white--100"
) !default;

$ui-stroke--02: color-palette__key($color-palette, "base", "gray--10") !default;

$ui-stroke--03: color-palette__key($color-palette, "base", "gray--40") !default;

$ui-stroke--04: color-palette__key($color-palette, "base", "gray--70") !default;

$ui-stroke--05: color-palette__key(
  $color-palette,
  "base",
  "gray--100"
) !default;

$ui-stroke--06: color-palette__key($color-palette, "base", "red--60") !default;

$ui-stroke--07: color-palette__key($color-palette, "base", "blue--90") !default;

$ui-stroke--08: color-palette__key($color-palette, "base", "gray--30") !default;

$state-enabled: color-palette__key(
  $color-palette,
  "base",
  "white--100"
) !default;

$state-hover: color-palette__key($color-palette, "base", "gray--05") !default;

$state-focus: color-palette__key(
  $color-palette,
  "utility",
  "u-active--70"
) !default;

$state-error: color-palette__key($color-palette, "base", "red--60") !default;

$text: color-palette__key($color-palette, "base", "gray--70") !default;

$text-inverse: color-palette__key(
  $color-palette,
  "base",
  "white--100"
) !default;

$text-emphasis: color-palette__key($color-palette, "base", "red--60") !default;

$text-low-emphasis: color-palette__key(
  $color-palette,
  "base",
  "gray--40"
) !default;

$text-disabled: color-palette__key($color-palette, "base", "gray--40") !default;

$text-link: color-palette__key($color-palette, "base", "gray--100") !default;

$text-link--hover: color-palette__key(
  $color-palette,
  "utility",
  "u-active--70"
) !default;

$text-link--visited: color-palette__key(
  $color-palette,
  "utility",
  "u-visited--70"
) !default;

$icon-dark: color-palette__key($color-palette, "base", "gray--100") !default;

$icon-medium: color-palette__key($color-palette, "base", "gray--40") !default;

$icon-light: color-palette__key($color-palette, "base", "white--100") !default;

$icon-disabled: color-palette__key($color-palette, "base", "gray--40") !default;

$icon-red: color-palette__key($color-palette, "base", "red--60") !default;

$support-alert: color-palette__key(
  $color-palette,
  "utility",
  "u-alert--70"
) !default;

$support-success: color-palette__key(
  $color-palette,
  "utility",
  "u-success--70"
) !default;

$support-warning: color-palette__key(
  $color-palette,
  "utility",
  "u-alert--70"
) !default;

$support-information: color-palette__key(
  $color-palette,
  "base",
  "blue--90"
) !default;

$overlay: color-palette__key(
  $color-palette,
  "overlays",
  "overlay--g100"
) !default;

$enable-grid-classes: true !default;

$grid-columns: 12 !default;

$grid-gutter-width: 32px !default;

$grid-row-columns: 6 !default;

$container-max-widths: (
  md: 720px,
  lg: 960px,
  xl: 1488px,
) !default;

@mixin make-container($gutter: $grid-gutter-width) { ... }

@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) { ... }

@mixin make-row($gutter: $grid-gutter-width) { ... }

@mixin make-col($size, $columns: $grid-columns) { ... }

@mixin make-col-auto() { ... }

@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) { ... }

.fixed-top { ... }

.fixed-bottom { ... }

.sticky-top { ... }

$spacer: 1rem !default;

$spacers: () !default;

$spacers: map-merge(
  (
    0: 0,
    1: (
      $spacer * 0.25,
    ),
    2: (
      $spacer * 0.5,
    ),
    3: $spacer,
    4: (
      $spacer * 1.5,
    ),
    5: (
      $spacer * 3,
    ),
  ),
  $spacers
);

$spacing__map: (
  spacing--01: $unit-spacing--01,
  spacing--02: $unit-spacing--02,
  spacing--03: $unit-spacing--03,
  spacing--04: $unit-spacing--04,
  spacing--05: $unit-spacing--05,
  spacing--06: $unit-spacing--06,
  spacing--07: $unit-spacing--07,
  spacing--08: $unit-spacing--08,
  spacing--09: $unit-spacing--09,
  spacing--10: $unit-spacing--10,
  spacing--11: $unit-spacing--11,
  spacing--12: $unit-spacing--12,
) !default;

$spacing__map--var: (
  $unit-spacing--01,
  $unit-spacing--02,
  $unit-spacing--03,
  $unit-spacing--04,
  $unit-spacing--05,
  $unit-spacing--06,
  $unit-spacing--07,
  $unit-spacing--08,
  $unit-spacing--09,
  $unit-spacing--10,
  $unit-spacing--11,
  $unit-spacing--12
) !default;

$spacing--01: $unit-spacing--01 !default;

$spacing--02: $unit-spacing--02 !default;

$spacing--03: $unit-spacing--03 !default;

$spacing--04: $unit-spacing--04 !default;

$spacing--05: $unit-spacing--05 !default;

$spacing--06: $unit-spacing--06 !default;

$spacing--07: $unit-spacing--07 !default;

$spacing--08: $unit-spacing--08 !default;

$spacing--09: $unit-spacing--09 !default;

$spacing--10: $unit-spacing--10 !default;

$spacing--11: $unit-spacing--11 !default;

$spacing--12: $unit-spacing--12 !default;

.m#{$infix}-auto { ... }

.mt#{$infix}-auto,
    
    /// @group spacing
    .my#{$infix}-auto { ... }

.my#{$infix}-auto { ... }

.mr#{$infix}-auto,
    
    /// @group spacing
    .mx#{$infix}-auto { ... }

.mx#{$infix}-auto { ... }

.mb#{$infix}-auto,
    
    /// @group spacing
    .my#{$infix}-auto { ... }

.my#{$infix}-auto { ... }

.ml#{$infix}-auto,
    
    /// @group spacing
    .mx#{$infix}-auto { ... }

.mx#{$infix}-auto { ... }

@function font-weight__value($weight) { ... }

@function letter-spacing__value($letter-spacing) { ... }

@function line-height__value($line-height) { ... }

@function text-transform__value($value) { ... }

@mixin font-weight($weight) { ... }

@mixin letter-spacing($letter-spacing) { ... }

@mixin line-height($line-height) { ... }

@mixin text-transform($value) { ... }

@mixin type-scale__mixin($step) { ... }

@mixin font-size($step) { ... }

@mixin typography-spacing($letter-spacing-base, $line-height) { ... }

@mixin typography-styling($step, $weight, $letter-spacing, $line-height, $transform, $color) { ... }

@mixin mx-expressive--01() { ... }

@mixin mx-expressive--02() { ... }

@mixin mx-expressive--03() { ... }

@mixin mx-expressive--04() { ... }

@mixin mx-expressive--05() { ... }

@mixin mx-expressive--06() { ... }

@mixin mx-expressive--07() { ... }

@mixin mx-expressive--08() { ... }

@mixin mx-expressive-semibold--08() { ... }

@mixin mx-expressive--09() { ... }

@mixin mx-expressive-semibold--09() { ... }

@mixin mx-expressive--10() { ... }

@mixin mx-expressive-semibold--10() { ... }

@mixin mx-expressive--11() { ... }

@mixin mx-expressive-semibold--11() { ... }

@mixin mx-productive--01() { ... }

@mixin mx-productive--02() { ... }

@mixin mx-productive--03() { ... }

@mixin mx-productive--04() { ... }

@mixin mx-productive--05() { ... }

@mixin mx-productive--06() { ... }

@mixin mx-productive--07() { ... }

@mixin mx-productive--08() { ... }

@mixin mx-productive--09() { ... }

@mixin mx-productive--10() { ... }

@mixin mx-body--full() { ... }

@mixin mx-body-short--full() { ... }

@mixin mx-body() { ... }

@mixin mx-body-short() { ... }

@mixin mx-body--large() { ... }

@mixin mx-body-short--large() { ... }

@mixin mx-body--regular() { ... }

@mixin mx-body-short--regular() { ... }

@mixin mx-body--small() { ... }

@mixin mx-body-short--small() { ... }

@mixin mx-body--xsmall() { ... }

@mixin mx-body-short--xsmall() { ... }

@mixin mx-helper--regular() { ... }

@mixin mx-helper-semibold--regular() { ... }

@mixin mx-helper--small() { ... }

@mixin mx-helper-semibold--small() { ... }

@mixin mx-legal() { ... }

@mixin mx-form-field-label() { ... }

@mixin mx-text-link() { ... }

@mixin mx-text-link--large() { ... }

@mixin mx-text-link--regular() { ... }

@mixin mx-text-link--small() { ... }

@mixin mx-text-link--xsmall() { ... }

@mixin mx-button-text() { ... }

@mixin mx-button-text--large() { ... }

@mixin mx-button-text--regular() { ... }

@mixin mx-button-text--small() { ... }

@mixin mx-button-text--xsmall() { ... }

.g-expressive--01 { ... }

.g-expressive--02 { ... }

.g-expressive--03 { ... }

.g-expressive--04 { ... }

.g-expressive--05 { ... }

.g-expressive--06 { ... }

.g-expressive--07 { ... }

.g-expressive--08 { ... }

.g-expressive--09 { ... }

.g-expressive--10 { ... }

.g-expressive--11 { ... }

.g-expressive-semibold--09 { ... }

.g-expressive-semibold--10 { ... }

.g-expressive-semibold--11 { ... }

.g-productive--01 { ... }

.g-productive--02 { ... }

.g-productive--03 { ... }

.g-productive--04 { ... }

.g-productive--05 { ... }

.g-productive--06 { ... }

.g-productive--07 { ... }

.g-productive--08 { ... }

.g-productive--09 { ... }

.g-productive--10 { ... }

.g-body { ... }

.g-body--small { ... }

.g-body--regular { ... }

.g-body--large { ... }

.g-body--xsmall { ... }

.g-body-short--full { ... }

.g-body-short { ... }

.g-body-short--large { ... }

.g-body-short--regular { ... }

.g-body-short--small { ... }

.g-body-short--xsmall { ... }

.g-text-link { ... }

.g-text-link--small { ... }

.g-button-text { ... }

.g-button-text--small { ... }

.g-helper { ... }

.g-helper--small { ... }

.g-legal { ... }

$font-weights__map: (
  light: 300,
  regular: 400,
  medium: 500,
  semi-bold: 600,
  bold: 700,
) !default;

$line-height__map: (
  lh-single: 1,
  lh-sm: 1.15,
  lh-md: 1.25,
  lh-lg: 1.5,
  lh-xl: 1.75,
  lh-double: 2,
) !default;

$letter-spacing__map: (
  ls-normal: 0,
  ls-md: 0.0625em,
  ls-lg: 0.125em,
  ls-xl: 0.1875em,
) !default;

$text-transform__map: (
  capitalize: capitalize,
  uppercase: uppercase,
  lowercase: lowercase,
  none: none,
  inherit: inherit,
  initial: initial,
) !default;

$typography-utility__map: (
  "font-weight": (
    thin: 100,
    light: 300,
    regular: 400,
    medium: 500,
    semi-bold: 600,
    bold: 700,
  ),
  "text-transform": (
    capitalize: capitalize,
    uppercase: uppercase,
    lowercase: lowercase,
    none: none,
    inherit: inherit,
    initial: initial,
  ),
) !default;

$font-family-base: "proxima-nova", "Lato", "Helvetica Neue", Verdana, Arial,
  sans-serif;

$font-size-base: 16px !default;

$font-weight--thin: 100 !default;

$font-weight--light: 300 !default;

$font-weight--regular: 400 !default;

$font-weight--medium: 500 !default;

$font-weight--semi-bold: 600 !default;

$font-weight--bold: 700 !default;

$font-weight-base: $font-weight--regular !default;

$line-height-base: 1.25 !default;

$letter-spacing-base: 0.0625em !default;

@function convert--rem() { ... }

@function convert--em() { ... }

@function mini-units($count) { ... }

@function get-type-size($step) { ... }

@function type-scale__value($step) { ... }