// CLI Version 1.0.2
// Component Version 1.0.0
.infoText {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid var(--gray-300, #d0d5dd);
  background: var(--gray-25, #fcfcfd);
  .text {
    align-self: stretch;
    color: var(--gray-600, #475467);

    /* Text sm/Regular */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
  }
}

// ========================================
// Media Queries
// ========================================
// Adjusting grid for desktop screens to have 3 items per row
@media (min-width: 1024px) {
}
// Adjusting grid for tablet screens (between small tablets and desktops)
@media (min-width: 768px) and (max-width: 1023px) {
}
// Adjusting grid for smaller screens (small tablets and mobiles)
@media (max-width: 768px) {
}
// Adjusting grid for smaller screens (mobiles)
@media (max-width: 480px) {
}