@import '../../cdk/a11y/a11y';

$mat-snack-bar-padding: 14px 16px !default;
$mat-snack-bar-min-height: 48px !default;
$mat-snack-bar-min-width: 344px !default;
$mat-snack-bar-max-width: 33vw !default;
$mat-snack-bar-spacing-margin: 24px !default;
$mat-snack-bar-spacing-margin-handset: 8px !default;


.mat-snack-bar-container {
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  margin: $mat-snack-bar-spacing-margin;
  max-width: $mat-snack-bar-max-width;
  min-width: $mat-snack-bar-min-width;
  padding: $mat-snack-bar-padding;
  min-height: $mat-snack-bar-min-height;
  transform-origin: center;

  @include cdk-high-contrast {
    border: solid 1px;
  }
}

/**
 * The mat-snack-bar-handset class will be applied to the overlay
 * element causing styling to both it and the snack bar container.
 */
.mat-snack-bar-handset {
  width: 100%;

  .mat-snack-bar-container {
    margin: $mat-snack-bar-spacing-margin-handset;
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }
}