@use "../../wc";


.tile__property {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 150px;
  flex-basis: 150px;
  max-width: 200px;

  .tile__property_container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .tile__icon {
    margin-right: 15px;
  }

  .tile__caption {
    display: block;
    font-weight: 500;
    margin: 0;
    font-size: 14px;
    color: rgb(var(--zn-text-heading));
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .tile__description {
    display: block;
    font-weight: 400;
    margin: var(--zn-spacing-2x-small) 0 0;
    font-size: var(--zn-font-size-medium);
    color: rgb(var(--zn-text-color));
    text-overflow: ellipsis;
    overflow: hidden;
  }
}