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

.container {
  display: flex;
  justify-content: center;

  @include int.container-at-most("sm") {
    margin-left: int.$spacing-2;
    margin-right: int.$spacing-4;
  }

  &.embed {
    margin: 0;
    margin: 0;
  }
}

.shapesContainer {
  display: inline-block;
}

.swatch {
  fill: white;
  fill-opacity: 0;
  stroke: none;

  &:hover {
    stroke: black;
    stroke-width: 2px;
  }
}
