@mixin shadow-level-3-soft {
  box-shadow:
    var(--sbb-shadow-elevation-level-3-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-3-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-3-shadow-2-blur)
      var(--sbb-shadow-elevation-level-3-shadow-2-spread)
      var(--sbb-shadow-elevation-level-3-soft-2-color),
    var(--sbb-shadow-elevation-level-3-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-3-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-3-shadow-1-blur)
      var(--sbb-shadow-elevation-level-3-shadow-1-spread)
      var(--sbb-shadow-elevation-level-3-soft-1-color);
}

@mixin shadow-level-3-soft-negative {
  box-shadow:
    var(--sbb-shadow-elevation-level-3-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-3-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-3-shadow-2-blur)
      var(--sbb-shadow-elevation-level-3-shadow-2-spread)
      var(--sbb-shadow-elevation-level-3-soft-negative-2-color),
    var(--sbb-shadow-elevation-level-3-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-3-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-3-shadow-1-blur)
      var(--sbb-shadow-elevation-level-3-shadow-1-spread)
      var(--sbb-shadow-elevation-level-3-soft-negative-1-color);
}

@mixin shadow-level-3-hard {
  box-shadow:
    var(--sbb-shadow-elevation-level-3-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-3-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-3-shadow-2-blur)
      var(--sbb-shadow-elevation-level-3-shadow-2-spread)
      var(--sbb-shadow-elevation-level-3-hard-2-color),
    var(--sbb-shadow-elevation-level-3-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-3-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-3-shadow-1-blur)
      var(--sbb-shadow-elevation-level-3-shadow-1-spread)
      var(--sbb-shadow-elevation-level-3-hard-1-color);
}

@mixin shadow-level-3-hard-negative {
  box-shadow:
    var(--sbb-shadow-elevation-level-3-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-3-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-3-shadow-2-blur)
      var(--sbb-shadow-elevation-level-3-shadow-2-spread)
      var(--sbb-shadow-elevation-level-3-hard-negative-2-color),
    var(--sbb-shadow-elevation-level-3-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-3-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-3-shadow-1-blur)
      var(--sbb-shadow-elevation-level-3-shadow-1-spread)
      var(--sbb-shadow-elevation-level-3-hard-negative-1-color);
}

@mixin shadow-level-5-soft {
  box-shadow:
    var(--sbb-shadow-elevation-level-5-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-5-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-5-shadow-2-blur)
      var(--sbb-shadow-elevation-level-5-shadow-2-spread)
      var(--sbb-shadow-elevation-level-5-soft-2-color),
    var(--sbb-shadow-elevation-level-5-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-5-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-5-shadow-1-blur)
      var(--sbb-shadow-elevation-level-5-shadow-1-spread)
      var(--sbb-shadow-elevation-level-5-soft-1-color);
}

@mixin shadow-level-5-soft-negative {
  box-shadow:
    var(--sbb-shadow-elevation-level-5-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-5-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-5-shadow-2-blur)
      var(--sbb-shadow-elevation-level-5-shadow-2-spread)
      var(--sbb-shadow-elevation-level-5-soft-negative-2-color),
    var(--sbb-shadow-elevation-level-5-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-5-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-5-shadow-1-blur)
      var(--sbb-shadow-elevation-level-5-shadow-1-spread)
      var(--sbb-shadow-elevation-level-5-soft-negative-1-color);
}

@mixin shadow-level-5-hard {
  box-shadow:
    var(--sbb-shadow-elevation-level-5-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-5-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-5-shadow-2-blur)
      var(--sbb-shadow-elevation-level-5-shadow-2-spread)
      var(--sbb-shadow-elevation-level-5-hard-2-color),
    var(--sbb-shadow-elevation-level-5-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-5-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-5-shadow-1-blur)
      var(--sbb-shadow-elevation-level-5-shadow-1-spread)
      var(--sbb-shadow-elevation-level-5-hard-1-color);
}

@mixin shadow-level-5-hard-negative {
  box-shadow:
    var(--sbb-shadow-elevation-level-5-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-5-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-5-shadow-2-blur)
      var(--sbb-shadow-elevation-level-5-shadow-2-spread)
      var(--sbb-shadow-elevation-level-5-hard-negative-2-color),
    var(--sbb-shadow-elevation-level-5-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-5-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-5-shadow-1-blur)
      var(--sbb-shadow-elevation-level-5-shadow-1-spread)
      var(--sbb-shadow-elevation-level-5-hard-negative-1-color);
}

