/*!*****************************************************************************************************************************************************************************!*\
  !*** css ../../cache/node_modules/css-loader/dist/cjs.js!../../cache/node_modules/sass-loader/lib/loader.js!../src/App/Core/Resources/assets-v2/wl_alert/styles/index.scss ***!
  \*****************************************************************************************************************************************************************************/
/* TODO: disabled because of issue with performance in dev tools. should be rechecked in scope of https://brightlocal.atlassian.net/browse/TEC-1164 */
/* @import "color-variables"; */

/* TODO: disabled because of issue with performance in dev tools. should be rechecked in scope of https://brightlocal.atlassian.net/browse/TEC-1164 */
/* @import "color-variables"; */

.NotificationBanner-container {
  padding-top: 9.375rem;
  text-align: center;
  padding-bottom: 22px; }

.NotificationBanner-contentContainer {
  max-width: 35rem;
  padding: 0 22px;
  margin: auto;
  box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.2); }

.NotificationBanner-title {
  color: #000000;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.0625rem; }

.NotificationBanner-content,
.NotificationBanner-content p {
  color: #000000;
  font-size: 1.25rem;
  line-height: 1.875rem;
  text-align: center;
  word-wrap: break-word;
  font-weight: 400; }

.WlAlert-title {
  font-size: 2.75rem;
  line-height: 3.4375rem;
  font-weight: bold;
  color: #000000; }

.WlAlert-sectionTitle {
  font-size: 1.25rem; }

.WlAlert-sectionSecondTitle {
  font-size: 1rem; }

.WlAlert-content p,
.WlAlert-content li {
  font-size: 0.75rem;
  line-height: inherit;
  color: #000000;
  font-weight: normal; }

.WlAlert-content table {
  border: 0.0625rem solid #c2c2c2; }
  .WlAlert-content table td {
    padding: 5px; }

.WlAlert-content.is-leftAligned {
  text-align: left; }