@use "../../../../styles/int.scss";

.statesContainer{
    display: flex;
    flex-wrap: wrap;
    gap: int.$spacing-1;
}

.fullyClosed{
  border: 1px solid int.$gop-alt04-40;
  padding: int.$spacing-1;
  background: int.$gop-alt04-20;
  @include int.shadow($size: "100");
}

.partiallyClosed{
  padding: int.$spacing-1;
  border: 1px dashed int.$warmgray-90;
  @include int.shadow($size: "100");
}

.closingSoon{
    padding: int.$spacing-1;
    border: 1px dashed int.$warmgray-100;
    background: int.$warmgray-10;
}