// Notification
$notification-width: rem(400px) !default;
$notification-top: $navbar-height + 10 !default;
$notice-color: $brand-pure !default;
$notice-border-radius: $border-radius-lg !default;
$notice-margin-bottom: $spacer-y !default;
$notice-close-size: rem(26px) !default;
$notice-close-offset: rem(12px) !default;

$notice-header-font-size: rem(40px) !default;
$notice-header-padding: rem(30px) !default;
$notice-title-margin: 0 0 rem(10px) !default;
$notice-title-font-size: rem(18px) !default;
$notice-body-padding: rem(30px) rem(46px) rem(30px) rem(30px) !default;
$notice-content-line-height: rem(22px) !default;

$notice-primary-bg: linear-gradient(
  270deg,
  #0c85ff 0%,
  $brand-info 100%
) !default;
$notice-success-bg: linear-gradient(
  270deg,
  #00b250 0%,
  $brand-success 100%
) !default;
$notice-warning-bg: linear-gradient(
  270deg,
  #ffa200 0%,
  $brand-warning 100%
) !default;
$notice-danger-bg: linear-gradient(
  270deg,
  #fd3737 0%,
  $brand-danger 100%
) !default;

$notice-enter-duration: 0.2s !default;
$notice-leave-duration: 0.8s !default;