/* Askere Gidiyorum rank component — standalone and context-safe. */
.ag-user-rank {
  --ag-rank-bg: #f2e7bd;
  --ag-rank-text: #624d13;
  display: inline-flex !important;
  box-sizing: border-box !important;
  max-width: 100%;
  min-width: 0;
  min-height: 23px;
  align-items: center !important;
  gap: 5px !important;
  flex: 0 1 auto;
  overflow: hidden;
  margin: 0 !important;
  padding: 2px 7px 2px 3px !important;
  border: 1px solid rgba(98,77,19,.25) !important;
  border-color: color-mix(in srgb, var(--ag-rank-text) 28%, transparent) !important;
  border-radius: 999px !important;
  background: var(--ag-rank-bg) !important;
  color: var(--ag-rank-text) !important;
  font-family: inherit !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  vertical-align: middle;
  white-space: nowrap;
}
.ag-user-rank__image,
.ag-user-rank__fallback {
  display: inline-grid !important;
  box-sizing: border-box !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  place-items: center !important;
  flex: 0 0 18px !important;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  object-fit: contain;
  line-height: 18px !important;
}
.ag-user-rank__image {
  background: rgba(255,255,255,.82) !important;
}
.ag-user-rank__fallback {
  background: var(--ag-rank-text) !important;
  color: var(--ag-rank-bg) !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  text-align: center !important;
}
.ag-user-rank__label {
  display: block !important;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis;
  text-transform: none !important;
  white-space: nowrap;
}
.ag-user-rank:not(.ag-user-rank--compact) {
  min-height: 27px;
  gap: 6px !important;
  padding: 3px 9px 3px 4px !important;
  font-size: 10px !important;
}
.ag-user-rank:not(.ag-user-rank--compact) .ag-user-rank__image,
.ag-user-rank:not(.ag-user-rank--compact) .ag-user-rank__fallback {
  width: 21px !important;
  height: 21px !important;
  min-width: 21px !important;
  min-height: 21px !important;
  flex-basis: 21px !important;
  line-height: 21px !important;
  font-size: 9px !important;
}
/* Listing rows have to share room with username and date. */
.ag-listing-identity .ag-user-rank { max-width: min(185px, 42%); }
.ag-home-question__identity .ag-user-rank { max-width: min(175px, 52%); }
.ag-sidebar-feed__identity .ag-user-rank { max-width: 126px; }
.ag-search-question-identity .ag-user-rank { max-width: 165px; }
.ag-comment__author .ag-user-rank { max-width: min(185px, 48vw); }
.ag-question-detail__author .ag-user-rank { max-width: min(230px, 60vw); }
@media (max-width: 680px) {
  .ag-listing-identity .ag-user-rank { max-width: 42%; }
  .ag-home-question__identity .ag-user-rank { max-width: min(142px, 56%); }
  .ag-sidebar-feed__identity .ag-user-rank { max-width: 116px; }
  .ag-search-question-identity .ag-user-rank { max-width: 135px; }
}