@import url("../../inati/_palette-ySWM8g-.css");

[data-controller~="inati--data-highlight"] {
  display: flex;
  justify-content: center;
  align-items: center;

  .highlight-container {
    position: relative;
    margin: 0 .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;

    svg {
      width: 14em;
    }

    .text-data-highlight {
      position: absolute;
      right: 50%;
      bottom: 50%;
      transform: translate(50%, 50%);
      text-align: center;
      text-transform: uppercase;
      font-size: 1.2em;
      width: 95%;
      font-weight: bold;

      span.emphasis {
        font-size: 2.6em;
      }
    }
  }
}