#content#content.modern-page .usr-hero button.loc-hero-btn, #modern-overlay#modern-overlay.modern-page .usr-hero button.loc-hero-btn{ font-family: inherit; }
#content#content.modern-page .usr-hero .loc-hero-btn--info, #modern-overlay#modern-overlay.modern-page .usr-hero .loc-hero-btn--info{ border-color: rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .14); color: #fff; }
#content#content.modern-page .usr-hero .loc-hero-btn--info:hover, #modern-overlay#modern-overlay.modern-page .usr-hero .loc-hero-btn--info:hover{ background: rgba(255, 255, 255, .24); }
#content#content.modern-page .usr-hero .loc-hero-actions, #modern-overlay#modern-overlay.modern-page .usr-hero .loc-hero-actions{ align-items: center; }
#content#content.modern-page .usr-dot, #modern-overlay#modern-overlay.modern-page .usr-dot{ display: inline-block; width: 12px; height: 12px; margin-left: 4px; border: 2px solid #fff; border-radius: 50%; vertical-align: middle; }
#content#content.modern-page .usr-dot--on, #modern-overlay#modern-overlay.modern-page .usr-dot--on{ background: #2fb344; }
#content#content.modern-page .usr-dot--off, #modern-overlay#modern-overlay.modern-page .usr-dot--off{ background: #9a9a9f; }
#content#content.modern-page .usr-real, #modern-overlay#modern-overlay.modern-page .usr-real{ font-size: 14px; font-weight: normal; font-style: normal; color: rgba(255, 255, 255, .75); }
#content#content.modern-page .usr-hero-more, #modern-overlay#modern-overlay.modern-page .usr-hero-more{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin: 10px 0 0; }
#content#content.modern-page .usr-hero .usr-link, #modern-overlay#modern-overlay.modern-page .usr-hero .usr-link, #content#content.modern-page .usr-hero .usr-link:visited, #modern-overlay#modern-overlay.modern-page .usr-hero .usr-link:visited{ color: rgba(255, 255, 255, .8); }
#content#content.modern-page .usr-hero .usr-link:hover, #modern-overlay#modern-overlay.modern-page .usr-hero .usr-link:hover{ color: #fff; }
#content#content.modern-page .usr-link, #modern-overlay#modern-overlay.modern-page .usr-link{ display: inline; margin: 0; padding: 0; border: 0; background: none; font: inherit; font-size: 12px; color: var(--s1d-muted, #6b6d6c); text-decoration: underline; cursor: pointer; }
#content#content.modern-page .s1d-layout .usr-link, #modern-overlay#modern-overlay.modern-page .s1d-layout .usr-link, #content#content.modern-page .s1d-layout .usr-link:visited, #modern-overlay#modern-overlay.modern-page .s1d-layout .usr-link:visited{ color: var(--s1d-muted); text-decoration: underline; }
#content#content.modern-page .s1d-layout .usr-link:hover, #modern-overlay#modern-overlay.modern-page .s1d-layout .usr-link:hover{ color: var(--s1d-red-dark); }
#content#content.modern-page .usr-inline, #modern-overlay#modern-overlay.modern-page .usr-inline{ display: inline; margin: 0; }
#content#content.modern-page .s1u-flash, #modern-overlay#modern-overlay.modern-page .s1u-flash{ margin: 0 0 16px; }
#content#content.modern-page .s1u-notice p, #modern-overlay#modern-overlay.modern-page .s1u-notice p{ margin: 0 0 8px; }
#content#content.modern-page .s1u-notice p:last-child, #modern-overlay#modern-overlay.modern-page .s1u-notice p:last-child{ margin-bottom: 0; }
#content#content.modern-page .s1d-layout.s1u-single, #modern-overlay#modern-overlay.modern-page .s1d-layout.s1u-single{ grid-template-columns: minmax(0, 1fr); }
#content#content.modern-page .s1u-suggest, #modern-overlay#modern-overlay.modern-page .s1u-suggest{ display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0 0 10px; }
#content#content.modern-page .usr-h3, #modern-overlay#modern-overlay.modern-page .usr-h3{ margin: 14px 0 6px; font-size: 14px; color: var(--s1d-text); }
#content#content.modern-page .usr-h3:first-child, #modern-overlay#modern-overlay.modern-page .usr-h3:first-child{ margin-top: 0; }
#content#content.modern-page .usr-prompt, #modern-overlay#modern-overlay.modern-page .usr-prompt{ border-style: dashed; }
#content#content.modern-page .usr-prompt p, #modern-overlay#modern-overlay.modern-page .usr-prompt p{ margin: 0 0 4px; color: var(--s1d-muted); }
#content#content.modern-page .usr-invite, #modern-overlay#modern-overlay.modern-page .usr-invite{ display: flex; align-items: center; gap: 10px; }
#content#content.modern-page .usr-invite img, #modern-overlay#modern-overlay.modern-page .usr-invite img{ display: block; width: 45px; height: 45px; border-radius: 8px; object-fit: cover; }
#content#content.modern-page .s1u-facts, #modern-overlay#modern-overlay.modern-page .s1u-facts{ margin: 0; }
#content#content.modern-page .s1d-layout .usr-list a, #modern-overlay#modern-overlay.modern-page .s1d-layout .usr-list a{ overflow-wrap: anywhere; }
#content#content.modern-page .usr-promo, #modern-overlay#modern-overlay.modern-page .usr-promo{ padding: 0; overflow: hidden; }
#content#content.modern-page .usr-promo img, #modern-overlay#modern-overlay.modern-page .usr-promo img{ display: block; width: 100%; height: auto; }
#content#content.modern-page .usr-admin .backend-menu li, #modern-overlay#modern-overlay.modern-page .usr-admin .backend-menu li{ margin: 0 0 6px; }
#content#content.modern-page .usr-pills, #modern-overlay#modern-overlay.modern-page .usr-pills{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
#content#content.modern-page .usr-pill, #modern-overlay#modern-overlay.modern-page .usr-pill, #content#content.modern-page .s1d-layout a.usr-pill, #modern-overlay#modern-overlay.modern-page .s1d-layout a.usr-pill, #content#content.modern-page .s1d-layout a.usr-pill:visited, #modern-overlay#modern-overlay.modern-page .s1d-layout a.usr-pill:visited{
	display: inline-block; margin: 0; padding: 4px 13px; border: 1px solid var(--s1d-line); border-radius: 999px; background: #fff;
	font: inherit; font-size: 13px; line-height: 1.5; color: var(--s1d-text); text-decoration: none; cursor: pointer;
}
#content#content.modern-page .usr-pill:hover, #modern-overlay#modern-overlay.modern-page .usr-pill:hover, #content#content.modern-page .s1d-layout a.usr-pill:hover, #modern-overlay#modern-overlay.modern-page .s1d-layout a.usr-pill:hover{ border-color: var(--s1d-red); text-decoration: none; }
#content#content.modern-page .usr-pill.active, #modern-overlay#modern-overlay.modern-page .usr-pill.active, #content#content.modern-page .s1d-layout a.usr-pill.active, #modern-overlay#modern-overlay.modern-page .s1d-layout a.usr-pill.active, #content#content.modern-page .s1d-layout a.usr-pill.active:visited, #modern-overlay#modern-overlay.modern-page .s1d-layout a.usr-pill.active:visited{ background: var(--s1d-red); border-color: var(--s1d-red); color: #fff; }
#content#content.modern-page .s1u-albums, #modern-overlay#modern-overlay.modern-page .s1u-albums{ display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 12px; }
#content#content.modern-page .s1u-albums li, #modern-overlay#modern-overlay.modern-page .s1u-albums li{ min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; align-content: start; }
#content#content.modern-page .s1u-album-img, #modern-overlay#modern-overlay.modern-page .s1u-album-img{ display: flex; align-items: center; justify-content: center; aspect-ratio: 1; overflow: hidden; border-radius: 8px; background: var(--s1d-bg); font-size: 34px; }
#content#content.modern-page .s1u-album-img img, #modern-overlay#modern-overlay.modern-page .s1u-album-img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
#content#content.modern-page .s1d-layout .s1u-album-name, #modern-overlay#modern-overlay.modern-page .s1d-layout .s1u-album-name, #content#content.modern-page .s1d-layout .s1u-album-name:visited, #modern-overlay#modern-overlay.modern-page .s1d-layout .s1u-album-name:visited{ margin-top: 4px; font-weight: bold; color: var(--s1d-text); overflow-wrap: anywhere; }
#content#content.modern-page .usr-group-head, #modern-overlay#modern-overlay.modern-page .usr-group-head{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; }
#content#content.modern-page .usr-group-actions, #modern-overlay#modern-overlay.modern-page .usr-group-actions, #content#content.modern-page .usr-friend-actions, #modern-overlay#modern-overlay.modern-page .usr-friend-actions{ display: flex; flex-wrap: wrap; gap: 2px 10px; font-weight: normal; }
#content#content.modern-page .usr-friend-actions, #modern-overlay#modern-overlay.modern-page .usr-friend-actions{ justify-content: center; margin-top: 4px; font-size: 11px; }
#content#content.modern-page .usr-friends .event-meetpoint-list li.user, #modern-overlay#modern-overlay.modern-page .usr-friends .event-meetpoint-list li.user{ text-align: center; }
#content#content.modern-page .usr-friends .event-meetpoint-list .info, #modern-overlay#modern-overlay.modern-page .usr-friends .event-meetpoint-list .info{ grid-column: 1 / -1; color: var(--s1d-muted); }
#content#content.modern-page .s1u-friends .usr-pills, #modern-overlay#modern-overlay.modern-page .s1u-friends .usr-pills{ margin-bottom: 14px; }
#content#content.modern-page .s1u-groups, #modern-overlay#modern-overlay.modern-page .s1u-groups{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 0 18px; }
#content#content.modern-page .s1u-groups li, #modern-overlay#modern-overlay.modern-page .s1u-groups li{ min-width: 0; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--s1d-line); }
#content#content.modern-page .s1u-group-img, #modern-overlay#modern-overlay.modern-page .s1u-group-img{ display: block; width: 48px; height: 48px; overflow: hidden; border-radius: 8px; background: var(--s1d-bg); }
#content#content.modern-page .s1u-group-img img, #modern-overlay#modern-overlay.modern-page .s1u-group-img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
#content#content.modern-page .s1u-group-text, #modern-overlay#modern-overlay.modern-page .s1u-group-text{ min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); line-height: 1.3; }
#content#content.modern-page .s1d-layout .s1u-group-name, #modern-overlay#modern-overlay.modern-page .s1d-layout .s1u-group-name, #content#content.modern-page .s1d-layout .s1u-group-name:visited, #modern-overlay#modern-overlay.modern-page .s1d-layout .s1u-group-name:visited{ font-weight: bold; color: var(--s1d-text); overflow-wrap: anywhere; }
#content#content.modern-page .s1u-group-meta, #modern-overlay#modern-overlay.modern-page .s1u-group-meta{ font-size: 12px; }
#content#content.modern-page .s1u-group-actions, #modern-overlay#modern-overlay.modern-page .s1u-group-actions{ display: flex; flex-wrap: wrap; gap: 0 10px; font-size: 12px; }
#content#content.modern-page .s1u-dates, #modern-overlay#modern-overlay.modern-page .s1u-dates{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
#content#content.modern-page .s1u-dates li, #modern-overlay#modern-overlay.modern-page .s1u-dates li{ display: grid; grid-template-columns: 56px 48px minmax(0, 1fr); gap: 12px; align-items: center; padding-bottom: 10px; border-bottom: 1px solid var(--s1d-line); }
#content#content.modern-page .s1u-dates li:last-child, #modern-overlay#modern-overlay.modern-page .s1u-dates li:last-child{ padding-bottom: 0; border-bottom: 0; }
#content#content.modern-page .s1u-date, #modern-overlay#modern-overlay.modern-page .s1u-date{ display: grid; grid-template-columns: minmax(0, 1fr); text-align: center; line-height: 1.25; }
#content#content.modern-page .s1u-date-day, #modern-overlay#modern-overlay.modern-page .s1u-date-day{ color: var(--s1d-muted); font-size: 12px; }
#content#content.modern-page .s1u-date-img img, #modern-overlay#modern-overlay.modern-page .s1u-date-img img{ display: block; width: 48px; height: 48px; border-radius: 8px; object-fit: cover; }
#content#content.modern-page .s1u-date-text, #modern-overlay#modern-overlay.modern-page .s1u-date-text{ min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); overflow-wrap: anywhere; }
@media (max-width: 620px){
#content#content.modern-page .s1u-albums, #modern-overlay#modern-overlay.modern-page .s1u-albums{ grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); }
#content#content.modern-page .s1u-dates li, #modern-overlay#modern-overlay.modern-page .s1u-dates li{ grid-template-columns: 48px 40px minmax(0, 1fr); gap: 8px; }
#content#content.modern-page .s1u-date-img img, #modern-overlay#modern-overlay.modern-page .s1u-date-img img{ width: 40px; height: 40px; }
}
