.bb-shadow-wide-xs {
  box-shadow: 0px 5px 15px 0px rgba(16, 24, 40, 0.12);
}

.bb-shadow-wide-sm {
  box-shadow: 0px 6.25px 20px 0px rgba(16, 24, 40, 0.12);
}

.bb-shadow-wide-md {
  box-shadow: 0px 10px 25px 0px rgba(16, 24, 40, 0.12);
}

.bb-shadow-wide-lg {
  box-shadow: 0px 10px 35px 0px rgba(16, 24, 40, 0.15);
}

.bb-shadow-wide-xl {
  box-shadow: 0px 15px 60px 0px rgba(16, 24, 40, 0.17);
}

.bb-shadow-wide-2xl {
  box-shadow: 0px 17.5px 70px 0px rgba(16, 24, 40, 0.17);
}

.bb-shadow-wide-3xl {
  box-shadow: 0px 35px 90px 0px rgba(16, 24, 40, 0.20);
}

.bb-shadow-compact-xs {
  box-shadow: 0px 5px 15px 0px rgba(16, 24, 40, 0.12);
}

.bb-shadow-compact-sm {
  box-shadow: 0px 2px 7px 0px rgba(16, 24, 40, 0.24);
}

.bb-shadow-compact-md {
  box-shadow: 0px 3px 12px 0px rgba(16, 24, 40, 0.20);
}

.bb-shadow-compact-lg {
  box-shadow: 0px 3.5px 14px 0px rgba(16, 24, 40, 0.20);
}

.bb-shadow-compact-xl {
  box-shadow: 0px 7px 18px 0px rgba(16, 24, 40, 0.17);
}

.bb-shadow-compact-2xl {
  box-shadow: 0px 12px 28px 0px rgba(16, 24, 40, 0.20);
}

.bb-shadow-compact-3xl {
  box-shadow: 0px 13px 36px 0px rgba(16, 24, 40, 0.22);
}