/* Wik Desktop -- screens/hashtag.css (pack I): the hashtag page, the app page, the shop (HashtagPage / AppPage / the Shop tab). */

.soc-appface { display: inline-flex; align-items: center; justify-content: center; }
.soc-glyph { width: 100%; height: 100%; display: block; }

/* a leaderboard / rating row: 52dp at least, 8 / 8 padding, the rank, the face (chip size) 12dp before the name, the count accent */
.soc-leader, .soc-ratingtop { display: flex; flex-direction: row; align-items: center; min-height: 52px; padding: 8px 0; width: 100%; text-align: start;
  cursor: pointer; min-width: 0; }
div.soc-leader, div.soc-ratingtop { cursor: auto; }   /* W1/73 BOTS d9r2 F3: a bot's row is no tap target */
.soc-rank { flex: 0 0 auto; padding-inline-end: 10px; }
.soc-leaderpic { flex: 0 0 auto; margin-inline-end: 12px; }
.soc-leadercount { flex: 0 0 auto; padding: 0 4px 0 12px; }
.soc-rating { display: flex; flex-direction: column; padding: 8px 0; min-width: 0; }
.soc-replylink { padding: 6px 0 2px 24px; }

/* the app page's new-version switch (android.widget.Switch: the words, the switch at the end) */
.soc-switch { display: flex; flex-direction: row; align-items: center; padding: 8px 0 4px 0; color: var(--c-text); gap: 12px; }
.soc-switch input { width: 36px; height: 20px; accent-color: var(--c-accent-shown); }
.soc-star { display: inline-flex; align-items: center; justify-content: center; color: var(--c-accent-shown); }

/* the shop: the cards of the tab's page */
.soc-shopbody { padding-top: 8px; }