/* Original profile sections: H5 53026:13252, PC 53038:17255. */
.mobile-profile-activities { display: flex; min-width: 0; flex-direction: column; align-items: center; gap: 12px; padding: 12px; border-radius: 9px; background: #ffffff0d; box-shadow: inset 0 0 0 1px #ffffff1a, 0 0 5px #0000001a; scroll-margin-top: 90px; }
.mobile-profile-activities__title { display: flex; height: 28px; align-items: center; justify-content: center; margin: 0; }
.mobile-profile-activities__title picture, .mobile-profile-activities__title img { display: block; }
.mobile-profile-activities__grid { display: flex; width: 100%; flex-direction: column; gap: 12px; }
.mobile-profile-activities__row--large { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.mobile-profile-activities__row--small { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.mobile-profile-activities__row--small .mobile-profile-activity { width: auto; min-width: 0; }
.mobile-profile-activity { position: relative; display: flex; min-width: 0; min-height: 98px; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 9px 0; border-radius: 12px; background: #ffffff0d; box-shadow: inset 0 0 0 1px #ffffff1a; color: #ffffff8c; text-align: center; text-decoration: none; }
.mobile-profile-activities__row--large .mobile-profile-activity { min-height: 130px; gap: 12px; padding: 17px 0; }
.mobile-profile-activity__icon { display: block; width: 50px; height: 50px; margin: 1px; flex: none; object-fit: cover; }
.mobile-profile-activities__row--large .mobile-profile-activity__icon { width: 64px; height: 64px; margin: 0; }
.mobile-profile-activity b { display: block; width: 100%; min-height: 20px; padding: 0 2px; overflow-wrap: anywhere; font: 400 14px/20px "PingFang SC", sans-serif; }
.mobile-profile-activity__badge { position: absolute; top: -2.087890625px; left: 0; display: block; }
.mobile-profile-activity__badge img { display: block; }
.mobile-profile-activity__custom-badge { position: absolute; top: 0; left: 0; max-width: 100%; padding: 2px 4px; border-radius: 4px; background: var(--color-brand-primary); color: #fff; font: 400 10px/16px "PingFang SC", sans-serif; overflow-wrap: anywhere; }
.mobile-profile-activity:focus-visible { outline: 2px solid var(--color-brand-primary); outline-offset: 2px; }
@media (min-width: 769px) {
  .mobile-profile-activities { gap: 16px; padding: 24px; }
  .mobile-profile-activities__grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
  .mobile-profile-activities__row { display: contents; }
  .mobile-profile-activity, .mobile-profile-activities__row--large .mobile-profile-activity, .mobile-profile-activities__row--small .mobile-profile-activity { width: auto; min-height: 136px; grid-column: auto; gap: 12px; padding: 17px 0; }
  .mobile-profile-activity .mobile-profile-activity__icon { width: 70px; height: 70px; margin: 0; }
  .mobile-profile-activity b { background: linear-gradient(164.05deg, #fff, #ddac44); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 500; }
  .mobile-profile-activity__badge { top: -3px; }
}