/* [project]/app/src/components/list/InboxItem/styles.css [app-client] (css) */
.inbox-item {
  width: 100%;
  min-height: 165px;
  font-family: var(--font-family);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1rem;
  display: flex;
  position: relative;
}

.inbox-item__container {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.inbox-item__avatar {
  flex-direction: column;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.inbox-item__content {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.inbox-item__link {
  margin-right: .5em;
}

.inbox-item__title {
  cursor: pointer;
  word-break: break-word;
  color: #17377d;
  font-family: var(--font-family);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: color .3s;
}

.inbox-item__title--linkless {
  cursor: default;
  pointer-events: none;
  color: #27282d;
}

.inbox-item__title--linkless:hover, .inbox-item__title--linkless:focus, .inbox-item__title--linkless:active {
  color: #27282d;
}

.inbox-item__title + .inbox-item__title {
  margin-right: .5em;
  display: inline;
}

.inbox-item__person {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  position: relative;
}

.inbox-item__meta {
  flex-wrap: wrap;
  display: flex;
}

.inbox-item__direction {
  margin-right: .5em;
}

.inbox-item__subject {
  font-family: var(--font-family);
  font-size: 1rem;
  font-weight: 700;
}

.inbox-item__date {
  color: #666;
  font-size: .9286rem;
}

.inbox-item__info {
  margin-bottom: 20px;
}

.inbox-item__text {
  font-family: var(--font-family);
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: .9286rem;
  font-weight: 400;
  line-height: 1.2;
}

.inbox-item__text li, .inbox-item__text p {
  word-break: break-all;
}

.inbox-item__actions {
  justify-content: space-between;
  display: flex;
}

.inbox-item__status--unread {
  color: #f40;
}

.inbox-item__status--received {
  color: #dadada;
  margin-bottom: 4px;
}

@media screen and (max-width: 767px) {
  .inbox-item__container {
    flex-direction: column;
    display: flex;
  }
}

@media screen and (max-width: 480px) {
  .inbox-item__container {
    flex-direction: column;
    align-items: center;
    display: flex;
  }
}

/*# sourceMappingURL=app_src_components_list_InboxItem_styles_53f2563e.css.map*/