@import "settings.colors";

@import "mixins/settings.fonts";
@import "mixins/tools.mixins";

.c-election-error-wrapper {
  position: relative;
}

.c-election-error {
  @include display-grid;
  @include grid-template-rows(rem(15), auto auto);
  @include grid-template-columns(0, 1fr);
  justify-items: center;
  align-content: center;
  text-align: center;
  padding-left: rem(10);
  padding-right: rem(10);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba($color-stone-200, 0.9);
  z-index: $z-index-error-overlay;
}

.c-election-error__content {
  @include grid-row(2, 3, true);
  @include font-gm-sans;
  font-size: rem(16);
  letter-spacing: rem(0.3);
  line-height: line-height(16, 19);
  color: $color-utility-red-500;
}

.c-election-error__icon {
  @include grid-row(1, 2, true);
}

.c-election-error__art {
  width: rem(62);
  height: rem(55);

  .c-election-error__use {
    fill: $color-utility-red-500;
    color: $color-white;
  }
}
