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

.splitEvs {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: int.$spacing-1;
  row-gap: int.$spacing-1;
  align-items: center;

  &.embed {
    @include int.container-at-most("md") {
      column-gap: 0px;
      row-gap: 0px;
    }
  }
}

.label {
  cursor: default;

  @include int.sans($role: "label", $weight: "bold", $size: "100");

  .embed & {
    @include int.container-at-most("md") {
      font-size: 11px;
    }
  }
}