@mixin shadow-level-9-soft {
  box-shadow:
    var(--sbb-shadow-elevation-level-9-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-9-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-9-shadow-2-blur)
      var(--sbb-shadow-elevation-level-9-shadow-2-spread)
      var(--sbb-shadow-elevation-level-9-soft-2-color),
    var(--sbb-shadow-elevation-level-9-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-9-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-9-shadow-1-blur)
      var(--sbb-shadow-elevation-level-9-shadow-1-spread)
      var(--sbb-shadow-elevation-level-9-soft-1-color);
}

@mixin shadow-level-9-soft-negative {
  box-shadow:
    var(--sbb-shadow-elevation-level-9-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-9-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-9-shadow-2-blur)
      var(--sbb-shadow-elevation-level-9-shadow-2-spread)
      var(--sbb-shadow-elevation-level-9-soft-negative-2-color),
    var(--sbb-shadow-elevation-level-9-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-9-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-9-shadow-1-blur)
      var(--sbb-shadow-elevation-level-9-shadow-1-spread)
      var(--sbb-shadow-elevation-level-9-soft-negative-1-color);
}

@mixin shadow-level-9-hard {
  box-shadow:
    var(--sbb-shadow-elevation-level-9-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-9-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-9-shadow-2-blur)
      var(--sbb-shadow-elevation-level-9-shadow-2-spread)
      var(--sbb-shadow-elevation-level-9-hard-2-color),
    var(--sbb-shadow-elevation-level-9-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-9-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-9-shadow-1-blur)
      var(--sbb-shadow-elevation-level-9-shadow-1-spread)
      var(--sbb-shadow-elevation-level-9-hard-1-color);
}

@mixin shadow-level-9-hard-negative {
  box-shadow:
    var(--sbb-shadow-elevation-level-9-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-9-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-9-shadow-2-blur)
      var(--sbb-shadow-elevation-level-9-shadow-2-spread)
      var(--sbb-shadow-elevation-level-9-hard-negative-2-color),
    var(--sbb-shadow-elevation-level-9-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-9-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-9-shadow-1-blur)
      var(--sbb-shadow-elevation-level-9-shadow-1-spread)
      var(--sbb-shadow-elevation-level-9-hard-negative-1-color);
}

@mixin shadow-level-11-soft {
  box-shadow:
    var(--sbb-shadow-elevation-level-11-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-11-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-11-shadow-2-blur)
      var(--sbb-shadow-elevation-level-11-shadow-2-spread)
      var(--sbb-shadow-elevation-level-11-soft-2-color),
    var(--sbb-shadow-elevation-level-11-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-11-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-11-shadow-1-blur)
      var(--sbb-shadow-elevation-level-11-shadow-1-spread)
      var(--sbb-shadow-elevation-level-11-soft-1-color);
}

@mixin shadow-level-11-soft-negative {
  box-shadow:
    var(--sbb-shadow-elevation-level-11-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-11-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-11-shadow-2-blur)
      var(--sbb-shadow-elevation-level-11-shadow-2-spread)
      var(--sbb-shadow-elevation-level-11-soft-negative-2-color),
    var(--sbb-shadow-elevation-level-11-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-11-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-11-shadow-1-blur)
      var(--sbb-shadow-elevation-level-11-shadow-1-spread)
      var(--sbb-shadow-elevation-level-11-soft-negative-1-color);
}

@mixin shadow-level-11-hard {
  box-shadow:
    var(--sbb-shadow-elevation-level-11-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-11-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-11-shadow-2-blur)
      var(--sbb-shadow-elevation-level-11-shadow-2-spread)
      var(--sbb-shadow-elevation-level-11-hard-2-color),
    var(--sbb-shadow-elevation-level-11-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-11-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-11-shadow-1-blur)
      var(--sbb-shadow-elevation-level-11-shadow-1-spread)
      var(--sbb-shadow-elevation-level-11-hard-1-color);
}

@mixin shadow-level-11-hard-negative {
  box-shadow:
    var(--sbb-shadow-elevation-level-11-shadow-2-offset-x)
      var(--sbb-shadow-elevation-level-11-shadow-2-offset-y)
      var(--sbb-shadow-elevation-level-11-shadow-2-blur)
      var(--sbb-shadow-elevation-level-11-shadow-2-spread)
      var(--sbb-shadow-elevation-level-11-hard-negative-2-color),
    var(--sbb-shadow-elevation-level-11-shadow-1-offset-x)
      var(--sbb-shadow-elevation-level-11-shadow-1-offset-y)
      var(--sbb-shadow-elevation-level-11-shadow-1-blur)
      var(--sbb-shadow-elevation-level-11-shadow-1-spread)
      var(--sbb-shadow-elevation-level-11-hard-negative-1-color);
}